.image-toggle-section{padding-top:40px;padding-bottom:40px;text-align:center}.image-toggle__heading{margin-bottom:2rem;color:rgb(var(--color-foreground))}.image-toggle__control{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:2rem}.image-toggle__label{font-weight:600;font-size:1.1rem;color:#2f2d2d}.toggle-switch{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:0;outline:none;position:relative;width:64px;height:32px;-webkit-tap-highlight-color:transparent}.toggle-switch__track{display:block;width:100%;height:100%;background-color:#e0e0e0;border-radius:50px;position:relative;transition:background-color .3s ease}.toggle-switch__knob{position:absolute;top:4px;left:4px;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.toggle-switch__decoration{position:absolute;top:50%;right:10px;width:4px;height:4px;background-color:#fffc;border-radius:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s}.toggle-switch[aria-pressed=true] .toggle-switch__track{background-color:var(--toggle-accent, #9568d9)}.toggle-switch[aria-pressed=true] .toggle-switch__knob{transform:translate(32px)}.toggle-switch[aria-pressed=true] .toggle-switch__decoration{opacity:1;left:10px;right:auto}.image-toggle__container{max-width:100%;margin:0 auto;overflow:hidden;border-radius:8px}.image-toggle__wrapper{position:relative;width:100%;display:grid;grid-template-areas:"stack"}.image-toggle__item{grid-area:stack;width:100%;height:auto;opacity:1;transition:opacity .5s ease,transform .5s ease;transform-origin:center}.image-toggle__item img{width:100%;height:auto;display:block;border-radius:8px}.image-toggle__item--secondary{opacity:0;pointer-events:none;transform:translate(20px)}.image-toggle__item--primary{z-index:1}.image-toggle__container.show-secondary .image-toggle__item--primary{opacity:0;transform:translate(-20px)}.image-toggle__container.show-secondary .image-toggle__item--secondary{opacity:1;pointer-events:auto;transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/image-toggle.css.map */