.dio-header-logo{--dio-header-logo-active-width: var(--dio-header-logo-top-width);position:relative;width:min(var(--dio-header-logo-active-width),50vw);height:var(--dio-header-logo-height);transition:none;vertical-align:middle}[data-dio-header-logo][data-scroll-state=scrolled] .dio-header-logo{--dio-header-logo-active-width: var(--dio-header-logo-scrolled-width)}.dio-header-logo__state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease}.dio-header-logo__state .header__heading-logo{width:100%;height:100%;display:block;object-fit:contain}.dio-header-logo__state .h2{line-height:1;white-space:nowrap}.dio-header-logo__state--scrolled,[data-dio-header-logo][data-scroll-state=scrolled] .dio-header-logo__state--top{opacity:0;visibility:hidden}[data-dio-header-logo][data-scroll-state=scrolled] .dio-header-logo__state--scrolled{opacity:1;visibility:visible}.dio-header-logo--instant .dio-header-logo__state{transition:none}dio-header-logo-state{display:none}@media(prefers-reduced-motion:reduce){.dio-header-logo__state{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/3dio-header-logo.css.map */