#site-header[data-theme]{transition:background-color .35s var(--ease),color .25s,box-shadow .35s}#site-header[data-theme=light]{color:#1d1d1f;background:#fffffff0;box-shadow:0 1px #1d1d1f1f;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}#site-header[data-theme=dark]{color:#fff;background:transparent;box-shadow:none}#site-header[data-theme=dark].is-scrolled,body.menu-open #site-header[data-theme=dark]{background:#141616e0;box-shadow:0 1px #ffffff12}#site-header[data-theme=light] .brand,#site-header[data-theme=light] .header-cta .icon{filter:brightness(0)}#site-header[data-theme=dark] .brand,#site-header[data-theme=dark] .header-cta .icon{filter:brightness(0) invert(1)}#site-header[data-theme] #menu-toggle{color:inherit}#site-header[data-theme] #menu-toggle span{background:currentColor}#site-header[data-theme=light] .header-cta{color:inherit;border-color:#1d1d1f40;background:transparent}#site-header[data-theme=dark] .header-cta{color:inherit;border-color:#ffffff4d;background:transparent}body[data-header-current-theme] #mobile-menu{transition:opacity .3s,transform .45s var(--ease),visibility .3s,background-color .3s,color .25s}body[data-header-current-theme=light] #mobile-menu{color:#1d1d1f;background:#fffffffa;box-shadow:0 18px 30px #00000014}body[data-header-current-theme=light] #mobile-menu a{border-bottom-color:#1d1d1f1f}body[data-header-current-theme=dark] #mobile-menu{color:#fff;background:#141616fa;box-shadow:0 18px 30px #00000029}body[data-header-current-theme=dark] #mobile-menu a{border-bottom-color:#ffffff1a}@media(hover:hover)and (pointer:fine){#site-header[data-theme=light] .header-cta:hover{background:#1d1d1f0f}#site-header[data-theme=dark] .header-cta:hover{background:#ffffff1c}}@media(prefers-reduced-motion:reduce){#site-header[data-theme],body[data-header-current-theme] #mobile-menu{transition:none}}#site-header[data-header-style=floating],#site-header[data-header-style=floating].is-scrolled{--nav-ink:#fff;--nav-shadow:0 1px 10px #0006,0 1px 2px #0008;--nav-halo:#0005;--nav-hover:#ffffff18;--nav-icon-filter:brightness(0) invert(1) drop-shadow(0 1px 3px #0005);position:fixed;color:var(--nav-ink);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;pointer-events:none;transition:color .24s ease}#site-header[data-header-style=floating][data-theme=light]{--nav-ink:#191b1d;--nav-shadow:0 1px 10px #ffffffb3,0 1px 2px #ffffffbf;--nav-halo:#ffffff9e;--nav-hover:#15191c0e;--nav-icon-filter:brightness(0) drop-shadow(0 1px 3px #ffffff9e)}body:not(.menu-open) #site-header[data-header-style=floating] [data-nav-theme=dark]{--nav-ink:#fff;--nav-shadow:0 1px 10px #0006,0 1px 2px #0008;--nav-halo:#0005;--nav-hover:#ffffff18;--nav-icon-filter:brightness(0) invert(1) drop-shadow(0 1px 3px #0005)}body:not(.menu-open) #site-header[data-header-style=floating] [data-nav-theme=light]{--nav-ink:#191b1d;--nav-shadow:0 1px 10px #ffffffb3,0 1px 2px #ffffffbf;--nav-halo:#ffffff9e;--nav-hover:#15191c0e;--nav-icon-filter:brightness(0) drop-shadow(0 1px 3px #ffffff9e)}#site-header[data-header-style=floating] #scroll-progress{display:none}#site-header[data-header-style=floating] .desktop-nav{pointer-events:none}#site-header[data-header-style=floating] a,#site-header[data-header-style=floating] button{pointer-events:auto}#site-header[data-header-style=floating] .desktop-nav a,#site-header[data-header-style=floating] .header-cta{position:relative;isolation:isolate;opacity:1;color:var(--nav-ink);text-shadow:var(--nav-shadow);transition:color .24s ease,text-shadow .24s ease}#site-header[data-header-style=floating] .header-cta{background:transparent;border-color:transparent}#site-header[data-header-style=floating] .desktop-nav a:before,#site-header[data-header-style=floating] .header-cta:before{content:"";position:absolute;z-index:-1;top:5px;right:-10px;bottom:5px;left:-10px;border-radius:999px;background:var(--nav-hover);opacity:0;transform:scale(.96);transition:opacity .22s ease,transform .3s var(--ease);pointer-events:none}#site-header[data-header-style=floating] .header-cta:before{top:0;right:0;bottom:0;left:0}#site-header[data-header-style=floating] .brand,#site-header[data-header-style=floating] .header-cta .icon{filter:var(--nav-icon-filter);transition:filter .24s ease}#site-header[data-header-style=floating] #menu-toggle{color:var(--nav-ink);filter:drop-shadow(0 1px 3px var(--nav-halo))}#site-header[data-header-style=floating] a:focus-visible:before{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){#site-header[data-header-style=floating] .desktop-nav a:hover:before,#site-header[data-header-style=floating] .header-cta:hover:before{opacity:1;transform:none}#site-header[data-header-style=floating] .header-cta:hover{background:transparent}}body.menu-open #site-header[data-header-style=floating]{background:#141616fa;pointer-events:auto}body.menu-open #site-header[data-header-style=floating][data-theme=light]{background:#fffffffa}#site-header .nav-label,#site-header [data-nav-word]{display:inline-block;white-space:nowrap}#site-header[data-header-style=floating][data-header-blend=words]{mix-blend-mode:normal}#site-header[data-header-style=floating][data-header-blend=words] a,#site-header[data-header-style=floating][data-header-blend=words] [data-nav-word]{text-shadow:none}#site-header[data-header-style=floating][data-header-blend=words] [data-nav-word]{transition:color .14s ease}#site-header[data-header-style=floating][data-header-blend=words] a:before{display:none}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] [data-word-theme=light]{color:#16191b}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] [data-word-theme=dark]{color:#fff}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] .logo-link[data-word-theme=light] .brand,body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] .header-cta .icon[data-word-theme=light]{filter:brightness(0)}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] .logo-link[data-word-theme=dark] .brand,body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] .header-cta .icon[data-word-theme=dark]{filter:brightness(0) invert(1)}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] #menu-toggle{filter:none}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] #menu-toggle[data-word-theme=light]{color:#16191b}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] #menu-toggle[data-word-theme=dark]{color:#fff}@media(hover:hover)and (pointer:fine){#site-header[data-header-style=floating][data-header-blend=words] a:hover [data-nav-word]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}}@media(forced-colors:active){body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] a,body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] [data-word-theme],body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] #menu-toggle[data-word-theme]{color:CanvasText;background:Canvas;text-shadow:none;filter:none;outline-color:CanvasText}body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] .logo-link[data-word-theme] .brand,body:not(.menu-open) #site-header[data-header-style=floating][data-header-blend=words] .header-cta .icon[data-word-theme]{filter:none;background:#222;forced-color-adjust:none}}@media(prefers-reduced-motion:reduce){#site-header[data-header-style=floating],#site-header[data-header-style=floating] *,#site-header[data-header-style=floating] *:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sutyo-cue-header-theme.css.map */