.scroll-rail{align-items:stretch;display:flex;position:relative}.scroll-rail__inner{scrollbar-width:none;flex:1 1 0;min-width:0;overflow:auto hidden}.scroll-rail__inner::-webkit-scrollbar{display:none}.scroll-rail__btn{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2rem;min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;padding:0 .1rem;font-size:1.45rem;font-weight:300;line-height:1;transition:opacity .15s,background-color .12s,color .12s;display:flex}.scroll-rail__btn:hover{background:var(--color-bg-elevated);color:var(--color-link-hover);border-color:var(--color-border-strong)}.scroll-rail__btn:active{background:var(--color-bg-inset)}.scroll-rail__btn:disabled{opacity:0;pointer-events:none;cursor:default}.scroll-rail__btn--left{margin-right:.35rem}.scroll-rail__btn--right{margin-left:.35rem}@media (width<=480px){.scroll-rail__btn{display:none}}.scroll-rail--fade-mode{display:block}.scroll-rail--fade-mode .scroll-rail__inner--fade{scroll-snap-type:x proximity}.scroll-rail--fade-right .scroll-rail__inner--fade{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 2.75rem),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 2.75rem),#0000 100%)}.scroll-rail--fade-left.scroll-rail--fade-right .scroll-rail__inner--fade{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.75rem calc(100% - 2.75rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2.75rem calc(100% - 2.75rem),#0000 100%)}@media print{.scroll-rail__btn{display:none!important}.scroll-rail__inner,.scroll-rail__inner--fade{overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}}