.offkey-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fff;color:#111;border-bottom:0;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease;box-shadow:0 1px #0000000d}body{padding-top:var(--offkey-header-height, 88px)}body.template-index{padding-top:0}body.template-index .shopify-section-header{position:relative;z-index:100}body.template-index .offkey-header:not(.is-solid):not(:hover){background-color:transparent;color:#fff;box-shadow:none}.offkey-header.is-solid,body.template-index .offkey-header:hover{background-color:#fff;color:#111;box-shadow:0 1px #0000000f}.offkey-header .header__heading,.offkey-header .header__heading-link{position:relative}.offkey-header .header__heading-logo-wrapper{position:relative;display:inline-block;line-height:0}.offkey-header .header__heading-logo{display:block;transition:opacity .35s ease}.offkey-header .header__heading-logo--dark{position:absolute;top:0;left:0;opacity:0}.offkey-header.is-solid .header__heading-logo--light,body.template-index .offkey-header:hover .header__heading-logo--light,body:not(.template-index) .offkey-header .header__heading-logo--light{opacity:0}.offkey-header.is-solid .header__heading-logo--dark,body.template-index .offkey-header:hover .header__heading-logo--dark,body:not(.template-index) .offkey-header .header__heading-logo--dark{opacity:1}.offkey-header .header__menu-item,.offkey-header .header__menu-item span,.offkey-header .header__active-menu-item{color:inherit;text-decoration:none;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;transition:opacity .2s ease,color .2s ease}body.template-index .offkey-header:not(.is-solid):not(:hover) .header__menu-item,body.template-index .offkey-header:not(.is-solid):not(:hover) .header__icons a,body.template-index .offkey-header:not(.is-solid):not(:hover) .header__icons button{color:#fff;opacity:.65}body.template-index .offkey-header:not(.is-solid):not(:hover) .header__menu-item:hover,body.template-index .offkey-header:not(.is-solid):not(:hover) .header__icons a:hover,body.template-index .offkey-header:not(.is-solid):not(:hover) .header__icons button:hover{opacity:1}.offkey-header.is-solid .header__menu-item,.offkey-header.is-solid .header__icons a,.offkey-header.is-solid .header__icons button,body.template-index .offkey-header:hover .header__menu-item,body.template-index .offkey-header:hover .header__icons a,body.template-index .offkey-header:hover .header__icons button,body:not(.template-index) .offkey-header .header__menu-item,body:not(.template-index) .offkey-header .header__icons a,body:not(.template-index) .offkey-header .header__icons button{color:#111;opacity:.65}.offkey-header.is-solid .header__menu-item:hover,.offkey-header.is-solid .header__icons a:hover,.offkey-header.is-solid .header__icons button:hover,body.template-index .offkey-header:hover .header__menu-item:hover,body.template-index .offkey-header:hover .header__icons a:hover,body.template-index .offkey-header:hover .header__icons button:hover,body:not(.template-index) .offkey-header .header__menu-item:hover,body:not(.template-index) .offkey-header .header__icons a:hover,body:not(.template-index) .offkey-header .header__icons button:hover{opacity:1}.offkey-header .header__menu-item:hover span,.offkey-header .header__menu-item:focus span{text-decoration:none!important}.offkey-header .header__icons svg{color:currentColor}.offkey-header header-drawer{display:none!important}.offkey-mobile-toggle{display:none;background:transparent;border:0;padding:12px;cursor:pointer;color:inherit;z-index:110;justify-self:start}.offkey-mobile-toggle svg{display:block;width:22px;height:22px}@media(max-width:989px){.offkey-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.offkey-header .header__inline-menu{display:none!important}.offkey-header .header{grid-template-columns:auto 1fr auto!important;align-items:center}}.offkey-mobile-drawer{position:fixed;top:0;left:0;width:86%;max-width:380px;height:100vh;height:100dvh;background:#fff;color:#111;z-index:200;transform:translate(-100%);transition:transform .35s ease;display:flex;flex-direction:column;padding:24px;visibility:hidden}.offkey-mobile-drawer.is-open{transform:translate(0);visibility:visible}.offkey-mobile-drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.offkey-mobile-drawer__close{background:transparent;border:0;padding:8px;cursor:pointer}.offkey-mobile-drawer__close svg{width:22px;height:22px}.offkey-mobile-drawer__menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.offkey-mobile-drawer__menu a{display:block;padding:14px 0;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#111;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.08)}.offkey-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .35s ease}.offkey-mobile-backdrop.is-open{opacity:1;pointer-events:auto}body.offkey-drawer-open{overflow:hidden}.offkey-header .header__submenu,.offkey-header .list-menu--disclosure{background:#fff;border:0;padding:16px 0;min-width:220px;list-style:none;margin:0;box-shadow:0 12px 32px #0000001a}.offkey-header .header__submenu li,.offkey-header .list-menu--disclosure li{margin:0;padding:0}.offkey-header .header__submenu a,.offkey-header .header__submenu .header__menu-item,.offkey-header .list-menu--disclosure a{display:block!important;padding:10px 24px!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#444!important;text-decoration:none!important;opacity:1!important;transition:color .2s ease,background .2s ease}.offkey-header .header__submenu a:hover,.offkey-header .header__submenu .header__menu-item:hover,.offkey-header .list-menu--disclosure a:hover{color:#111!important;background:#f6f6f6}.offkey-header summary.header__menu-item{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.offkey-header summary .icon-caret,.offkey-header summary svg.icon-caret{width:10px;height:10px;transition:transform .2s ease}.offkey-header details[open] summary .icon-caret{transform:rotate(180deg)}body.template-index .offkey-header:has(details[open]){background-color:#fff;color:#111;box-shadow:0 1px #0000000f}body.template-index .offkey-header:has(details[open]) .header__menu-item,body.template-index .offkey-header:has(details[open]) .header__icons a,body.template-index .offkey-header:has(details[open]) .header__icons button{color:#111;opacity:.65}body.template-index .offkey-header:has(details[open]) .header__heading-logo--light{opacity:0}body.template-index .offkey-header:has(details[open]) .header__heading-logo--dark{opacity:1}.offkey-header details-modal.header__search,.offkey-header .header__search,.offkey-header .header__icon--search,.offkey-header a[href*="/search"],.offkey-header summary.header__icon--search{display:none!important}.offkey-mobile-drawer__title{display:none}.offkey-mobile-drawer__head{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/3/assets/offkey-header.css.map */