.personalize-card,.personalize-dialog{--personalize-card-radius: 1.2rem;--personalize-success: #36bb7d;--personalize-working: #60bc7f;--personalize-star: #f8c207;--personalize-control-bg: #f2f1f6}.personalize-card__empty,.personalize-card__row,.personalize-dialog{--personalize-card-border: rgb(var(--color-border) / var(--color-border-alpha));--personalize-dropzone-border: #bab7cc}.personalize-dialog{--personalize-modal-radius: 2rem}[data-personalize-open]{box-shadow:0 1rem 2.8rem rgb(var(--color-foreground)/15%)}.personalize-entry{display:flex;flex-direction:column}.personalize-entry__cards{display:flex;flex-direction:column;gap:.8rem}@media(min-width:768px){.personalize-entry__cards{gap:var(--personalize-entry-gap, 1.6rem)}}.personalize-entry__cta{width:100%;margin-block-start:1.6rem}.personalize-entry__footer{margin-block-start:1.2rem}@media(min-width:768px){.personalize-entry__footer{margin-block-start:1.6rem}}.personalize-card{display:block}.personalize-card[hidden],.personalize-card [data-card-view]{display:none}.personalize-card[data-state=empty] [data-card-view=empty],.personalize-card[data-state=selected] [data-card-view=selected],.personalize-card[data-state=analyzed] [data-card-view=analyzed],.personalize-card[data-state=ready] [data-card-view=ready]{display:flex}.personalize-card__empty{position:relative;align-items:center;gap:1.6rem;padding:1.6rem;border-radius:var(--personalize-card-radius);background-color:rgb(var(--color-background));cursor:pointer;overflow:hidden}.personalize-card__empty:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--personalize-dropzone-border);-webkit-mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' rx='12' fill='none' stroke='%23000' stroke-width='2' stroke-dasharray='4%2c 2'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' rx='12' fill='none' stroke='%23000' stroke-width='2' stroke-dasharray='4%2c 2'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none;transition:background-color .2s ease}.personalize-card__row{align-items:center;gap:1.2rem;padding:1.6rem;border-radius:var(--personalize-card-radius);box-shadow:inset 0 0 0 .1rem var(--personalize-card-border)}@media(min-width:768px){.personalize-card__row{gap:1.6rem}}.personalize-card__illustration{--pc-width: 10rem;--pc-unit: calc(var(--pc-width) / 149);--pc-photo-rotate: -10deg;--pc-avatar-rotate: 15deg;--pc-arrow-rotate: 8.12deg;position:relative;display:block;flex-shrink:0;width:var(--pc-width);aspect-ratio:149/117}@media(min-width:768px){.personalize-card__illustration{--pc-width: 15rem}}.personalize-card__illustration:before,.personalize-card__illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-repeat:no-repeat}.personalize-card__illustration:before{background-image:var(--personalize-decor-star-brown);background-size:calc(19 * var(--pc-unit)) auto;background-position:calc(1 * var(--pc-unit)) calc(38 * var(--pc-unit))}.personalize-card__illustration:after{background-image:var(--personalize-decor-star-cyan);background-size:calc(23.13 * var(--pc-unit)) auto;background-position:calc(115.44 * var(--pc-unit)) calc(70.53 * var(--pc-unit))}.personalize-card__print{position:absolute;display:block;padding:calc(3.374 * var(--pc-unit)) calc(3.374 * var(--pc-unit)) calc(11.227 * var(--pc-unit));border-radius:calc(5 * var(--pc-unit));background-color:#fff;box-shadow:inset 0 0 0 .57px rgb(var(--color-foreground)/8%),0 0 5px rgb(var(--color-foreground)/8%)}.personalize-card__print img,.personalize-card__print svg{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:calc(5 * var(--pc-unit));object-fit:cover}.personalize-card__print--photo{inset-inline-start:8.04%;top:5.52%;width:37.6%;rotate:var(--pc-photo-rotate)}.personalize-card__print--avatar{inset-inline-end:10.23%;top:17.09%;width:42.6%;rotate:var(--pc-avatar-rotate)}.personalize-card__arrow{position:absolute;z-index:1;inset-inline-start:21.28%;top:64.2%;width:19.18%;aspect-ratio:58/28;background-color:rgb(var(--color-foreground)/70%);-webkit-mask-image:var(--personalize-decor-arrow);mask-image:var(--personalize-decor-arrow);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;rotate:var(--pc-arrow-rotate)}.personalize-card__avatar-media{--ratio: 1;flex-shrink:0;width:10rem;border-radius:.8rem}.personalize-card__avatar-media:where(:has(img[src])){background-color:transparent}.personalize-card__avatar{width:100%;height:100%;object-fit:cover}.personalize-card__avatar:where(:not([src])){opacity:0}.personalize-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem;min-width:0}.personalize-card__title{display:flex;align-items:center;gap:.6rem;margin:0;color:rgb(var(--color-foreground))}.personalize-card__desc{margin:0;color:var(--color-foreground-secondary)}.personalize-card__check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--personalize-success);color:rgb(var(--color-white))}.personalize-card__upload{align-self:flex-start;margin-top:.8rem;--button-border-thickness: .1rem;border-color:#e5e2f1}.personalize-card__upload .icon{--icon-stroke-width: .15rem}.personalize-card__avatar-wrap{position:relative;flex-shrink:0;display:inline-flex}.personalize-card__avatar-action{position:absolute;inset-block-end:0;inset-inline-end:0;border:0;border-radius:50%;box-shadow:0 .2rem .8rem rgb(var(--color-foreground)/15%)}@media(min-width:768px){.personalize-card__avatar-action{inset-block-end:.4rem;inset-inline-end:.4rem}}.personalize-card__avatar-busy{display:none;position:absolute;inset-block-end:0;inset-inline-end:0;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 .2rem .8rem rgb(var(--color-foreground)/15%)}@media(min-width:768px){.personalize-card__avatar-busy{inset-block-end:.4rem;inset-inline-end:.4rem}}.personalize-spinner{position:static;color:#000}.personalize-spinner .path{stroke:#3a6bff}@media(prefers-reduced-motion:reduce){.personalize-spinner .spinner{animation-timing-function:steps(8)}}.personalize-card__spinner{--loading-size: 2.4rem}[data-analysis-pending],[data-analysis-error]{display:none}:where(.personalize-card[data-analysis=pending]) [data-analysis-pending]{display:flex}:where(.personalize-card[data-analysis=pending]) .personalize-card__avatar-busy{display:grid}:where(.personalize-card[data-analysis=pending]) .personalize-card__avatar-action,:where(.personalize-card[data-analysis=pending]) .personalize-card__action{display:none}:where([data-analysis-pending]) .personalize-card__title{min-height:7.2rem;background-image:linear-gradient(90deg,rgb(var(--color-foreground)),rgb(var(--color-foreground)/30%) 28.66%,rgb(var(--color-foreground)));background-size:200% 100%;animation:personalize-shimmer 1.6s linear infinite}@supports (background-clip: text) or (-webkit-background-clip: text){:where([data-analysis-pending]) .personalize-card__title{-webkit-background-clip:text;background-clip:text;color:transparent}}@keyframes personalize-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){:where([data-analysis-pending]) .personalize-card__title{background-image:none;color:rgb(var(--color-foreground));animation:none}}:where(.personalize-card[data-analysis=error]) [data-analysis-error]{display:flex}:where([data-analysis-error]) .personalize-card__desc{color:rgb(var(--color-notification-error, 196, 48, 28))}.personalize-card__action{flex-shrink:0;border-color:var(--personalize-card-border);border-radius:50%;transition:border-color .2s ease}.personalize-card__action[disabled]{cursor:default}.personalize-card__error{margin:0;color:rgb(var(--color-notification-error, 196, 48, 28))}@media(hover:hover){.personalize-card[data-state=empty]:hover .personalize-card__empty:after{background-color:rgb(var(--color-foreground))}.personalize-card__action:not([disabled]):hover{border-color:rgb(var(--color-foreground)/40%)}}.personalize-card[data-dragover=true] .personalize-card__empty{background-color:rgb(var(--color-input-background))}.personalize-card[data-dragover=true] .personalize-card__empty:after{background-color:rgb(var(--color-foreground))}.personalize-card--inline{container-name:personalize-card;container-type:inline-size}.personalize-card--inline [data-card-view=ready]{--pc-action-reserve: 4.8rem;position:relative;gap:1.2rem;padding:1.2rem;box-shadow:inset 0 0 0 .1rem var(--personalize-card-border),0 .2rem 1.5rem #00000012}.personalize-card--inline [data-card-view=ready] .personalize-card__action{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.2rem;gap:.6rem;width:3.2rem;height:3.2rem;min-height:0;padding:0;border:0;border-radius:5.6rem;background-color:var(--personalize-control-bg);font-family:var(--font-body--family);font-weight:var(--font-body--weight-bolder);color:rgb(var(--color-foreground))}.personalize-card--inline [data-card-view=ready] .personalize-card__action .icon{--icon-stroke-width: .15rem}.personalize-card--inline [data-card-view=ready] .personalize-card__action .btn__text{display:none}.personalize-card--inline [data-card-view=ready] .personalize-card__body{gap:.4rem}.personalize-card--inline [data-card-view=ready] .personalize-card__title{padding-inline-end:var(--pc-action-reserve)}.personalize-card--inline [data-card-view=ready] .personalize-card__title{font-size:1.3rem;line-height:1.3}.personalize-card--inline [data-card-view=ready] .personalize-card__desc{font-size:1.2rem;line-height:1.5}@media(min-width:768px){@container personalize-card (min-width: 37rem){.personalize-card--inline [data-card-view=ready]{padding:1.6rem}.personalize-card--inline [data-card-view=ready] .personalize-card__title{font-size:1.8rem;line-height:1.2}.personalize-card--inline [data-card-view=ready] .personalize-card__desc{font-size:1.5rem}}@container personalize-card (min-width: 47rem){.personalize-card--inline [data-card-view=ready]{--pc-action-reserve: 10rem}.personalize-card--inline [data-card-view=ready] .personalize-card__action{width:auto;padding-inline:1.2rem}.personalize-card--inline [data-card-view=ready] .personalize-card__action .btn__text{display:block}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/personalize-card.css.map */