personalization-modal{position:fixed;top:0;left:0;width:100%;height:100%;padding:2rem var(--container-gutter);z-index:var(--z-popup);pointer-events:none}.loop-returns-activated personalization-modal{display:none}.personalization-modal--background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity var(--transition-duration) var(--transition-ease)}personalization-modal[open=true] .personalization-modal--background{opacity:1;pointer-events:auto}.personalization-modal--modal{display:flex;flex-direction:column;gap:1.75rem;width:100%;height:100%;--modal-inline-padding: var(--container-gutter);--modal-focus-gutter: .25rem ;padding:0;background:var(--color-background);border-radius:.75rem;transform:translateY(100%);transition:transform var(--transition-duration) var(--transition-ease)}personalization-modal[open=true] .personalization-modal--modal{transform:translateY(0);pointer-events:auto}personalization-modal[open=true] .personalization-modal--main,personalization-modal[open=true] .personalization-modal--content{overscroll-behavior:contain}.personalization-modal--header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--modal-inline-padding) var(--modal-inline-padding) 0}.personalization-modal--content{display:flex;flex-direction:column;gap:.875rem;min-height:0;overflow:auto}.personalization-modal--image{flex-shrink:0;border-radius:.625rem;overflow:hidden}.personalization-preview{position:relative;aspect-ratio:1 / 1;width:100%;container-type:inline-size;--preview-reference-width: 327;--preview-scale: calc(100cqw / var(--preview-reference-width))}.personalization-preview__base,.personalization-preview__base picture,.personalization-preview__base img{display:block;width:100%;height:100%;object-fit:cover}.personalization-preview__overlay{position:absolute;left:var(--x-mobile);top:var(--y-mobile);display:flex;align-items:center;justify-content:center;gap:.15em;white-space:nowrap;line-height:1;font-size:calc(var(--font-size-mobile-px, 16) * var(--preview-scale));font-family:var(--font-family, inherit);color:var(--color, inherit);transform:translate(-50%,-50%) rotate(var(--placement-rotation, 0deg));transform-origin:center center;pointer-events:none}.personalization-preview__overlay--indicator{font-size:calc(var(--font-size-mobile-px, 16) * var(--preview-scale))}.personalization-preview__overlay-indicator{display:block;width:calc(45 * var(--preview-scale));height:calc(45 * var(--preview-scale));border-radius:var(--radius-full);border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 40%,transparent);box-sizing:border-box}.personalization-preview__overlay--text{font-family:inherit;gap:0}.personalization-preview__overlay-content{display:flex;align-items:baseline;gap:.15em;white-space:nowrap;font-family:var(--font-family, inherit);transform:rotate(var(--type-rotation, 0deg)) translateY(calc(var(--baseline-adjustment-px, 0) * var(--preview-scale)));transform-origin:center center}.personalization-preview__overlay-icon{display:block;font-size:calc(1em * var(--type-scale, 1) * var(--font-scale, 1));line-height:1;height:calc(1em * var(--cap-height-ratio, .72))}@supports (height: 1cap){.personalization-preview__overlay-icon{height:1cap}}.personalization-preview__overlay-text{font-family:var(--font-family, inherit);font-size:calc(1em * var(--type-scale, 1) * var(--font-scale, 1));line-height:1}.personalization-modal--font-sample{transform:translateY(var(--baseline-adjustment, 0))}.personalization-preview__overlay-icon svg{display:block;height:100%;width:auto;color:inherit;overflow:visible}.personalization-preview__overlay-icon svg[fill]:not([fill=none]){fill:currentColor}.personalization-preview__overlay-icon svg :is(path,circle,rect,polygon,polyline,line,ellipse):not([fill=none]){fill:currentColor}.personalization-preview__overlay-icon svg :is(path,circle,rect,polygon,polyline,line,ellipse)[stroke]:not([stroke=none]){stroke:currentColor}.personalization-preview__overlay-image{display:block;transform:rotate(var(--type-rotation, 0deg));transform-origin:center center}.personalization-preview__overlay-image picture,.personalization-preview__overlay-image img{display:block;width:calc(var(--font-size-mobile-px, 16) * var(--type-scale, 1) * var(--preview-scale));height:calc(var(--font-size-mobile-px, 16) * var(--type-scale, 1) * var(--preview-scale));max-width:100%;object-fit:contain}@media screen and (min-width:1024px){.personalization-preview{--preview-reference-width: 578}.personalization-preview__overlay{left:var(--x-desktop);top:var(--y-desktop);font-size:calc(var(--font-size-desktop-px, 16) * var(--preview-scale))}.personalization-preview__overlay--indicator{font-size:calc(var(--font-size-desktop-px, 16) * var(--preview-scale))}.personalization-preview__overlay-image picture,.personalization-preview__overlay-image img{width:calc(var(--font-size-desktop-px, 16) * var(--type-scale, 1) * var(--preview-scale));height:calc(var(--font-size-desktop-px, 16) * var(--type-scale, 1) * var(--preview-scale));max-width:100%;object-fit:contain}}.personalization-modal--form{position:relative;display:flex;flex-direction:column;gap:.875rem;flex:1;min-height:15rem;min-width:0;max-width:100%;padding-inline:var(--modal-inline-padding);padding-bottom:var(--modal-inline-padding);box-sizing:border-box}.personalization-modal--main{display:flex;flex-direction:column;gap:.875rem;flex:1;min-height:0;min-width:0;max-width:100%}.personalization-modal--step{position:relative;display:flex;flex-direction:column;gap:1.25rem;flex:1;min-width:0;max-width:100%}.personalization-modal--heading{font-size:1.25rem;line-height:1}.personalization-modal--options{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.personalization-modal--option--disabled{opacity:.4;pointer-events:none}.personalization-modal--option--configured label{position:relative}.personalization-modal--option--configured label:after{content:"\2713";position:absolute;top:0;right:0;display:block;text-align:center;width:.8125rem;height:.8125rem;padding:.125rem;border-radius:var(--radius-full);background:var(--color-text);color:var(--color-background);font-size:.5rem}.personalization-modal--field{display:flex;flex-direction:column;gap:.625rem;min-width:0;max-width:100%}fieldset.personalization-modal--field{gap:0}fieldset.personalization-modal--field>.personalization-modal--options{margin-top:.625rem}fieldset.personalization-modal--field:has(>legend.visually-hidden)>.personalization-modal--options{margin-top:0}.personalization-modal--actions{display:flex;flex-direction:column;gap:.625rem}personalization-step-actions{display:flex;align-items:center;gap:.5rem}.personalization-modal--action.next,.personalization-modal--action.save{flex:1}.personalization-modal--action.prev{width:calc(25% - .25rem)}.personalization-modal--action.cart{width:100%}.personalization-modal--note{opacity:.5}.personalization-modal--step.details .personalization-modal--note{position:absolute;top:.25rem;right:0}.personalization-modal--input{display:flex;flex-direction:column;gap:.625rem;height:100%;min-height:0;min-width:0;max-width:100%}fieldset.personalization-modal--input{gap:0}fieldset.personalization-modal--input>*+*{margin-top:.625rem}.personalization-modal--input-hint{margin:0;opacity:.5}.personalization-modal--image-categories{flex-shrink:0}personalization-image-picker{display:block;min-width:0;max-width:100%}personalization-font-picker{display:block;min-width:0;max-width:100%}.personalization-modal--image-categories .swiper-slide{height:auto}.personalization-modal--image-categories button{--height: 2.25rem ;white-space:nowrap;width:100%}.personlization-modal--options-images{align-items:flex-start;align-content:flex-start}.personalization-modal--option.input--image .input--image-imag img{object-fit:contain}.personalization-modal--input-label{font-size:var(--small-size);line-height:var(--small-line);letter-spacing:var(--small-letter);color:var(--color-text);opacity:.5}.personalization-modal--input--error .input--text input{outline:.125rem solid var(--color-red);outline-offset:.125rem}.personalization-modal--input-error{margin:0;font-size:var(--small-size);line-height:var(--small-line);letter-spacing:var(--small-letter);color:var(--color-red)}.personalization-modal--options-carousel.swiper{position:relative;width:calc(100% + var(--modal-focus-gutter) * 2);max-width:none;min-width:0;padding:var(--modal-focus-gutter);margin-inline:calc(var(--modal-focus-gutter) * -1);overflow:hidden}.personalization-modal--options-carousel .swiper-wrapper{display:flex;flex-wrap:nowrap;box-sizing:border-box}personalization-font-picker .personalization-modal--options-carousel .input--radio label{width:100%}fieldset.personalization-modal--input:has(.personalization-modal--options-navigation){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.75rem;row-gap:.625rem}fieldset.personalization-modal--input:has(.personalization-modal--options-navigation)>*+*{margin-top:0}fieldset.personalization-modal--input:has(.personalization-modal--options-navigation)>.personalization-modal--input-label{display:contents}fieldset.personalization-modal--input:has(.personalization-modal--options-navigation)>.personalization-modal--input-label>span{grid-column:1;grid-row:1;align-self:center;min-width:0;font-size:var(--small-size);line-height:var(--small-line);letter-spacing:var(--small-letter);color:var(--color-text);opacity:.5}fieldset.personalization-modal--input:has(.personalization-modal--options-navigation)>.personalization-modal--options-navigation{grid-column:2;grid-row:1;align-self:center}fieldset.personalization-modal--input:has(.personalization-modal--options-navigation)>:not(.personalization-modal--input-label):not(.personalization-modal--options-navigation){grid-column:1 / -1;min-width:0}.personalization-modal--options-navigation{display:none;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0}fieldset.personalization-modal--input:has([data-swiper-ready]) .personalization-modal--options-navigation:not(:has(.swiper-button-lock)){display:flex}@media(min-width:768px){.personalization-modal--options-navigation{gap:.75rem}}personalization-color-picker{display:block;min-width:0;max-width:100%}.personalization-modal--colors{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.625rem;list-style:none;margin:0;padding:0}.personalization-modal--colors li{display:flex;flex:0 0 auto;width:auto}.personalization-modal--colors li:has(input:checked) .input--swatch{border-color:currentColor}.personalization-modal--colors input:focus-visible+.personalization-modal--color{outline:.125rem solid currentColor;outline-offset:.125rem}.personalization-modal--color{display:flex;align-items:center;width:fit-content;height:2.75rem;padding:0;cursor:pointer}.personalization-modal--confirmation-items,.personalization-modal--confirmation-items tbody{display:flex;flex-direction:column;gap:1rem;width:100%}.personalization-modal--confirmation-items tr{display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden}.personalization-modal--confirmation-product{flex:1;min-width:0;overflow:hidden}.personalization-modal--confirmation-price{text-align:right}.personalization-modal--confirmation-actions{display:flex;align-items:center;gap:1rem;min-width:3rem;flex-shrink:0}.personalization-modal--terms{display:flex;flex-direction:column;gap:1rem}.personalization-modal--terms-terms{display:flex;flex-direction:column;gap:2rem;padding:2rem 0;border-top:1px dashed;border-bottom:1px dashed}.personalization-modal--term{display:flex;align-items:center;gap:.75rem}.personalization-modal--term-icon{flex-shrink:0;width:3.75rem;height:3.75rem;padding:.5rem}.personalization-modal--terms-disclaimer{opacity:.5}@media(max-width:1023px){.personalization-modal--form{padding-inline:calc(var(--modal-inline-padding) - var(--modal-focus-gutter))}.personalization-modal--main{flex:1;min-height:0;padding-inline:var(--modal-focus-gutter);overflow:auto}.personalization-modal--actions{padding-inline:var(--modal-focus-gutter)}.personalization-modal--content{height:100%}personalization-image-picker{min-width:0}personalization-image-picker .personalization-modal--options-carousel{min-width:0}personalization-image-picker .personalization-modal--options-carousel:not([data-swiper-ready]){overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.personalization-modal--image-categories .swiper-slide{scroll-snap-align:start}}@media(min-width:1024px){.personalization-modal--modal{--modal-right-column-padding-right: 5rem ;--modal-column-gap: 5rem ;width:var(--container-width);margin:auto}.personalization-modal--form{display:grid;grid-template-columns:calc(5 / 12 * 100%) 1fr;grid-template-rows:1fr auto;column-gap:var(--modal-column-gap);flex:none;width:100%;min-height:0;padding-left:0;padding-right:var(--modal-right-column-padding-right)}.personalization-modal--content{flex:1;flex-direction:column;justify-content:flex-start;min-height:0;overflow:auto}.personalization-modal--main{display:contents}.personalization-modal--progress{grid-column:2;grid-row:1;align-self:start;box-sizing:border-box;z-index:1}.personalization-modal--options{gap:.75rem}.personalization-modal--image{grid-column:1;grid-row:1 / -1;align-self:start}.personalization-modal--step{grid-column:2;grid-row:1;min-height:0;padding-top:4.5rem;gap:2.5rem}.personalization-modal--step.type .personalization-modal--note{margin-top:-1.25rem}.personalization-modal--actions{grid-column:2;grid-row:2}.personalization-modal--field{position:relative;gap:1.25rem}fieldset.personalization-modal--field>.personalization-modal--options{margin-top:1.25rem}fieldset.personalization-modal--field:has(>legend.visually-hidden)>.personalization-modal--options{margin-top:0}.personalization-modal--heading{font-size:1.75rem}.personalization-modal--step.details .personalization-modal--note{top:.5625rem;right:0}.personalization-modal--step.details.image{flex:1 1 auto;align-self:flex-start;max-height:100%;min-height:0;padding-inline:var(--modal-focus-gutter);margin-inline:calc(var(--modal-focus-gutter) * -1);overflow:hidden}.personalization-modal--step.details.image>.personalization-modal--field{flex-shrink:0}personalization-image-picker{flex:1;display:flex;flex-direction:column;height:auto;min-height:0;min-width:0;max-width:100%}personalization-image-picker fieldset.personalization-modal--input{flex:1 1 auto;height:auto;min-height:0}.personlization-modal--options-images{flex:1 1 auto;align-items:flex-start;align-content:flex-start;min-height:0;padding:var(--modal-focus-gutter);margin-inline:calc(var(--modal-focus-gutter) * -1);overflow:auto}.personlization-modal--options-images::-webkit-scrollbar{-webkit-appearance:none;width:.375rem}.personlization-modal--options-images::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#03030359;box-shadow:0 0 1px #ffffff80}.personlization-modal--options-images::-webkit-scrollbar-track{background-color:var(--color-background-accent);border-radius:.5rem}.personalization-modal--terms{gap:2.75rem}.personalization-modal--terms-terms{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:2rem}.personalization-modal--term{flex-direction:column;gap:.5rem}.personalization-modal--term-content{text-align:center}.personalization-modal--term-icon{width:4.6875rem;height:4.6875rem;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/3376/assets/personalization-modal.css.map */