.multi-step-lens-modal .modal-dialog__content{max-width:90rem;width:90%;padding:0;display:flex;flex-direction:column;height:85vh;max-height:700px;width:90vw}.multi-step-lens-modal .modal-dialog__header-close-button,.multi-step-modal__wrapper>.modal__close-button{position:absolute;top:1.5rem;right:1.5rem;z-index:10;background-color:var(--base-white);border-radius:50%}@media screen and (min-width: 990px){.multi-step-lens-modal .modal-dialog__header-close-button,.multi-step-modal__wrapper>.modal__close-button{top:2.5rem;right:3rem;background-color:transparent}}.multi-step-modal__navigation .button.multi-step-modal__button--icon-prev{max-width:100%;position:absolute;top:1.5rem;left:1.5rem;z-index:10;background-color:var(--base-white);border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;padding:0rem;height:2.75rem;width:2.75rem;color:rgba(var(--color-button),.75)}@media screen and (min-width: 990px){.multi-step-modal__navigation .button.multi-step-modal__button--icon-prev{top:2.5rem;left:3.25rem;background-color:transparent}}.multi-step-modal__button--icon-prev .icon-arrow{width:1.5rem;transform:rotate(180deg)}.button.multi-step-modal__button--icon-prev:after{content:none!important}.multi-step-lens-modal .multi-step-modal__wrapper{background-color:rgb(var(--color-background));border-radius:var(--popup-corner-radius);border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));width:clamp(70%,80rem,95%);max-width:90rem;height:100%;max-height:90vh;margin:2rem auto;position:relative;display:flex;flex-direction:column;overflow:hidden;transform:none;left:auto;top:auto;padding:0}.multi-step-modal__container{display:grid;grid-template-columns:1fr;height:100%;overflow:auto}@media screen and (min-width: 750px){.multi-step-modal__container{grid-template-columns:1fr 2fr;gap:0;overflow:hidden}}.multi-step-modal__overview{background-color:rgb(var(--color-background));padding:5rem 1rem 3rem;height:100%;display:flex;flex-direction:column}@media screen and (min-width: 750px){.multi-step-modal__overview{padding:1rem 3.75rem;overflow-y:auto;justify-content:center;background-color:rgba(var(--color-background),.05)}}.multi-step-modal__overview-content{grid-template-columns:1fr;display:grid;gap:1rem}.multi-step-modal__overview-title{margin-top:0;margin-bottom:2rem;font-size:1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.1);padding-bottom:1rem}.multi-step-modal__overview-selections{display:grid;gap:1rem}.multi-step-modal__overview-content .overview-item,.multi-step-modal__overview-item{font:var(--text-nav-menu-desktop)}.multi-step-modal__overview-content .overview-item{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:start}.overview-item .overview-item__label{color:var(--base-medium-gray);width:100%;display:block;text-transform:uppercase}.multi-step-modal__overview-content .overview-item__value,.multi-step-modal__overview-item .overview-item__value{word-break:break-word}.multi-step-modal__overview-item .overview-item__value{margin-right:1rem;flex-grow:1}.multi-step-modal__overview-content .overview-item__price,.multi-step-modal__overview-item .overview-item__price{white-space:nowrap}.multi-step-modal__overview-content .overview-item__price{text-align:right;margin-left:auto}.multi-step-modal__overview-content .overview-item__details{color:var(--base-black);display:flex;gap:1rem}.multi-step-modal__overview-item .overview-item__details{display:flex;justify-content:space-between;align-items:baseline;margin-top:.25rem}.multi-step-modal__overview-image-container{text-align:center;margin-bottom:2.5rem}.multi-step-modal__overview-image{max-width:100%;width:100%;height:auto;border-radius:10px}.multi-step-modal__steps{background-color:#f1f1f1;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:2.5rem}@media screen and (min-width: 990px){.multi-step-modal__steps{position:relative;overflow-y:scroll;padding:6rem 3.75rem 2.5rem}}.multi-step-modal__step-header{display:flex;flex-direction:column;flex-shrink:0}.multi-step-modal__step-title{font:400 2rem/1 Karelia;letter-spacing:0rem;color:var(--base-black);margin:0}.multi-step-modal__step-counter{font:var(--pdp-modal-body-mobile);letter-spacing:.025rem;color:var(--base-black);text-transform:uppercase;margin:0}.multi-step-modal__step-content{flex-grow:1}@media screen and (min-width: 990px){.multi-step-modal__step-counter{font:var(--pdp-modal-body-desktop)}}.multi-step-modal__step-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-direction:column;gap:1.5rem}@media screen and (min-width: 990px){.multi-step-modal__step-footer{flex-direction:row;flex-wrap:wrap}}.multi-step-modal__subtotal{width:100%;display:flex;align-items:center;order:2}.multi-step-modal__subtotal-label{var(--pdp-modal-body-mobile);text-transform:uppercase;margin-right:auto}@media screen and (min-width: 990px){.multi-step-modal__subtotal-label{margin-right:2.5rem}}.multi-step-modal__subtotal-value{font:500 2em/1 Karelia}.multi-step-modal__navigation{display:flex;width:100%;gap:1rem;order:3}.multi-step-modal__navigation .button{text-transform:uppercase;width:100%}@media screen and (min-width: 990px){.multi-step-modal__navigation{justify-content:flex-end}.multi-step-modal__navigation .button{max-width:max-content;padding:1rem 3.75rem}.multi-step-modal__subtotal,.multi-step-modal__navigation{width:max-content}}.multi-step-modal__navigation .button:disabled{color:var(--base-black);background-color:var(--base-medium-gray);opacity:1}.multi-step-modal__navigation .button:disabled:after{box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 var(--buttons-border-width) rgba(var(--base-medium-gray),var(--alpha-button-background))}.product-option-group:not(:last-child){margin-bottom:2.5rem}.product-option-group__title{margin-top:0;margin-bottom:1rem;font:var(--pdp-modal-body-mobile);color:#158cf5}@media screen and (min-width: 990px){.product-option-group__title{font:var(--pdp-modal-body-desktop)}}.pdp-modal-product-option{display:flex;align-items:flex-start;background-color:var(--base-white);position:relative;margin-bottom:1rem;border-radius:10px}.pdp-modal-product-option .swatch-input__label .swatch{--swatch-input--size: 3.75rem }.pdp-modal-product-option:has(input:checked),.pdp-modal-product-option input[type=radio]:checked+.swatch-input__label{outline:1px solid var(--base-black)}.pdp-modal-product-option input[type=radio]{margin-top:.3rem;margin-right:1.5rem;flex-shrink:0;-webkit-appearance:none;appearance:none;width:1.8rem;height:1.8rem;border:2px solid rgba(var(--color-foreground),.5);border-radius:50%;cursor:pointer;position:relative}.pdp-modal-product-option input[type=radio]:checked{border-color:rgba(var(--color-accent-1))}.pdp-modal-product-option input[type=radio]:checked:before{content:"";display:block;width:1rem;height:1rem;background-color:rgba(var(--color-accent-1));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdp-modal-product-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.pdp-modal-product-option .swatch-input__label{display:flex;align-items:center;padding:1rem;cursor:pointer;width:100%}.pdp-modal-product-option .swatch-input__label:has(.swatch){flex-direction:row;gap:1.5rem}.pdp-modal-product-option .swatch+.product-option__label-content{width:100%;margin-left:0}.pdp-modal-product-option input[type=radio]:focus-visible+.swatch-input__label{outline:2px solid blue;outline-offset:2px}.product-option__label{cursor:pointer;flex-grow:1;display:flex;flex-direction:column;gap:.5rem;border-radius:10px}.product-option__swatch{width:30px;height:30px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.1);margin-right:1rem;flex-shrink:0}.product-option__label-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:2rem}.product-option__text{font:var(--pdp-modal-body-mobile);flex-grow:1}.product-option__description{font:var(--pdp-modal-body-mobile);font-weight:400;width:100%;margin:0}.product-option__price{white-space:nowrap;font:var(--pdp-modal-body-mobile);margin-left:auto}@media screen and (min-width: 990px){.product-option__text,.product-option__description{font:var(--pdp-modal-body-desktop)}.product-option__description{font-weight:400}}.prescription-grid__select{color:var(--base-medium-gray);width:70px;padding:.25rem 0;border:none;border-bottom:1px solid var(--base-black);cursor:pointer;font:var(--pdp-modal-body-mobile);font-weight:400}.prescription-grid--hide-add .prescription-grid__select{width:100px}.prescription-grid__select.is-active{color:inherit}.prescription-grid{background-color:var(--base-white);padding:1.5rem;border-radius:10px;display:grid;gap:1.5rem 1rem;margin-bottom:3.75rem;place-items:center;align-items:center;grid-template-columns:auto repeat(5,1fr);grid-template-areas:".        param-SPH   param-CYL   param-AXIS   param-ADD   param-PD" "eye-OD   select-OD-SPH   select-OD-CYL   select-OD-AXIS   select-OD-ADD   select-OD-PD" "eye-OS   select-OS-SPH   select-OS-CYL   select-OS-AXIS   select-OS-ADD   select-OS-PD"}.prescription-grid--hide-add [data-col=ADD]{display:none}.prescription-grid.prescription-grid--hide-add{grid-template-columns:auto repeat(4,1fr);grid-template-areas:".        param-SPH   param-CYL   param-AXIS   param-PD" "eye-OD   select-OD-SPH   select-OD-CYL   select-OD-AXIS   select-OD-PD" "eye-OS   select-OS-SPH   select-OS-CYL   select-OS-AXIS   select-OS-PD"}.prescription-grid__eye-header--OS{grid-area:eye-OS}.prescription-grid__eye-header--OD{grid-area:eye-OD}.prescription-grid__eye-header{font-weight:500;text-align:left;padding-right:1rem;margin-right:auto}.prescription-grid__param-header{display:flex;font-weight:500;text-align:left}@media screen and (min-width: 990px){span.eye-break{display:block}.prescription-grid__select{font:var(--pdp-modal-body-desktop);font-weight:400}}@media (max-width: 749px){.prescription-grid{padding:1.5rem;grid-template-columns:auto 1fr 1fr;grid-template-areas:".         eye-OD          eye-OS" "param-SPH select-OD-SPH   select-OS-SPH" "param-CYL select-OD-CYL   select-OS-CYL" "param-AXIS select-OD-AXIS  select-OS-AXIS" "param-ADD select-OD-ADD   select-OS-ADD" "param-PD select-OD-PD   select-OS-PD";gap:.75rem .75rem}.prescription-grid.prescription-grid--hide-add{grid-template-columns:auto 1fr 1fr;grid-template-areas:".         eye-OD          eye-OS" "param-SPH select-OD-SPH   select-OS-SPH" "param-CYL select-OD-CYL   select-OS-CYL" "param-AXIS select-OD-AXIS  select-OS-AXIS" "param-PD select-OD-PD   select-OS-PD"}.prescription-grid__param-header{display:flex;align-items:center;grid-column:1 / 2;padding-right:.5rem}.prescription-grid__eye-header{grid-column:auto;text-align:center;margin-bottom:.5rem;padding-right:0;margin-right:0}.prescription-grid__select{min-width:60px;width:90px}}.prescription-extras{margin-top:2rem}.product-option-group__link,.custom-fields__link{font:var(--pdp-modal-body-mobile)}@media screen and (min-width: 990px){.product-option-group__link,.custom-fields__link{font:var(--pdp-modal-body-desktop)}}.product-option-group__link{color:var(--base-dark-gray)}.custom-fields__link{display:inline-block}.prescription-custom-link .product-option__label{align-items:flex-start;position:relative;border-radius:10px;color:var(--base-black);display:flex;align-items:center;padding:1rem;cursor:pointer;width:100%}.prescription-custom-link{text-decoration:none}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-icon{line-height:1;-webkit-user-select:none;user-select:none;color:var(--base-black)}.prescription-grid__param-header .tooltip-icon{font-size:.8em;margin-left:.4em;cursor:help}.tooltip-icon:hover,.tooltip-icon:focus{background-color:#e0e0e0;outline:none;box-shadow:0 0 0 2px rgba(var(--color-accent-1),.5)}.tooltip-content{position:absolute;background-color:rgba(var(--color-foreground),.9);color:rgba(var(--color-background));padding:.8rem 1.2rem;border-radius:var(--input-radius, 4px);width:max-content;max-width:250px;text-align:left;white-space:normal;z-index:1000;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);margin-bottom:5px;pointer-events:auto}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(var(--color-foreground),.9) transparent transparent transparent}@media screen and (max-width: 749px){.tooltip-content{bottom:auto;top:50%;left:100%;white-space:nowrap;transform:translateY(-50%) translate(8px);margin-left:0;max-width:max-content}.tooltip-content:after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-color:transparent rgba(var(--color-foreground),.9) transparent transparent}}.multi-step-modal__steps .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-background),.8);display:flex;justify-content:center;align-items:center;z-index:20}.multi-step-modal__steps .loading-overlay.hidden{display:none}.multi-step-modal__steps .loading-overlay__spinner .spinner{width:4rem;height:4rem}.multi-step-modal__error{width:100%;margin:0;color:var(--base-red);font-size:unset;order:1}.multi-step-modal__steps::-webkit-scrollbar-track{border-radius:10px;width:14px}.multi-step-modal__steps::-webkit-scrollbar{background-color:#f1f1f1;width:10px}.multi-step-modal__steps::-webkit-scrollbar-thumb{background:#a9a9a9;outline:1px solid slategrey;border-radius:10px}.addon-variant-radio{display:none}.addon-variant-radio:checked+.swatch-input__label--button{border-color:#000;background-color:#fff;font-weight:700}.addon-variant-selector--button .addon-variant-selector__values{display:flex;flex-wrap:wrap;gap:8px}.multi-step-addons__card-wrapper .card--standard.card--media .card__inner .card__information{display:block}.multi-step-addons__card-wrapper .card--standard.card--media .card__inner{display:flex;background:var(--base-white)}.multi-step-addons__card-wrapper .card--standard .card__media{width:45%;aspect-ratio:1;height:100%;position:static}@media screen and (min-width: 750px){.multi-step-addons__card-wrapper .card--standard .card__media{width:20%}}.multi-step-addons__card-wrapper .card--standard .card__media img{width:100%;height:100%}.multi-step-addons__card-wrapper .card--standard .card__content{width:60%}@media screen and (min-width: 750px){.multi-step-addons__card-wrapper .card--standard .card__content{width:80%}}.multi-step-addons__card-wrapper .variant-picker__title{display:none}.multi-step-addons__card-wrapper .variant-radio-input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.multi-step-addons__card-wrapper .variant-label{cursor:pointer}.multi-step-addons__card-wrapper .variant-label--button{border:1px solid var(--base-medium-gray);padding:4px 12px;border-radius:5px;white-space:nowrap;font:var(--pdp-modal-variant-button-mobile);color:var(--base-black);text-transform:uppercase;text-align:center}@media screen and (min-width: 750px){.multi-step-addons__card-wrapper .variant-label--button{font:var(--pdp-modal-variant-button-desktop)}}.multi-step-addons__card-wrapper .variant-radio-input:checked+.variant-label--button,.multi-step-addons__card-wrapper .variant-radio-input.is-selected+.variant-label--button{border:1px solid var(--base-black);color:var(--base-white);background:var(--base-black)}.multi-step-addons__card-wrapper .variant-radio-input.is-selected+.variant-label--swatch .swatch,.multi-step-addons__card-wrapper .variant-radio-input:checked+.variant-label--swatch .swatch{outline:2px solid #000;outline-offset:2px}.multi-step-addons__card-wrapper .variant-label--swatch .swatch{--swatch-input--size: .75rem}@media screen and (min-width: 990px){.multi-step-addons__card-wrapper .variant-label--swatch .swatch{--swatch-input--size: 1rem}}@media screen and (max-width: 749px){.multi-step-addons__card-wrapper .variant-picker{max-width:150px}}.multi-step-addons__card-wrapper .variant-picker__values{display:flex;flex-wrap:wrap;gap:16px}.multi-step-addons__card-wrapper .variant-label--disabled{opacity:.5;cursor:not-allowed;position:relative;overflow:hidden}.multi-step-addons__card-wrapper .variant-label--disabled:after{content:"";position:absolute;top:50%;left:0%;width:103%;height:1px;background:#999;transform:rotate(188deg)}.overview-item--sub-item .overview-item__details{padding-left:1.5rem}.overview-item--sub-item{gap:0}.multi-step-addons__card-wrapper .card__heading.h5{text-transform:capitalize}.multi-step-addons__card-wrapper .price{font-size:1rem!important}@media screen and (min-width: 750px){.multi-step-addons__card-wrapper .card__heading.h5,.multi-step-addons__card-wrapper .price{font-size:1.25rem}}.multi-step-addons__card-wrapper .card__first-line{display:flex;justify-content:space-between}.multi-step-addons__card-wrapper .card .card__inner .card__media{border-bottom-right-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding));border-bottom-left-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding));align-self:center}.multi-step-addons__card-wrapper .card__variant-heading{margin:.75rem 0}.multi-step-addons__card-wrapper .variant-option-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}@media screen and (min-width: 990px){.multi-step-addons__card-wrapper .variant-option-container{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}}.addon-toggle-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;cursor:pointer}.multi-step-addons__card-toggle{position:absolute;top:0;left:0;width:100%;height:100%}.multi-step-addons__card-toggle .svg-wrapper{cursor:pointer;display:inline-block;position:absolute;bottom:1rem;right:1rem;z-index:2}.multi-step-addons__card-toggle .svg-wrapper svg{display:block;width:24px;height:24px;transition:fill .2s ease-in-out}.multi-step-addons__card-toggle .svg-wrapper svg path{fill:#e1e1e1}.addon-toggle-checkbox:checked~.svg-wrapper svg path{fill:#158cf5}.multi-step-addons__card-wrapper{border:2px solid transparent;transition:border-color .2s ease-in-out;border-radius:10px;position:relative;margin-bottom:12px}.multi-step-addons__card-wrapper:has(.addon-toggle-checkbox:checked){border-color:var(--base-black)}.overview-item.overview-item--sub-item{gap:0}.multi-step-addons__card-wrapper.is-disabled,.multi-step-addons__card-wrapper.is-disabled .product-card-wrapper .card__inner .card__content{cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-multi-step-modal.css.map */