.header{position:fixed;z-index:100;inset-inline:0;top:0;color:var(--ink)}.header__bar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-4);min-height:var(--header-h);padding-inline:var(--gutter);background-color:var(--paper);border-bottom:1px solid var(--sand);transition:background-color var(--dur-nav) var(--ease),color var(--dur-nav) var(--ease),border-color var(--dur-nav) var(--ease)}.header--transparent .header__bar{background-color:transparent;border-bottom-color:transparent;color:var(--paper)}.header--transparent.is-scrolled .header__bar,.header--transparent.is-open .header__bar{background-color:var(--paper);border-bottom-color:var(--sand);color:var(--ink)}.header__col{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.25rem);min-width:0}.header__col--center{justify-content:center}.header__col--end{justify-content:flex-end}.header__wordmark-wrap{margin:0;font-size:inherit;font-weight:inherit}.header__wordmark{display:block;font-family:var(--font-display);font-size:clamp(1.0625rem,1.5vw,1.375rem);line-height:1;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.header__nav-list{display:flex;align-items:center;gap:clamp(1.25rem,2.4vw,2.25rem)}.header__nav-link,.header__utility,.header__toggle{position:relative;padding-block:var(--sp-2);color:inherit;white-space:nowrap;transition:opacity var(--dur-fast) var(--ease)}.header__nav-link:after,.header__utility:after,.header__toggle:after{content:"";position:absolute;inset-inline:0;bottom:.25em;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-nav) var(--ease)}@media(hover:hover){.header__nav-link:hover:after,.header__utility:hover:after,.header__toggle:hover:after{transform:scaleX(1)}}.header__nav-link[aria-expanded=true]:after,.header__toggle[aria-expanded=true]:after,.header__nav-link[aria-current=page]:after{transform:scaleX(1)}.header__cart-count{font-variant-numeric:tabular-nums;margin-left:.35em}.header__panel,.header__search{position:absolute;inset-inline:0;top:var(--header-h);z-index:1;background-color:var(--paper);border-bottom:1px solid var(--sand);opacity:0;transition:opacity var(--dur-nav) var(--ease)}.header__panel.is-open,.header__search.is-open{opacity:1}.header__panel-inner,.header__search-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-12);padding:clamp(2rem,4vw,3.5rem) var(--gutter)}.header__panel-list{display:grid;gap:var(--sp-3)}.header__panel-link{display:inline-block;color:var(--ink);transition:color var(--dur-fast) var(--ease)}@media(hover:hover){.header__panel-link:hover{color:var(--cognac)}}.header__panel-note{flex-shrink:0}.header__search-form{position:relative;display:flex;align-items:baseline;gap:var(--sp-6);width:100%}.header__search-input{flex:1;min-width:0;padding-bottom:var(--sp-3);color:var(--ink);background:none;border-bottom:var(--rule)}.header__search-input::placeholder{color:var(--ink-45)}.header__search-submit{flex-shrink:0;color:var(--ink)}.predictive-search--header{position:absolute;top:100%;inset-inline:0;z-index:2;max-height:60vh;overflow-y:auto;background-color:var(--paper);padding-block:var(--sp-6)}.predictive-search--header:empty{display:none}.header__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto;background-color:var(--paper);padding:calc(var(--header-h) + var(--sp-8)) var(--gutter) var(--sp-16);opacity:0;transition:opacity var(--dur-nav) var(--ease)}.header__drawer.is-open{opacity:1}.header__drawer-inner{display:flex;flex-direction:column;gap:var(--sp-12);min-height:100%}.header__drawer-list{display:grid;gap:var(--sp-8)}.header__drawer-link{display:block;color:var(--ink)}.header__drawer-sublist{display:grid;gap:var(--sp-3);margin-top:var(--sp-4);padding-left:var(--sp-4);border-left:var(--rule)}.header__drawer-sublink{color:var(--ink-70)}.header__drawer-note{margin-top:auto}.header__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#1c1a182e;opacity:0;transition:opacity var(--dur-nav) var(--ease)}.header__scrim.is-open{opacity:1}@media(max-width:899px){.header__nav,.header__utility--account{display:none}}@media(min-width:900px){.header__toggle--menu,.header__drawer{display:none}}@media(max-width:749px){.header__bar .header__toggle--search{display:none}.header__panel-inner,.header__search-inner{flex-direction:column;align-items:flex-start;gap:var(--sp-6)}.header__search-form{flex-direction:column;align-items:flex-start;gap:var(--sp-4)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/midas-header.css.map */