.SiteHeader{position:fixed;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding-inline:max(var(--space-sm),calc((100% - var(--content-max)) / 2));padding-block:1.2rem;block-size:var(--header-height);inline-size:100%;container-type:inline-size;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.SiteHeader.is-scrolled{box-shadow:0 2px 12px #00000014}.SiteHeader[data-homepage]:not(.is-scrolled){background:transparent;border-bottom-color:transparent;box-shadow:none}.SiteHeader .Logo{display:flex;align-items:center;gap:var(--space-xs);line-height:1;text-decoration:none}.SiteHeader .Logo img{height:28px;width:auto;flex-shrink:0;transition:filter .25s ease}.SiteHeader .Logo span{color:var(--color-teal);font-weight:600;font-size:1.25rem;letter-spacing:.125em;transition:color .25s ease}.SiteHeader[data-homepage]:not(.is-scrolled) .Logo span{color:#fff}.SiteHeader nav{display:flex;align-items:center;gap:var(--space-lg)}.SiteHeader nav a{color:var(--color-subtle);text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s}.SiteHeader nav a:hover{color:var(--color-ink)}@media(max-width:640px){.SiteHeader nav a[href="/"]{display:none}}:is(.SiteHeader[data-homepage]:not(.is-scrolled) nav .NavDropdown>a,.SiteHeader[data-homepage]:not(.is-scrolled) nav>a):link,:is(.SiteHeader[data-homepage]:not(.is-scrolled) nav .NavDropdown>a,.SiteHeader[data-homepage]:not(.is-scrolled) nav>a):visited{color:#ffffffe0}:is(.SiteHeader[data-homepage]:not(.is-scrolled) nav .NavDropdown>a,.SiteHeader[data-homepage]:not(.is-scrolled) nav>a):hover,:is(.SiteHeader[data-homepage]:not(.is-scrolled) nav .NavDropdown>a,.SiteHeader[data-homepage]:not(.is-scrolled) nav>a):active{color:#fff}.SiteHeader[data-homepage]:not(.is-scrolled) .NavDropdown>a svg{color:#fff}.SiteHeader .Cart{display:flex;align-items:center;gap:.45rem;background:var(--color-orange);color:#fff;padding:.5rem 1.1rem;border-radius:var(--radius-pill);text-decoration:none;font-size:.875rem;font-weight:700;transition:.15s all ease-out}.SiteHeader .Cart:hover{opacity:.9}.SiteHeader .Cart svg{width:18px;height:18px;flex-shrink:0}.SiteHeader .Cart span{display:flex;align-items:center;justify-content:center;padding-inline:.25rem;min-width:18px;height:18px;font-size:1rem;font-weight:400;line-height:1;border-radius:50%}.NavDropdown{position:relative}.NavDropdown>a{display:inline-flex;align-items:center;gap:.3rem}.NavDropdown>a svg{flex-shrink:0;transition:transform .2s}.NavDropdown.is-open>a svg{transform:rotate(180deg)}.NavDropdown.is-open .Panel{opacity:1;pointer-events:auto}.NavDropdown .Panel{opacity:0;pointer-events:none;position:absolute;top:100%;left:50%;transform:translate(-60%);min-width:520px;padding-top:.75rem;z-index:200;transition:opacity .15s ease}.NavDropdown .Panel.is-fading{transition:opacity .15s ease}.NavDropdown .Panel.is-fading-out{opacity:0}.NavDropdown .Panel.is-fading-in{opacity:1}.NavDropdown .Panel>div{background:#fff;border-radius:var(--radius-md);box-shadow:0 8px 40px #0000002e,0 2px 8px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.NavDropdown .Panel>div>a{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--color-dark);text-decoration:none;border-bottom:1px solid #EFEFEF;transition:color .15s}.NavDropdown .Panel>div>a:hover{color:var(--color-teal)}.NavDropdown .Panel>div>div{display:flex;min-height:190px}.NavDropdown .Categories{list-style:none;margin:0;padding:.5rem 0;width:190px;flex-shrink:0;border-right:1px solid #EFEFEF;background:#f9fafa}.NavDropdown .Categories a{width:100%;display:grid;grid-template-columns:1fr 14px;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;padding:.6rem .9rem .6rem 1.25rem;background:none;text-decoration:none;transition:background .15s}.NavDropdown .Categories a:hover,.NavDropdown .Categories a.is-active{background:#fff}.NavDropdown .Categories a.is-active span:first-child{color:var(--color-teal)}.NavDropdown .Categories a.is-active svg{color:var(--color-teal)}.NavDropdown .Categories a span:first-child{grid-column:1;grid-row:1;font-size:.875rem;font-weight:600;color:var(--color-dark);line-height:1.3;transition:color .15s}.NavDropdown .Categories a span:last-of-type{grid-column:1;grid-row:2;font-size:.75rem;color:#aaa;line-height:1.3;margin-top:.1rem}.NavDropdown .Categories a svg{grid-column:2;grid-row:1 / span 2;align-self:center;color:#ccc;flex-shrink:0;transition:color .15s}.NavDropdown .Listing{flex:1;padding:.75rem 1.25rem;min-height:16rem}.NavDropdown .Listing ul{list-style:none;margin:0;padding:0}.NavDropdown .Listing a{display:block;padding:.5rem 0;font-size:.875rem;text-decoration:none;border-bottom:1px solid #F2F2F2;line-height:1.4;transition:color .15s}.NavDropdown .Listing a:last-child{border-bottom:none}.NavDropdown .Listing a:link,.NavDropdown .Listing a:visited{color:#555}.NavDropdown .Listing a:hover,.NavDropdown .Listing a:active{color:var(--color-teal)}.NavDropdown .Listing .GroupLabel{display:none}@media(min-width:768px)and (max-width:1199px){.NavDropdown .Panel{position:fixed;top:64px;left:auto;right:12px;padding-top:0;transform:none}}@media(max-width:767px){.NavDropdown .Panel{position:fixed;top:64px;left:0;right:0;padding-top:0;max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0;transform:none}.NavDropdown .Panel>div{border-radius:0;border-left:none;border-right:none;border-top:none}.NavDropdown .Categories{width:10rem}.NavDropdown .Categories a{grid-template-rows:auto;padding:.75rem .5rem .75rem 1rem;column-gap:.25rem}.NavDropdown .Categories a span:last-of-type{display:none}.NavDropdown .Categories a span:first-child{grid-row:1 / span 2}.NavDropdown .Listing{min-height:0;padding:.75rem 1rem}.NavDropdown .Listing a{padding:.6rem 0;font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header.css.map */