/* One interaction system for the studio and public header. */
[data-logo-hover]{--logo-accent:var(--hx-accent,#13bbdf);--logo-strength:5;position:relative;isolation:isolate;border-radius:8px}
[data-logo-color="logo"]{--logo-accent:var(--logo-palette-accent,#13bbdf)}
[data-logo-color="custom"]{--logo-accent:var(--logo-custom-accent,#13bbdf)}
[data-logo-hover] :is(img,svg.hx-logo-light,svg.hx-logo-dark){transition:transform var(--logo-duration,180ms) ease,filter var(--logo-duration,180ms) ease;transform-origin:center}
[data-logo-hover]:focus-visible{outline:2px solid var(--logo-accent);outline-offset:4px}
[data-logo-hover="lift"]:is(:hover,:focus-visible) :is(img,svg.hx-logo-light,svg.hx-logo-dark){transform:translateY(calc(var(--logo-strength)*-.4px))}
[data-logo-hover="zoom"]:is(:hover,:focus-visible) :is(img,svg.hx-logo-light,svg.hx-logo-dark){transform:scale(calc(1 + var(--logo-strength)*.008))}
[data-logo-hover="glow"]:is(:hover,:focus-visible) :is(img,svg.hx-logo-light,svg.hx-logo-dark){filter:drop-shadow(0 0 calc(var(--logo-strength)*1px) var(--logo-accent))}
[data-logo-hover="halo"]:is(:hover,:focus-visible){box-shadow:0 0 0 1px var(--logo-accent),0 0 calc(var(--logo-strength)*2px) color-mix(in srgb,var(--logo-accent) 35%,transparent)}
[data-logo-hover="underline"]::after{content:"";position:absolute;bottom:-3px;left:8%;right:8%;height:2px;background:var(--logo-accent);opacity:0;transform:scaleX(.4);transition:opacity var(--logo-duration,180ms),transform var(--logo-duration,180ms);pointer-events:none}
[data-logo-hover="underline"]:is(:hover,:focus-visible)::after{opacity:1;transform:scaleX(1)}
[data-logo-click="press"]:active :is(img,svg.hx-logo-light,svg.hx-logo-dark),[data-logo-click="accent"]:active :is(img,svg.hx-logo-light,svg.hx-logo-dark){transform:scale(calc(1 - var(--logo-strength)*.008))}
[data-logo-click="accent"]:active{background:color-mix(in srgb,var(--logo-accent) 15%,transparent);box-shadow:0 0 0 1px var(--logo-accent)}
html[data-variant] body.hx-site[data-page] .main-header .navbar-brand[data-logo-hover]{width:var(--logo-width,160px);flex-basis:var(--logo-width,160px)}
html[data-variant] body.hx-site[data-page] .main-header .navbar-brand[data-logo-hover] :is(img,svg.hx-logo-light,svg.hx-logo-dark){height:var(--logo-height,100%)}
.navbar-brand .hx-logo-dark{display:none!important}
html[data-theme="dark"] .navbar-brand .hx-logo-light{display:none!important}
html[data-theme="dark"] .navbar-brand .hx-logo-dark{display:block!important}
@media(max-width:767px){html[data-variant] body.hx-site[data-page] .main-header .navbar-brand[data-logo-hover]{width:var(--logo-mobile-width,160px);flex-basis:var(--logo-mobile-width,160px)}}
@media(prefers-reduced-motion:reduce){[data-logo-hover] :is(img,svg.hx-logo-light,svg.hx-logo-dark),[data-logo-hover]::after{transition:none!important;transform:none!important}[data-logo-hover]:is(:hover,:focus-visible,:active) :is(img,svg.hx-logo-light,svg.hx-logo-dark){transform:none!important}}