.scrollbar{--scrollbar-color-thumb:var(--bg-a4);--scrollbar-color-track:transparent;--scrollbar-width:10px;display:flex;overflow:hidden;position:relative}.bg-secondary .scrollbar{--scrollbar-color-thumb:var(--bg-a2)}.scrollbar__inner{overflow-y:auto;scroll-padding-block:var(--scroll-padding-block,0);scroll-padding-inline:var(--scroll-padding-inline,0);width:100%;-webkit-overflow-scrolling:touch}@media(min-width:30rem){.scrollbar--lg{--scrollbar-width:12px}}.scrollbar--lg .scrollbar__inner{scrollbar-gutter:stable}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-color-thumb);border:3px solid transparent;border-radius:10px;-webkit-border-radius:10px;min-height:30px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--scrollbar-color-thumb) 90%,var(--bg-contrast))}::-webkit-scrollbar-thumb:active{background-color:color-mix(in oklab,var(--scrollbar-color-thumb) 80%,var(--bg-contrast))}::-webkit-scrollbar-track{background-color:var(--scrollbar-color-track)}::-webkit-scrollbar{height:var(--scrollbar-width);width:var(--scrollbar-width)}::-webkit-scrollbar-corner{background-color:transparent}:is(.safari,.firefox) .scrollbar__inner{scrollbar-color:var(--scrollbar-color-thumb) var(--scrollbar-color-track);scrollbar-width:thin}:is(.safari,.firefox) .scrollbar--lg .scrollbar__inner{scrollbar-width:auto}.scrollbar--hidden,.scrollbar--hidden .scrollbar__inner{scrollbar-width:none}:is(.scrollbar--hidden,.scrollbar--hidden .scrollbar__inner)::-webkit-scrollbar-thumb{display:none}:is(.scrollbar--hidden,.scrollbar--hidden .scrollbar__inner)::-webkit-scrollbar{display:none;width:0}.scrollbar--masked{--scrollbar-mask-size:1.25rem}.scrollbar--masked .scrollbar__inner{scroll-padding-block:var(--scrollbar-mask-size);scroll-padding-inline:var(--scrollbar-mask-size)}.scrollbar__mask{pointer-events:none;position:absolute;z-index:1}.scrollbar__mask--bottom,.scrollbar__mask--top{height:var(--scrollbar-mask-size);left:0;width:calc(100% - var(--scrollbar-mask-offset))}.scrollbar__mask--top{background:linear-gradient(to bottom,var(--bg) 0,transparent 100%);top:0}.scrollbar__mask--bottom{background:linear-gradient(to top,var(--bg) 0,transparent 100%);bottom:0}.scrollbar__mask--left,.scrollbar__mask--right{height:calc(100% - var(--scrollbar-mask-offset));top:0;width:var(--scrollbar-mask-size)}.scrollbar__mask--left{background:linear-gradient(to right,var(--bg) 0,transparent 100%);left:0}.scrollbar__mask--right{background:linear-gradient(to left,var(--bg) 0,transparent 100%);right:0}html[dir=rtl] .scrollbar__mask--bottom,html[dir=rtl] .scrollbar__mask--top{left:auto;right:0}html[dir=rtl] .scrollbar__mask--left,html[dir=rtl] .scrollbar__mask--right{bottom:0;top:auto}:where(.header){align-items:center;display:grid;grid-template-columns:1fr auto 1fr;padding:.5rem;position:relative}.header__flex{align-items:center;display:flex;gap:1px;white-space:nowrap}.header__flex--center{align-self:center;justify-content:center;min-width:0;position:relative}.header__flex--right{justify-content:flex-end}