.header-split{position:relative;width:100%;background-color:var(--header-bg-color, var(--color-background));border-bottom:var(--header-split-border-width, 0px) solid var(--color-border);z-index:var(--layer-overlay, 100)}.header-split[data-sticky=true]{position:sticky;top:-1px;z-index:var(--layer-sticky, 200)}.header-split__inner{display:flex;align-items:center;justify-content:center;max-width:var(--page-width, 120rem);margin:0 auto;padding:var(--header-split-padding-y, 1rem) var(--page-margin, 1.5rem);gap:var(--header-split-gap, 2rem)}.header-split__left,.header-split__right{flex:1 1 0;display:flex;align-items:center}.header-split__left{justify-content:flex-start}.header-split__right{justify-content:flex-end;text-align:right}.header-split__right .header-split__nav{justify-content:flex-end}.header-split__center{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.header-split__logo{display:block;width:var(--header-split-logo-width, 120px);height:auto;color:var(--color-foreground);text-decoration:none;transition:opacity .2s ease}.header-split__logo:hover{opacity:.8}.header-split__logo svg,.header-split__logo img{display:block;width:100%;height:auto}.header-split__nav{display:flex;align-items:center;gap:var(--header-split-nav-gap, 1.5rem);list-style:none;margin:0;padding:0}.header-split__nav-link{font-family:var(--header-split-nav-font-family, var(--font-heading--family));font-style:var(--header-split-nav-font-style, normal);font-weight:var(--header-split-nav-font-weight, 400);font-size:var(--header-split-nav-font-size, 1rem);letter-spacing:var(--header-split-nav-letter-spacing, .02em);text-transform:var(--header-split-nav-text-transform, none);color:var(--color-foreground);text-decoration:none;white-space:nowrap;transition:opacity .2s ease;position:relative}.header-split__nav-link:hover,.header-split__nav-link[aria-current=page]{opacity:.6}.header-split__menu-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-foreground)}.header-split__menu-toggle svg{width:22px;height:22px}.header-split__drawer{display:none;position:fixed;top:0;left:0;width:100%;max-width:400px;height:100vh;height:100dvh;background-color:var(--color-background);z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:var(--shadow-drawer, 2px 0 8px rgba(0,0,0,.1));flex-direction:column}.header-split__drawer[data-open=true]{transform:translate(0)}.header-split__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.header-split__drawer-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-foreground)}.header-split__drawer-close svg{width:20px;height:20px}.header-split__drawer-nav{list-style:none;margin:0;padding:1rem 0}.header-split__drawer-link{display:block;padding:.875rem 1.25rem;font-family:var(--header-split-nav-font-family, var(--font-heading--family));font-size:var(--header-split-nav-font-size, 1rem);font-weight:var(--header-split-nav-font-weight, 400);color:var(--color-foreground);text-decoration:none;transition:background-color .15s ease}.header-split__drawer-link:hover{background-color:#0000000a}.header-split__drawer-divider{height:1px;background:var(--color-border);margin:.5rem 1.25rem}.header-split__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998;opacity:0;transition:opacity .3s ease}.header-split__overlay[data-open=true]{opacity:1}.header-split[data-transparent=true]{position:absolute;top:0;left:0;right:0;background-color:transparent;--header-bg-color: transparent}.header-split[data-transparent=true]:hover{background-color:var(--color-background)}@media screen and (max-width:749px){.header-split__left,.header-split__right{display:none}.header-split__inner{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:.75rem var(--page-margin, 1rem)}.header-split__menu-toggle{display:flex;justify-self:start}.header-split__center{justify-self:center}.header-split__drawer{display:flex}}@media screen and (min-width:750px){.header-split__menu-toggle,.header-split__drawer,.header-split__overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/header-split.css.map */
