.RoonLogo_logo__hCdrX{display:flex;position:relative;width:78px}@media (min-width:768px){.RoonLogo_logo__hCdrX{width:28px}}@media (min-width:1440px){.RoonLogo_logo__hCdrX{width:115.55px}}.RoonLogo_mobile__mBxQR{display:flex}.RoonLogo_desktopXXL__DNkyH,.RoonLogo_tabletDesktop__5jEZh{display:none}@media (min-width:768px){.RoonLogo_desktopXXL__DNkyH,.RoonLogo_mobile__mBxQR{display:none}.RoonLogo_tabletDesktop__5jEZh{display:flex}}@media (min-width:1440px){.RoonLogo_tabletDesktop__5jEZh{display:none}.RoonLogo_desktopXXL__DNkyH{display:flex}}.StickyHeader_header__rExNs{display:flex;position:sticky;top:-.1px;flex-direction:column;z-index:var(--layering__layer-nav);backdrop-filter:blur(8px);background:var(--gradient__roon);padding:0;content:""}.StickyHeader_header__rExNs.StickyHeader_stuck__v4JwL{box-shadow:0 1px 2px rgba(0,0,0,5%),0 0 1px rgba(0,0,0,10%),0 1px 3px rgba(0,0,0,5%)}[data-rui-theme=roon-bedow] .StickyHeader_header__rExNs{backdrop-filter:none;background:color-mix(in srgb,var(--color__background-high) 90%,transparent)}[data-rui-theme=roon-bedow] .StickyHeader_header__rExNs.StickyHeader_stuck__v4JwL{box-shadow:none}.StickyHeader_row__Wh6ix{display:grid;grid-template-columns:1fr minmax(0,884px) minmax(110px,1fr);justify-content:space-between;align-items:center;grid-gap:var(--spacing__fixed-16);gap:var(--spacing__fixed-16);min-height:64px}.StickyHeader_header__rExNs.StickyHeader_wide__SYyVL .StickyHeader_row__Wh6ix{grid-template-columns:1fr minmax(0,100%) minmax(110px,1fr)}.StickyHeader_header__rExNs.StickyHeader_hideLogo__UQ4YD .StickyHeader_row__Wh6ix{grid-template-columns:1fr minmax(0,884px) 1fr}.StickyHeader_header__rExNs.StickyHeader_hideLogo__UQ4YD.StickyHeader_wide__SYyVL .StickyHeader_row__Wh6ix{grid-template-columns:1fr minmax(0,100%) 1fr}@media (min-width:768px){.StickyHeader_header__rExNs{grid-row:1;grid-column:1/-1}.StickyHeader_row__Wh6ix{display:grid;grid-template-columns:1fr minmax(0,884px) 1fr;grid-gap:0;gap:0;height:var(--sticky-header__desktop-height)}.StickyHeader_header__rExNs.StickyHeader_wide__SYyVL .StickyHeader_row__Wh6ix{grid-template-columns:1fr minmax(0,100%) 1fr}.StickyHeader_logo__7oc6y{display:flex;justify-content:center;min-width:68px}}@media (min-width:1440px){.StickyHeader_logo__7oc6y{padding-left:24px}}@media (min-width:768px){[data-rui-theme=roon-bedow] .StickyHeader_logo__7oc6y{min-width:48px}}@media (min-width:1440px){[data-rui-theme=roon-bedow] .StickyHeader_logo__7oc6y{padding-left:var(--spacing__fixed-16)}}