.header-wrap{position:sticky;top:0;z-index:40}.header__logo.nm-transform-logo{position:relative;display:inline-grid;place-items:center;isolation:isolate;min-width:42px;min-height:48px;text-decoration:none}.nm-logo-full{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:10px;max-width:250px;opacity:1;visibility:visible;transform:translateZ(0);transition:max-width .65s cubic-bezier(.2,.75,.2,1),opacity .35s ease,transform .6s cubic-bezier(.2,.75,.2,1),visibility .65s;overflow:hidden;white-space:nowrap}.nm-logo-full .emblem{width:34px;flex:0 0 34px}.nm-logo-full .wordmark{width:132px;flex:0 0 132px}.nm-logo-full img{max-width:220px}.nm-logo-moth{grid-area:1/1;display:grid;place-items:center;width:44px;height:44px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.66) rotate(-12deg);transition:opacity .45s ease,transform .7s cubic-bezier(.17,1.15,.32,1),visibility .45s;pointer-events:none}.nm-logo-moth .emblem{width:39px;height:auto;max-height:39px;transform-origin:50% 52%}html.nm-header-compact .nm-logo-full{max-width:0;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.87);pointer-events:none}html.nm-header-compact .nm-logo-moth{opacity:1;visibility:visible;transform:translateY(0) scale(1) rotate(0)}html.nm-header-compact .header__logo.nm-transform-logo{gap:0}html.nm-moth-flutter .nm-logo-moth .emblem{animation:nm-wingbeat .84s ease-in-out 2}@keyframes nm-wingbeat{0%,to{transform:rotate(0) scaleX(1)}20%{transform:rotate(-7deg) scaleX(.84)}42%{transform:rotate(6deg) scaleX(1.06)}64%{transform:rotate(-4deg) scaleX(.9)}82%{transform:rotate(3deg) scaleX(1.03)}}@media(min-width:990px){.nm-logo-full .emblem{width:40px;flex-basis:40px}.nm-logo-full .wordmark{width:170px;flex-basis:170px}.nm-logo-full{max-width:270px}.nm-logo-moth{width:48px;height:48px}.nm-logo-moth .emblem{width:44px;max-height:44px}}@media(max-width:749px){.nm-logo-full{max-width:205px}.nm-logo-full img{max-width:168px}.nm-logo-moth{width:42px;height:42px}.nm-logo-moth .emblem{width:36px}}@media(prefers-reduced-motion:reduce){.nm-logo-full,.nm-logo-moth{transition:none!important}.nm-logo-moth .emblem{animation:none!important}}html,body{overflow-x:clip}.shopify-section.header-section,[id^=shopify-section-].header-section{position:-webkit-sticky;position:sticky;top:0;z-index:55;isolation:isolate}.shopify-section.header-section .header-wrap,[id^=shopify-section-].header-section .header-wrap{position:relative;top:auto}@supports not (overflow:clip){html,body{overflow-x:visible}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/noctimoth-moth-header.css.map */