.tbn-container{--container-max:1000px;width:100%;max-width:var(--container-max);margin-inline:auto}.tbn-container--narrow{--container-max:348px}.tbn-container--content{--container-max:720px}.tbn-container--wide{--container-max:1540px}.tbn-container--full{max-width:none}.tbn-container--gutter{padding-inline:calc(var(--spacing) * 6)}@media (min-width:64rem){.tbn-container--gutter{padding-inline:calc(var(--spacing) * 10)}}
@layer base{:root,[data-theme=light]{--tbn-scroll-thumb:var(--tbn-border-default);--tbn-scroll-thumb-hover:var(--tbn-border-strong);--tbn-scroll-bar-w:8px;--tbn-scroll-fade:40px}}.tbn-scroll-area{position:relative;overflow:hidden}.tbn-scroll-area__viewport{overscroll-behavior:contain;outline:none;width:100%;height:100%}.tbn-scroll-area__viewport--fade{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-start)), black calc(100% - min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-end,var(--tbn-scroll-fade)))), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-start)), black calc(100% - min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-end,var(--tbn-scroll-fade)))), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-start)), black calc(100% - min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-end,var(--tbn-scroll-fade)))), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-start)), black calc(100% - min(var(--tbn-scroll-fade), var(--scroll-area-overflow-y-end,var(--tbn-scroll-fade)))), transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tbn-scroll-area__scrollbar{width:var(--tbn-scroll-bar-w);opacity:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;margin:2px;transition:opacity .15s ease-out;display:flex}.tbn-scroll-area__scrollbar[data-scrolling]{transition-duration:0s}.tbn-scroll-area__scrollbar[data-hovering],.tbn-scroll-area__scrollbar[data-scrolling]{opacity:1;pointer-events:auto}.tbn-scroll-area__thumb{background-color:var(--tbn-scroll-thumb);min-height:104px;transition:background-color .1s ease-out}@media (hover:hover){.tbn-scroll-area__thumb:hover{background-color:var(--tbn-scroll-thumb-hover)}}.tbn-scroll-area__thumb{width:100%}