@media screen and (min-width:750px){.shopify-section--brand-switcher{max-width:400px;width:100%}}.custom-brand-switcher{--dur:.52s;--pill-dur:.42s;--ease:cubic-bezier(.22,.75,.25,1);--gap:4px;--pad:6px;--track-h:46px;--parent-w:34%;--outer:#fff;--pill-knoxone:#171923;--pill-verdecor:#f2ebdd;--pill-knox:#ffc400;--group-dark:#25211f;--logo-dark:#2c2825;--logo-darker:#101820;--knox-yellow:#f8b62d;--outline:#bcb5a8;position:relative;display:flex;align-items:stretch;width:100%;padding:var(--pad);background:var(--outer);border-radius:999px;isolation:isolate;transition:background-color var(--dur) var(--ease)}.custom-brand-switcher[data-active=knoxone]{background:var(--selector-base,#f8f7f1)}.custom-brand-switcher:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #fff;border-radius:inherit;pointer-events:none;transition:opacity var(--dur) var(--ease)}.custom-brand-switcher[data-active=knoxone]:before{opacity:0}.custom-brand-switcher .capsule-track{position:absolute;inset:var(--pad);z-index:0;pointer-events:none}.custom-brand-switcher .shared-dark-capsule{position:absolute;top:0;bottom:0;left:0;width:var(--parent-w);border-radius:999px 0 0 999px;background:var(--pill-knoxone);transition:left var(--dur) var(--ease),width var(--dur) var(--ease),border-radius var(--dur) var(--ease),background-color var(--dur) var(--ease)}.custom-brand-switcher:not([data-active=knoxone]) .shared-dark-capsule{left:calc(var(--parent-w) + var(--gap));width:calc(100% - var(--parent-w) - var(--gap));border-radius:999px;background:var(--group-dark)}.custom-brand-switcher .brand-group-outline{position:absolute;top:0;bottom:0;left:var(--parent-w);right:0;border:1px solid var(--outline);border-left:0;border-radius:0 999px 999px 0;opacity:0;transition:opacity calc(var(--dur)*.4) var(--ease)}.custom-brand-switcher[data-active=knoxone] .brand-group-outline{opacity:1;transition-delay:calc(var(--dur)*.35)}.custom-brand-switcher .custom-brand_parent{position:relative;z-index:2;flex:0 0 var(--parent-w);display:flex;align-items:center;justify-content:center;height:var(--track-h);padding:0;border:0;background:transparent;border-radius:999px 0 0 999px;margin-right:var(--gap)}.custom-brand-switcher .custom-brand_parent:after{content:"";position:absolute;top:0;right:0;bottom:0;border-right:1px solid #e6e0d5}.custom-brand-switcher[data-active=knoxone] .custom-brand_parent:after{border-right-color:var(--outline)}.custom-brand-switcher .custom-brand_group{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:flex;align-items:stretch;height:var(--track-h);border-radius:999px}.custom-brand-switcher .custom-brand_child{position:relative;z-index:2;flex:1 1 50%;min-width:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:999px}.custom-brand-switcher :is(.custom-brand_parent,.custom-brand_child){cursor:pointer;font:inherit;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.custom-brand-switcher .child-active-pill{position:absolute;top:var(--gap);bottom:var(--gap);left:var(--gap);width:calc(50% - var(--gap)*1.5);z-index:1;border-radius:999px;opacity:1;transform:translate(0);background:var(--pill-verdecor);transition:transform var(--pill-dur) var(--ease),background-color var(--pill-dur) var(--ease),opacity calc(var(--dur)*.45) var(--ease)}.custom-brand-switcher[data-active=knoxone] .child-active-pill{opacity:0}.custom-brand-switcher[data-from=knoxone]:not([data-active=knoxone]) .child-active-pill{transition-delay:0s,0s,calc(var(--dur)*.35)}.custom-brand-switcher[data-active=knox-system] .child-active-pill{transform:translate(calc(100% + var(--gap)));background:var(--pill-knox)}.custom-brand-switcher .custom-brand_logo{position:relative;z-index:2;display:block;width:auto;color:var(--brand-fg,var(--logo-dark))}.custom-brand-switcher .logo-knoxone,.custom-brand-switcher .logo-verdecor{height:calc(var(--track-h)*.34)}.custom-brand-switcher .logo-knox{height:calc(var(--track-h)*.6);--ks-plus:var(--knox-yellow)}.custom-brand-switcher[data-active=knoxone] .custom-brand_parent,.custom-brand-switcher[data-active=verdecor] [data-brand=knox-system],.custom-brand-switcher[data-active=knox-system] [data-brand=verdecor]{--brand-fg:#fff}.custom-brand-switcher[data-active=knox-system] .logo-knox{--ks-plus:var(--brand-fg,var(--logo-darker))}.custom-brand-switcher :is(.custom-brand_parent,.custom-brand_child):focus-visible{outline:2px solid #2f6df6;outline-offset:3px}.custom-brand-switcher[data-static] :is(.custom-brand_parent,.custom-brand_child){cursor:default}@media(max-width:750px){.custom-brand-switcher{--track-h:46px;--pad:4px;--gap:4px}}@media(prefers-reduced-motion:reduce){.custom-brand-switcher,.custom-brand-switcher:before,.custom-brand-switcher .shared-dark-capsule,.custom-brand-switcher .child-active-pill,.custom-brand-switcher .brand-group-outline{transition:none!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/brand-switcher.css.map */