:root {
--joust-glass-tint: rgba(51, 44, 43, 0.20);
--joust-glass-blur: 0.5rem;
--joust-glass-saturation: 2.5;
--joust-info-colour: #332c2b;
}

html body .logo {
background: transparent !important;
filter: none !important;
mix-blend-mode: normal !important;
}

html body:not(.info-open) .logo::before {
content: "" !important;
display: block !important;
background: var(--joust-glass-tint) !important;
backdrop-filter:
blur(var(--joust-glass-blur))
saturate(var(--joust-glass-saturation)) !important;
-webkit-backdrop-filter:
blur(var(--joust-glass-blur))
saturate(var(--joust-glass-saturation)) !important;
filter: none !important;
mix-blend-mode: normal !important;
opacity: 1 !important;
}

html body .logo::after {
content: none !important;
display: none !important;
}

html body.info-open .logo::before {
content: "" !important;
display: block !important;
background: var(--joust-info-colour) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
filter: none !important;
mix-blend-mode: normal !important;
opacity: 1 !important;
}

html body .logo.is-docked {
will-change: auto !important;
}