.customization{--customization-header-height: 30.6rem;position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(infinity);opacity:0;visibility:hidden;pointer-events:none;transition:visibility var(--duration-medium) ease-in-out,opacity var(--duration-medium) ease-in-out}.customization__opener{gap:2.5rem;line-height:1}customization-toggle{display:block}customization-toggle+.reassurance{margin-top:0}.customization.is-open{visibility:visible;opacity:1;pointer-events:auto}.customization__header{position:relative}.customization__header .page-width{min-height:var(--customization-header-height);display:flex;align-items:center;justify-content:center}.customization__image-wrapper{height:auto;width:100%;max-width:76rem;position:relative}@media screen and (max-width: 749px){.customization{--customization-header-height: 44.5vw}.customization__image-wrapper,.customization__letters-overlay{padding-top:4rem}}customization-colors{display:flex;flex-direction:column;height:100%}.customization__colors{--swatch-input--size: 3.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--swatch-input--size),1fr));justify-content:center;gap:4.4rem 3.1rem;margin-bottom:0;overflow-y:auto;padding:.4rem .4rem 8rem;margin-inline:-.2rem;width:calc(100% + .4rem);scrollbar-width:none}.customization__colors:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8rem;pointer-events:none;background:linear-gradient(#fff0,#fff)}.customization__colors::-webkit-scrollbar{-webkit-appearance:none;display:none;width:0;height:0}.customization__color{font-size:0;line-height:0;display:flex;justify-content:center}.customization__color .swatch-input__label{position:relative}.customization__color input:checked+label:after{content:attr(title);white-space:nowrap;font-size:1.4rem;line-height:normal;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}@media screen and (max-width: 749px){.customization__colors{--swatch-input--size: 2.8rem;gap:2.5rem 2.2rem;padding-bottom:8rem}.customization__color input:checked+label:after{font-size:1.2rem;top:calc(100% + .3rem)}}variant-radios fieldset:last-of-type{display:none}.customization__step--material .customization__colors:not(:last-of-type){display:flex;flex-wrap:wrap;justify-content:center}.customization__step--material .customization__color{width:var(--swatch-input--size)}customization-letters{display:flex;flex-direction:column;height:100%}.customization__letters{display:flex;flex-wrap:wrap;gap:3.1rem 3.7rem;justify-content:center;margin-bottom:0;overflow-y:auto;scrollbar-width:none;padding-bottom:8rem}.customization__letters:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8rem;pointer-events:none;background:linear-gradient(#fff0,#fff)}.customization__letters::-webkit-scrollbar{-webkit-appearance:none;display:none;width:0;height:0}.customization__letter{padding:0 1rem;border:0;-webkit-appearance:none;appearance:none;cursor:pointer;background:none;font-size:0;line-height:0}.customization__letter img{width:auto;height:4.4rem}.customization__letters-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-left:5%}@media screen and (max-width: 749px){.customization__letters-overlay{gap:.5rem}}.letter-image{height:65%;width:auto;z-index:1}.customization__leave{position:absolute;top:3.2rem;left:5rem;cursor:pointer;background:none;width:4.3rem;height:4.3rem;border:solid .1rem rgba(var(--color-foreground),.2);border-radius:50%;justify-content:center;align-items:center;font-size:0;line-height:0;transition:background-color var(--duration-default)}.customization__leave:hover{background-color:rgba(var(--color-foreground),.1)}.customization__letters-remove{display:none;cursor:pointer;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);background:none;width:3.4rem;height:3.4rem;border:solid .1rem rgba(var(--color-foreground),.2);border-radius:50%;justify-content:center;align-items:center;font-size:0;line-height:0;transition:background-color var(--duration-default)}.customization__letters-remove:hover{background-color:rgba(var(--color-foreground),.1)}.customization:has([step="3"][aria-hidden=false]) .customization__letters-remove{display:flex}@media screen and (max-width: 749px){.customization__letters-remove{bottom:1rem;width:3.2rem;height:3.2rem}.customization__letters-remove svg{width:1.4rem;height:auto}.customization__letters{gap:2.2rem 1rem}.customization__letter img{height:3.4rem}.letter-image{height:78%}}.customization__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0}.customization__sizes input[type=radio]+label{margin:0!important}.customization__submit{display:block;margin:0 auto}.customization__form{margin-top:8rem}@media screen and (max-width: 749px){.customization__sizes.product-form__input input[type=radio]:not(.swatch-input__input)+label{padding:1.5rem}}.customization__steps{display:block;position:relative;padding-top:2.6rem;height:calc(100% - var(--customization-header-height))}.customization__steps-wrapper,.customization__step{height:100%}.customization__steps-buttons .prev-step svg{transform:rotate(180deg)}.customization__step[aria-hidden=true]{display:none}.customization__steps-buttons .prev-step,.customization__steps-buttons .next-step{display:flex;justify-content:center;align-items:center;position:absolute;top:2.6rem;border-radius:50%;width:5rem;height:5rem;border:.1rem solid rgb(var(--color-foreground));background:none;cursor:pointer;transition:opacity var(--duration-default)}.customization__steps-buttons .prev-step:hover:not(:disabled),.customization__steps-buttons .next-step:hover:not(:disabled){opacity:.8}.customization__steps-buttons .prev-step:disabled,.customization__steps-buttons .next-step:disabled{border-color:rgba(var(--color-foreground),.2);background-color:rgba(var(--color-foreground),.2)}.customization__steps-buttons .prev-step:disabled path,.customization__steps-buttons .next-step:disabled path{stroke:#fff}.customization__steps-buttons .prev-step svg,.customization__steps-buttons .next-step svg{width:1.7rem;height:1.7rem}.customization__steps-buttons .next-step{right:5rem;background-color:rgb(var(--color-foreground))}.customization__steps-buttons .next-step path{stroke:#fff}.customization__steps-buttons .prev-step{left:5rem}.customization__step-info{text-align:center;margin-bottom:4rem}.customization__step-info>*{margin-block:0;line-height:1.28}.customization__step-info>*+*{margin-block:.8rem 0}.step-number{color:rgba(var(--color-foreground),.5)}.step-title{text-transform:uppercase;font-size:3rem;line-height:1}.customization__info{text-align:right;position:absolute;z-index:2;top:3.2rem;right:5rem}.customization__info-title{font-family:var(--font-heading-family);font-size:2rem;line-height:1.5;margin-bottom:1rem;font-weight:400}.customization__info-title~*{font-weight:600;line-height:1.14;font-size:1.4rem}.customization:has([step="1"][aria-hidden=false]) :is(.customization__info-price-min-option,.customization__info-price){display:none}.customization:has([step="2"][aria-hidden=false]) :is(.customization__info-price-min,.customization__info-price){display:none}.customization:has([step="3"][aria-hidden=false],[step="4"][aria-hidden=false]) :is(.customization__info-price-min,.customization__info-price-min-option){display:none}.customization__step .product-form__submit.button{padding-inline:3rem}@media screen and (max-width: 749px){.customization__steps{padding-top:1.7rem}.step-title{font-size:2.2rem}.step-number,.step-instruction{font-size:1.3rem}.customization__step-info{margin-bottom:3.1rem}.customization__steps-buttons .prev-step{left:2rem}.customization__steps-buttons .next-step{right:2rem}.customization__steps-buttons .prev-step,.customization__steps-buttons .next-step{width:3rem;height:3rem}.customization__steps-buttons .prev-step svg,.customization__steps-buttons .next-step svg{width:1.2rem;height:1.2rem}.customization__info{right:2rem;top:1rem}.customization__leave{left:2rem;top:1rem;width:3.4rem;height:3.4rem}.customization__leave svg{width:1.5rem;height:auto}.customization__info-title{font-size:1.4rem;line-height:2rem;margin-bottom:.6rem}.customization__info-title~*{font-size:1.2rem;line-height:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-customization.css.map */