@media (width<64rem){.app-bar{background-color:var(--ui-color-surface);box-shadow:0 1px 0 var(--ui-color-border)}.app-bar-title{opacity:0}@supports (animation-timeline:scroll()){.app-bar{box-shadow:none;-webkit-backdrop-filter:saturate(1.8)blur(20px);backdrop-filter:saturate(1.8)blur(20px);background-color:#0000;animation:linear both app-bar-glass;animation-timeline:scroll(root);animation-range:0 56px}.app-bar-title{animation:linear both app-bar-title-in;animation-timeline:scroll(root);animation-range:52px 88px}.large-title{transform-origin:0 100%;animation:linear both large-title-out;animation-timeline:scroll(root);animation-range:0 84px}[dir=rtl] .large-title{transform-origin:100% 100%}@media (prefers-reduced-motion:reduce){.app-bar,.app-bar-title,.large-title{animation-duration:auto!important}.app-bar-title{animation-name:app-bar-title-fade}.large-title{animation-name:large-title-fade}}}[data-tab-instant] .stagger>*,[data-tab-instant] .animate-rise{animation:none}}@keyframes app-bar-glass{0%{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;box-shadow:0 1px #0000}to{background-color:color-mix(in oklab, var(--ui-color-surface) 86%, transparent);box-shadow:0 1px 0 var(--ui-color-border)}}@keyframes app-bar-title-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes app-bar-title-fade{0%{opacity:0}to{opacity:1}}@keyframes large-title-out{to{opacity:0;scale:.92}}@keyframes large-title-fade{to{opacity:0}}.tab-icon{transition:scale .26s cubic-bezier(.22,1.14,.36,1)}.tab-link:active .tab-icon{transition-duration:90ms;scale:.84}.tab-pill{animation:.36s cubic-bezier(.22,1.14,.36,1) both tab-pill-in}@keyframes tab-pill-in{0%{opacity:0;scale:.55 .8}60%{opacity:1;scale:1.06 1}to{scale:1}}