.option-toggle{display:block;margin:1.6rem 0}.option-toggle__card{display:flex;align-items:center;gap:1.6rem;padding:1.6rem;border-radius:1.6rem;background-color:rgba(var(--color-foreground),.05)}.option-toggle__media{flex:0 0 auto;width:6.4rem;height:6.4rem}.option-toggle__image{width:100%;height:100%;object-fit:contain;border-radius:1rem}.option-toggle__body{flex:1 1 auto;min-width:0}.option-toggle__heading-row{display:flex;align-items:center;gap:.6rem}.option-toggle__heading{margin:0;font-size:1.3rem;line-height:1.3}.option-toggle__info{display:inline-flex}.option-toggle__info-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:2.4rem;height:2.4rem;border:none;background:none;color:inherit;cursor:pointer}.option-toggle__info-button svg{width:2.4rem;height:2.4rem;fill:currentColor}.option-toggle__info-button svg g{fill:currentColor}.option-toggle__description{margin-top:.4rem;font-size:1.2rem;line-height:1.4}.option-toggle__description>p{margin:0}.option-toggle__control{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.6rem}.option-toggle__switch{display:inline-flex;flex:0 0 auto;margin:0;cursor:pointer}.option-toggle__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.option-toggle__track{display:block;position:relative;width:5.2rem;height:3rem;border-radius:1.5rem;background-color:rgba(var(--color-foreground),.2);transition:background-color var(--duration-short) ease}.option-toggle__track:after{content:"";position:absolute;top:.3rem;left:.3rem;width:2.4rem;height:2.4rem;border-radius:50%;background-color:rgb(var(--color-background));transition:transform var(--duration-short) ease}.option-toggle__input:checked+.option-toggle__track{background-color:rgb(var(--color-button))}.option-toggle__input:checked+.option-toggle__track:after{transform:translate(2.2rem)}.option-toggle__input:focus-visible+.option-toggle__track{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.option-toggle__price{font-size:1.4rem;font-weight:600;white-space:nowrap}.option-toggle-modal .product-popup-modal__content{height:auto;max-height:calc(100% - 6rem);max-width:82rem;top:50%;margin-top:0;transform:translate(-50%,-50%);padding:2rem 2.4rem 3rem}.option-toggle-modal .product-popup-modal__toggle{margin-bottom:1.6rem}.option-toggle-modal__body{padding-right:4.4rem}.option-toggle-modal__media{max-width:100%;margin-bottom:2rem}.option-toggle-modal__details{min-width:0}.option-toggle-modal__title{margin-bottom:1rem;font-size:calc(var(--font-heading-scale) * 2rem);-webkit-hyphens:none;hyphens:none;word-break:keep-all;overflow-wrap:normal}.option-toggle-modal__image{display:block;width:100%;max-width:100%;height:auto;margin-bottom:0;border-radius:1rem;aspect-ratio:1 / 1;object-fit:cover}.option-toggle-modal__slider{display:block;max-width:100%;margin-bottom:0}@media screen and (min-width:750px){.option-toggle-modal__body{display:flex;align-items:center;gap:3.2rem}.option-toggle-modal__media{flex:0 0 32rem;max-width:32rem;margin-bottom:0}.option-toggle-modal__details{flex:1 1 auto}}.option-toggle-modal__slides,.option-toggle-modal__slide .option-toggle-modal__image{margin-bottom:0}.option-toggle-modal__slider .slider-buttons{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.8rem}.option-toggle-modal__actions{display:flex;justify-content:center;margin-top:2.4rem}.option-toggle-modal__button{min-width:20rem;max-width:100%}@media screen and (min-width:750px){.option-toggle-modal__actions{justify-content:flex-start}}@media screen and (max-width:749px){.option-toggle__card{gap:1.2rem;padding:1.2rem}.option-toggle__media{width:5.2rem;height:5.2rem}.option-toggle__control{gap:.4rem}.option-toggle__heading{font-size:1.2rem}.option-toggle__description{font-size:1.1rem}.option-toggle__price{font-size:1.3rem}.option-toggle-modal .product-popup-modal__content{max-height:calc(100% - 4rem);padding:1.5rem 1.5rem 2.5rem}.option-toggle-modal__body{padding-right:0}.option-toggle-modal__title{font-size:calc(var(--font-heading-scale) * 1.8rem)}.option-toggle-modal__button{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-option-toggle.css.map */