.diopter-selector{display:block;margin-top:var(--diopter-space-top, 0);margin-bottom:var(--diopter-space-bottom, 0);color:rgb(var(--color-foreground));font-family:var(--diopter-font-family, var(--font-body-family));font-size:var(--font-body-size, 1.6rem);font-style:var(--diopter-font-style, normal);font-weight:var(--diopter-font-weight, var(--font-body-weight));line-height:1.45}.diopter-selector [hidden]{display:none!important}.diopter-selector__module{padding:var(--sp-6, 1.5rem) 0;border-top:var(--diopter-divider-top, .1rem solid rgba(var(--color-foreground), .18));border-bottom:var(--diopter-divider-bottom, .1rem solid rgba(var(--color-foreground), .18))}.diopter-selector__heading,.diopter-selector__sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4, 1rem)}.diopter-selector__heading{align-items:flex-start;flex-direction:column;justify-content:flex-start;margin-bottom:var(--sp-5, 1.25rem)}.diopter-selector__title{margin:0;font-weight:var(--font-bold, 700);font-size:var(--diopter-heading-font-size, var(--text-base, 1.6rem));line-height:1.35}.diopter-selector__checkbox{display:inline-flex;align-items:center;gap:var(--sp-2, .5rem);color:rgba(var(--color-foreground),.72);cursor:pointer;font-size:var(--diopter-checkbox-font-size, var(--text-base, 1.6rem));line-height:1.35}.diopter-selector__checkbox input{width:1.8rem;height:1.8rem;accent-color:rgb(var(--color-button))}.diopter-selector__single,.diopter-selector__pair{display:grid;gap:var(--sp-3, .75rem)}.diopter-selector__single{grid-template-columns:minmax(0,1fr);grid-template-areas:"select" "note";align-items:start;row-gap:var(--sp-2d5, .625rem)}.diopter-selector__single .diopter-selector__select-row{grid-area:select}.diopter-selector__single .diopter-selector__box-note-row{grid-area:note}.diopter-selector__single .diopter-selector__qty-row{grid-area:qty}@media screen and (min-width:750px){.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-3, .75rem);row-gap:var(--sp-2d5, .625rem);align-items:start}.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single) .diopter-selector__heading,.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single) .product-form{grid-column:1 / -1}.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single) variant-selects[data-primary]{grid-column:1;min-width:0}.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single)>.diopter-selector__qty-row{grid-column:2;min-width:0}.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single)>.product-form{margin-top:10px!important}.diopter-selector--native .diopter-selector__module:has(.diopter-selector__single)>.product-form .diopter-selector__add{margin-top:0}}.diopter-selector__select-row,.diopter-selector__qty-row,.diopter-selector__box-note-row{display:grid;gap:var(--sp-3, .75rem)}.diopter-selector__select-row--two,.diopter-selector__qty-row--two,.diopter-selector__box-note-row--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diopter-selector--native .diopter-selector__qty-row--pair{margin-top:var(--sp-5, 1.25rem)}.diopter-selector--native .diopter-selector__qty-row--native+.product-form .diopter-selector__add{margin-top:0}.diopter-selector--native .diopter-selector__qty-row--pair+.product-form .diopter-selector__add{margin-top:var(--sp-5, 1.25rem)}.product__info-container .diopter-selector--native .diopter-selector__qty-row--native+.product-form{margin-top:0!important}@media screen and (max-width:749px){.diopter-selector--native .diopter-selector__qty-row--native{margin-top:var(--sp-3, .75rem)}.diopter-selector--native .diopter-selector__qty-row--single+.product-form .diopter-selector__add,.diopter-selector--native .diopter-selector__module:has(.diopter-selector__qty-row--single)>.product-form .diopter-selector__add{margin-top:var(--sp-5, 1.25rem)}}.diopter-selector__select-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;box-sizing:border-box;min-height:5.6rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:var(--diopter-field-radius, var(--button-radius));background:rgb(var(--color-background))}.diopter-selector__select-card:focus-within{border-color:rgb(var(--color-button));box-shadow:0 0 0 .3rem rgba(var(--color-button),.12)}.diopter-selector__select-card.is-error{border-color:rgb(var(--color-error, var(--color-critical)));box-shadow:0 0 0 .3rem rgba(var(--color-error, var(--color-critical)),.12)}.diopter-selector__select-card.is-shaking{animation:diopter-field-shake .34s ease}.quick-view .product-form__input--dropdown .select.is-error{border-color:rgb(var(--color-error, var(--color-critical)));box-shadow:0 0 0 .3rem rgba(var(--color-error, var(--color-critical)),.12)}.quick-view .product-form__input--dropdown .select.is-shaking{animation:diopter-field-shake .34s ease}.diopter-selector__field-label{display:block;margin:0;padding:0 var(--sp-3, .75rem) 0 var(--sp-4, 1rem);border-right:.1rem solid rgba(var(--color-foreground),.18);color:rgb(var(--color-foreground));font-size:var(--diopter-field-font-size, var(--text-base, 1.6rem));font-weight:var(--font-bold, 700);line-height:1.2;white-space:nowrap}.diopter-selector__select-wrap{position:relative}.diopter-selector__select-wrap:after{content:"";position:absolute;right:var(--sp-4, 1rem);top:50%;width:.8rem;height:.8rem;border-right:.15rem solid rgb(var(--color-foreground));border-bottom:.15rem solid rgb(var(--color-foreground));transform:translateY(-65%) rotate(45deg);pointer-events:none}.diopter-selector select{width:100%;min-height:5.4rem;padding:0 4.2rem 0 var(--sp-3, .75rem);border:0;border-radius:0;outline:none;-webkit-appearance:none;appearance:none;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--diopter-field-font-size, var(--text-base, 1.6rem))}.diopter-selector select option:disabled{color:rgba(var(--color-foreground),.26);background-color:rgba(var(--color-foreground),.08)}.diopter-selector select option[data-diopter-unavailable]{color:rgba(var(--color-foreground),.26);background-color:rgba(var(--color-foreground),.08)}.quick-view .diopter-selector__select-card,.quick-view .diopter-selector__qty,.quick-view .product-form__input--dropdown .select,.quick-view .product-form__input--dropdown .select__select{border-radius:var(--diopter-field-radius, var(--button-radius, .8rem))}.quick-view .diopter-selector select option:disabled,.quick-view .diopter-selector select option[data-diopter-unavailable],.quick-view .product-form__input--dropdown select option:disabled{color:rgba(var(--color-foreground),.3);background-color:rgba(var(--color-foreground),.06)}.diopter-selector select.is-placeholder{color:rgba(var(--color-foreground),.42)}.diopter-selector__box-note-row{margin-top:.2rem;margin-bottom:-.2rem}.diopter-selector__box-note{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2d5, .625rem);color:rgba(var(--color-foreground),.68);font-size:var(--diopter-note-font-size, var(--text-sm, 1.4rem));line-height:1.3;text-align:center}.diopter-selector__box-note:before,.diopter-selector__box-note:after{content:"";height:.1rem;background:rgba(var(--color-foreground),.18)}.diopter-selector__qty{display:grid;grid-template-columns:4.8rem 1fr 4.8rem;align-items:center;width:100%;height:5.6rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:var(--diopter-field-radius, var(--button-radius));background:rgb(var(--color-background))}.diopter-selector__qty button{width:4.8rem;height:5.4rem;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;font:inherit;font-size:var(--diopter-qty-button-font-size, 1.8rem)}.diopter-selector__qty span{text-align:center;font-size:var(--diopter-qty-font-size, var(--text-base, 1.6rem));font-weight:var(--font-bold, 700)}.diopter-selector__qty.quantity{min-height:0;min-width:0;margin:0}.diopter-selector__qty .quantity__input{width:100%;height:5.4rem;min-height:0;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));font-size:var(--diopter-qty-font-size, var(--text-base, 1.6rem));font-weight:var(--font-bold, 700);text-align:center;-webkit-appearance:textfield;appearance:textfield}.diopter-selector__qty .quantity__button{display:flex;align-items:center;justify-content:center}@media screen and (hover:hover){.diopter-selector__qty .quantity__button:hover{color:rgb(var(--color-foreground))}.diopter-selector__qty .quantity__button:after,.diopter-selector__qty .quantity__button:hover:after{display:none;transform:none}}.diopter-selector__error{margin:var(--sp-3, .75rem) 0 0;color:rgb(var(--color-error, var(--color-critical)));font-size:var(--diopter-error-font-size, var(--text-base, 1.6rem))}.diopter-selector--native+.product-form .product-form__error-message-wrapper:not([hidden]),.diopter-selector--native+.product-form .product-form__error-message,.quick-view .product-form__error-message-wrapper:not([hidden]),.quick-view .product-form__error-message{color:#c62828!important}.diopter-selector--native+.product-form .product-form__error-message-wrapper svg,.quick-view .product-form__error-message-wrapper svg{display:none!important}.diopter-selector__add{width:100%;margin-top:var(--sp-6, 1.5rem)}.diopter-selector__modal[hidden]{display:none}.diopter-selector__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.diopter-selector__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:rgba(var(--color-overlay),.45);cursor:pointer}.diopter-selector__sheet{position:absolute;right:0;top:0;width:min(52rem,100%);height:100%;overflow:auto;padding:var(--sp-6, 1.5rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1.8rem 5rem rgba(var(--color-shadow),.16)}.diopter-selector__sheet-head{margin-bottom:var(--sp-5, 1.25rem)}.diopter-selector__sheet-head h2{margin:0}.diopter-selector__close{display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;font-size:2.4rem;line-height:1}.diopter-selector__modal-product{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4, 1rem);align-items:center;margin-bottom:var(--sp-5, 1.25rem);padding-bottom:var(--sp-5, 1.25rem);border-bottom:.1rem solid rgba(var(--color-foreground),.18)}.diopter-selector__modal-product img{width:6rem;height:6rem;object-fit:cover}.diopter-selector__modal-price .price{margin-top:var(--sp-1, .25rem);font-size:var(--text-sm, 1.4rem)}.diopter-selector__modal-body .diopter-selector__module{padding:0;border:0}body.diopter-selector-modal-open{overflow:hidden}@media screen and (max-width:749px){.diopter-selector__sheet{top:auto;bottom:0;width:100%;height:auto;max-height:88vh;border-radius:var(--sp-4, 1rem) var(--sp-4, 1rem) 0 0;padding:var(--sp-5, 1.25rem)}}@keyframes diopter-field-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-.35rem)}40%,80%{transform:translate(.35rem)}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-diopter-selector.css.map */
