@property --rail-fs{syntax:"<length>";inherits:false;initial-value:0}@property --rail-fe{syntax:"<length>";inherits:false;initial-value:0}@property --rail-edge{syntax:"<number>";inherits:false;initial-value:0}@layer components{.scroller-frame{--rail-dir:to right;timeline-scope:--rail;min-width:0;position:relative}.scroller-frame:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--rail-dir:to left}.scroller-frame.has-ind{padding-bottom:14px}.scroller{overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:var(--rail-fade);scroll-timeline:--rail inline;overflow:auto hidden}.scroller::-webkit-scrollbar{display:none}.scroller[role=region]:focus-visible{outline-offset:-2px}.scroller-frame[data-ovf]>.scroller{-webkit-mask-image:linear-gradient(var(--rail-dir), transparent 0, #000 var(--rail-fs), #000 calc(100% - var(--rail-fe)), transparent 100%);-webkit-mask-image:linear-gradient(var(--rail-dir), transparent 0, #000 var(--rail-fs), #000 calc(100% - var(--rail-fe)), transparent 100%);mask-image:linear-gradient(var(--rail-dir), transparent 0, #000 var(--rail-fs), #000 calc(100% - var(--rail-fe)), transparent 100%)}@supports (animation-timeline:scroll()){.scroller{animation:linear both lp-rail-fs,linear both lp-rail-fe;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--rail-fade), calc(100% - var(--rail-fade)) 100%}}@supports not (animation-timeline:scroll()){.scroller{transition:--rail-fs var(--d-2) var(--ease-out), --rail-fe var(--d-2) var(--ease-out)}.scroller-frame[data-ovf]:not([data-start])>.scroller{--rail-fs:var(--rail-fade)}.scroller-frame[data-ovf]:not([data-end])>.scroller{--rail-fe:var(--rail-fade)}}.scroller-ind{border-radius:var(--r-full);background:color-mix(in srgb, var(--t1) 16%, transparent);opacity:0;width:44px;height:4px;transition:opacity var(--d-2) var(--ease-out);pointer-events:none;margin-left:-22px;position:absolute;bottom:2px;left:50%;overflow:hidden}.scroller-frame[data-ovf]>.scroller-ind{opacity:1}.scroller-ind i{width:calc(var(--rail-vis,.5) * 100%);border-radius:inherit;background:var(--t1);height:100%;display:block}@supports (animation-timeline:scroll()){.scroller-ind i{animation:linear both lp-rail-thumb;animation-timeline:--rail}.scroller-frame:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .scroller-ind i{animation-name:lp-rail-thumb-rtl}}@supports not (animation-timeline:scroll()){.scroller-ind i{transition:translate var(--d-3) var(--ease-out)}.scroller-frame:not([data-start]) .scroller-ind i{translate:calc((1 / var(--rail-vis,.5) - 1) * 50%) 0}.scroller-frame[data-end] .scroller-ind i{translate:calc((1 / var(--rail-vis,.5) - 1) * 100%) 0}}.scroller-btn{display:none}@media (hover:hover) and (pointer:fine){.scroller-btn{z-index:1;border-radius:var(--r-full);background:var(--glass-hi);border:1px solid var(--glass-line);width:36px;height:36px;box-shadow:var(--e2);color:var(--t1);cursor:pointer;visibility:hidden;opacity:calc(var(--rail-on,0) * var(--rail-edge));scale:calc(.9 + .1 * var(--rail-on,0));transition:opacity var(--d-2) var(--ease-out), scale var(--d-2) var(--ease-out), background-color var(--d-1);place-items:center;margin-top:-18px;padding:0;display:grid;position:absolute;top:50%}.scroller-frame.has-ind>.scroller-btn{margin-top:-25px}.scroller-btn:before{content:"";position:absolute;inset:-4px}.scroller-btn.prev{inset-inline-start:6px}.scroller-btn.next{inset-inline-end:6px}.scroller-frame:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .scroller-btn .ic{scale:-1 1}.scroller-btn:hover{background:var(--s3)}.scroller-btn:active{scale:.94}.scroller-frame:hover{--rail-on:1}@supports (animation-timeline:scroll()){.scroller-btn.prev{animation:linear both lp-rail-prev;animation-timeline:--rail;animation-range:0 24px}.scroller-btn.next{animation:linear both lp-rail-next;animation-timeline:--rail;animation-range:calc(100% - 24px) 100%}}@supports not (animation-timeline:scroll()){.scroller-frame[data-ovf]:not([data-start])>.scroller-btn.prev,.scroller-frame[data-ovf]:not([data-end])>.scroller-btn.next{--rail-edge:1;visibility:visible}}}.scroller-frame[data-nudge]>.scroller>*{animation:lp-rail-nudge 1.1s var(--ease-out) 1}.scroller-frame[data-nudge]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.scroller>*{animation-name:lp-rail-nudge-rtl}@media (prefers-reduced-motion:reduce){.scroller-frame[data-nudge]>.scroller>*{animation:none}}}@keyframes lp-rail-fs{0%{--rail-fs:0px}to{--rail-fs:var(--rail-fade)}}@keyframes lp-rail-fe{0%{--rail-fe:var(--rail-fade)}to{--rail-fe:0px}}@keyframes lp-rail-thumb{to{translate:calc((1 / var(--rail-vis,.5) - 1) * 100%) 0}}@keyframes lp-rail-thumb-rtl{to{translate:calc((1 / var(--rail-vis,.5) - 1) * -100%) 0}}@keyframes lp-rail-prev{0%{--rail-edge:0;visibility:hidden}to{--rail-edge:1;visibility:visible}}@keyframes lp-rail-next{0%{--rail-edge:1;visibility:visible}to{--rail-edge:0;visibility:hidden}}@keyframes lp-rail-nudge{0%,to{translate:0}35%{translate:-36px}60%{translate:-30px}}@keyframes lp-rail-nudge-rtl{0%,to{translate:0}35%{translate:36px}60%{translate:30px}}