@supports (animation-timeline:scroll()){.transparent-topbar{--animation-range:var(--top-bar-height);box-shadow:none;animation:1ms linear forwards shadow;animation-timeline:scroll(root);animation-range-start:0;animation-range-end:var(--animation-range);background-color:transparent}.transparent-topbar:has(.topbartabs){--animation-range:calc(var(--top-bar-height) + var(--tabs-height))}.transparent-topbar:before{content:"";z-index:-1;background-color:var(--color-grey-dark);opacity:0;animation:1ms linear forwards fadeIn;animation-timeline:scroll(root);animation-range-start:0;animation-range-end:var(--animation-range);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:.97}}@keyframes shadow{25%{box-shadow:none}to{box-shadow:0 5px 20px rgba(0,0,0,.5)}}}