.collection-toggle-wrapper{display:flex;justify-content:center;margin-bottom:4rem;padding:0 1.5rem}@media screen and (min-width: 750px){.collection-toggle-wrapper{margin-bottom:5rem}}.collection-toggle{position:relative;display:inline-flex;align-items:center;background-color:rgba(var(--color-foreground),.12);border-radius:5rem;padding:.4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);box-shadow:inset 0 .1rem .3rem rgba(var(--color-foreground),.1)}.collection-toggle__option{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:12rem;height:4.4rem;padding:0 2.4rem;border:none;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;font-family:inherit;font-style:inherit;font-weight:inherit;letter-spacing:.05rem;text-transform:none;cursor:pointer;transition:color .3s ease;border-radius:4.6rem}@media (hover: hover) and (pointer: fine){.collection-toggle__option:hover:not(.collection-toggle__option--active){color:rgb(var(--color-foreground))}}.collection-toggle__option:focus-visible{outline:.2rem solid rgb(var(--color-accent));outline-offset:.3rem}.collection-toggle__option--active,.collection-toggle__option--active:hover,.collection-toggle__option--active:focus{color:rgb(var(--color-button-text))!important}@media (hover: none) and (pointer: coarse){.collection-toggle__option:focus{outline:none}}.collection-toggle__slider{position:absolute;top:.4rem;left:.4rem;width:calc(50% - .4rem);height:calc(100% - .8rem);background:rgb(var(--color-button));border-radius:4.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 .2rem .8rem rgba(var(--color-button),.3),0 .1rem .3rem rgba(var(--color-button),.2)}.collection-toggle[data-active="1"] .collection-toggle__slider{transform:translate(100%)}.collection-toggle-content{position:relative}.collection-toggle-panel{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease;position:relative}.collection-toggle-panel--hidden{display:none!important}.collection-toggle-panel--fade-out{opacity:0;transform:translateY(-1rem)}.collection-toggle-panel--fade-in{opacity:1;transform:translateY(0)}@media (forced-colors: active){.collection-toggle{border:.1rem solid}.collection-toggle__slider{background:Highlight}.collection-toggle__option--active{color:HighlightText}}@media (prefers-reduced-motion: reduce){.collection-toggle__slider,.collection-toggle__option,.collection-toggle-panel{transition:none}}.collection-toggle[role=tablist] .collection-toggle__option[role=tab]{cursor:pointer}.featured-collection-toggle-section{--collection-toggle-accent: var(--color-accent);--collection-toggle-accent-contrast: var(--color-accent-contrast, var(--color-background));--collection-toggle-background: rgba(var(--color-foreground), .08);--collection-toggle-text: var(--color-foreground)}.color-scheme-inverse .featured-collection-toggle-section,[data-color-scheme=inverse] .featured-collection-toggle-section{--collection-toggle-background: rgba(var(--color-background), .15)}.collection-toggle-panel[aria-busy=true]{opacity:.6;pointer-events:none}.collection-toggle-panel[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border:.2rem solid rgba(var(--color-accent),.3);border-top:.2rem solid rgb(var(--color-accent));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/featured-collection-toggle.css.map */