@supports (animation-timeline: scroll()){.scrollaffordance-source{scrollbar-width:none;-ms-overflow-style:none;}.scrollaffordance-source::-webkit-scrollbar{display:none;}.scrollaffordance{--thumb-scale:1;position:absolute;z-index:1;height:4px;border-radius:4px;background-color:rgba(127,127,127,.15);overflow:hidden;}.scrollaffordance[hidden]{display:none;}:root.gnl-ios .gnl-scroll-active + .scrollaffordance{display:none;}.scrollaffordance__thumb{position:absolute;top:0;left:0;height:100%;width:calc(var(--thumb-scale) * 100%);border-radius:4px;background-color:rgba(127,127,127,.25);transition:background-color .2s;animation-name:scrollaffordance-move;animation-timing-function:linear;animation-fill-mode:both;}:root:not(.gnl-ios) .gnl-scroll-active + .scrollaffordance .scrollaffordance__thumb{background-color:#3174AF;}@keyframes scrollaffordance-move{from{transform:translateX(0);}to{transform:translateX(calc((1 / var(--thumb-scale) - 1) * 100%));}}}