@media screen and (min-width:750px){.shopify-section--brand-switcher{max-width:400px;width:100%}}.custom-brand-switcher{--dur: .38s;--ease: cubic-bezier(.22, 1, .36, 1);--gap: 4px;--pad: 6px;--track-h: 46px;--parent-w: 34%;--outer: #ffffff;--pill-knoxone: #171923;--pill-verdecor: #f2ebdd;--pill-knox: #ffc400;--group-dark: #25211f;--logo-dark: #2c2825;--logo-darker: #101820;--logo-white: #ffffff;--logo-offwhite: #f5f1ea;--logo-grey: #8a8a8a;--knox-yellow: #f8b62d;position:relative;display:flex;align-items:stretch;width:100%;padding:var(--pad);background:var(--outer);border-radius:999px}.capsule-track{position:absolute;inset:var(--pad);z-index:0;pointer-events:none}.shared-dark-capsule{position:absolute;top:0;left:0;height:100%;width:calc(34% - var(--gap));transform:translateZ(0);border-radius:999px;background:var(--pill-knoxone);opacity:1;will-change:transform,width;pointer-events:none;transition:transform var(--dur) var(--ease),width var(--dur) var(--ease),background-color var(--dur) var(--ease)}.custom-brand_parent{position:relative;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;cursor:pointer;font:inherit;color:inherit}.custom-brand_group{position:relative;flex:1 1 auto;display:flex;align-items:stretch;height:var(--track-h);border-radius:999px}.custom-brand_child{position:relative;z-index:2;flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:999px;cursor:pointer;font:inherit;color:inherit}.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:0;transform:translate(0);background:var(--pill-verdecor);transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),opacity .18s var(--ease)}.logo{position:relative;z-index:2;display:block;width:auto;color:var(--logo-dark);transition:color var(--dur) var(--ease)}.logo-knoxone,.logo-verdecor{height:calc(var(--track-h) * .34)}.logo-knox{height:calc(var(--track-h) * .6)}.custom-brand-switcher .custom-brand_parent .custom-brand_logo{color:var(--logo-grey)}.custom-brand-switcher[data-active=knoxone] .custom-brand_parent .custom-brand_logo{color:var(--logo-white)}.custom-brand-switcher[data-active=verdecor] .shared-dark-capsule,.custom-brand-switcher[data-active=knox-system] .shared-dark-capsule{width:66%;transform:translate3d(calc(100% * 34 / 66),0,0);background:var(--group-dark)}.custom-brand-switcher[data-active=verdecor] .child-active-pill,.custom-brand-switcher[data-active=knox-system] .child-active-pill{opacity:1;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),opacity .2s var(--ease) .17s}.custom-brand-switcher[data-active=verdecor] .child-active-pill{transform:translate(0);background:var(--pill-verdecor)}.custom-brand-switcher[data-active=knox-system] .child-active-pill{transform:translate(calc(100% + var(--gap)));background:var(--pill-knox)}.custom-brand_child[data-brand=verdecor] .custom-brand_logo{color:var(--logo-dark)}.custom-brand-switcher[data-active=knox-system] .custom-brand_child[data-brand=verdecor] .custom-brand_logo{color:var(--logo-grey)}.custom-brand_child[data-brand=knox-system] .custom-brand_logo{color:var(--logo-darker);--ks-plus: var(--knox-yellow)}.custom-brand-switcher[data-active=verdecor] .custom-brand_child[data-brand=knox-system] .custom-brand_logo{color:var(--logo-grey);--ks-plus: var(--knox-yellow)}.custom-brand-switcher[data-active=knox-system] .custom-brand_child[data-brand=knox-system] .custom-brand_logo{color:var(--logo-darker);--ks-plus: var(--logo-darker)}.custom-brand_parent:focus-visible,.custom-brand_child:focus-visible{outline:2px solid #2f6df6;outline-offset:3px}.custom-brand-switcher[data-static] .custom-brand_parent,.custom-brand-switcher[data-static] .custom-brand_child{cursor:default}@media(max-width:750px){.custom-brand-switcher{--track-h: 46px;--pad: 4px;--gap: 4px}}@media(prefers-reduced-motion:reduce){.shared-dark-capsule,.child-active-pill,.custom-brand_logo{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/brand-switcher.css.map */