.scroll-row{--scroll-fade:48px;align-items:center;min-width:0;display:flex;position:relative}.scroll-row>ul{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.scroll-row>ul::-webkit-scrollbar{display:none}.scroll-row[data-start=true]>ul{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--scroll-fade));-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--scroll-fade));mask-image:linear-gradient(90deg, transparent, #000 var(--scroll-fade))}.scroll-row[data-end=true]>ul{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - var(--scroll-fade)), transparent);-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - var(--scroll-fade)), transparent);mask-image:linear-gradient(90deg, #000 calc(100% - var(--scroll-fade)), transparent)}.scroll-row[data-start=true][data-end=true]>ul{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--scroll-fade), #000 calc(100% - var(--scroll-fade)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--scroll-fade), #000 calc(100% - var(--scroll-fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--scroll-fade), #000 calc(100% - var(--scroll-fade)), transparent)}.scroll-row-arrow{z-index:1;border:1px solid var(--scroll-arrow-line,var(--line));background:var(--scroll-arrow-bg,var(--paper));width:32px;height:32px;color:var(--scroll-arrow-ink,var(--accent));cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 16px #38291b33}.scroll-row-arrow[hidden]{display:none}.scroll-row-arrow--start{left:-4px}.scroll-row-arrow--end{right:-4px}.scroll-row-arrow .ui-icon{width:15px;height:15px}.scroll-row-arrow:focus-visible{outline:2px solid var(--focus);outline-offset:2px}