.tier-scroll{margin-top:1rem;position:relative}.tier-scroll-frame{position:relative}.tier-scroll-region{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--pop-content)var(--pop-line-subtle);outline:none;scroll-padding-left:8.5rem;overflow-x:auto}.tier-scroll-region:focus-visible{outline:3px solid var(--pop-focus);outline-offset:-3px;box-shadow:none}.tier-scroll-region::-webkit-scrollbar{height:10px}.tier-scroll-region::-webkit-scrollbar-track{background:var(--pop-line-subtle);border-radius:var(--pop-radius-pill)}.tier-scroll-region::-webkit-scrollbar-thumb{background:var(--pop-content);border-radius:var(--pop-radius-pill)}.tier-scroll table :-webkit-any(th,td){scroll-snap-align:start}.tier-scroll table :-moz-any(th,td){scroll-snap-align:start}.tier-scroll table :is(th,td){scroll-snap-align:start}.tier-scroll table :is(thead th:first-child,tbody th){scroll-snap-align:none;z-index:3}.tier-scroll-fade{z-index:2;pointer-events:none;opacity:1;width:48px;position:absolute;top:0;bottom:12px}.tier-scroll-fade--left{background:linear-gradient(to right,var(--tier-fade,var(--pop-surface-page)),transparent);left:0}.tier-scroll-fade--right{background:linear-gradient(to left,var(--tier-fade,var(--pop-surface-page)),transparent);right:0}.tier-scroll[data-overflow=false] .tier-scroll-fade,.tier-scroll[data-start=true] .tier-scroll-fade--left,.tier-scroll[data-end=true] .tier-scroll-fade--right{opacity:0}.tier-scroll-arrow{z-index:4;border-radius:var(--pop-radius-pill);background:var(--pop-surface-inverse);width:2.75rem;height:2.75rem;color:var(--pop-content-inverse);cursor:pointer;border:0;place-items:center;margin-top:-.5rem;display:none;position:absolute;top:50%;transform:translateY(-50%)}.tier-scroll-arrow--prev{left:.35rem}.tier-scroll-arrow--next{right:.35rem}.tier-scroll-arrow:focus-visible{box-shadow:var(--pop-ring);outline:none}.tier-scroll-hint{color:var(--pop-content-secondary);font:700 var(--pop-text-label)/var(--pop-leading-label)var(--pop-font-body);justify-content:flex-end;margin:.55rem 0 0;display:flex}.tier-scroll-hint-wide,.tier-scroll[data-overflow=false] .tier-scroll-hint,.tier-scroll[data-end=true] .tier-scroll-hint{display:none}@media (min-width:768px){.tier-scroll[data-overflow=true] .tier-scroll-arrow{display:grid}.tier-scroll[data-start=true] .tier-scroll-arrow--prev,.tier-scroll[data-end=true] .tier-scroll-arrow--next,.tier-scroll-hint-narrow{display:none}.tier-scroll-hint-wide{display:inline}}@media (prefers-reduced-motion:reduce){.tier-scroll-fade{transition:none}}