.swr{min-width:0;max-width:100%}.swr,.swr__row{--swipe-on:0}@media (max-width:900px){.swr,.swr__row{--swipe-on:1}.swr__row{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;min-width:0;max-width:100%;padding-block:4px;scrollbar-width:none;-ms-overflow-style:none}.swr__row::-webkit-scrollbar{display:none}.swr__row>*{scroll-snap-align:start;min-width:0}.swr__row:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:var(--r-md)}}.swr__dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.swr__dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--line);cursor:pointer;box-shadow:0 0 0 8px transparent;transition:background .26s,width .26s}.swr__dot[data-on=true]{width:22px;background:var(--blue)}.swr__dot:hover{background:var(--red)}.swr__dot:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.on-dark .swr__dot{background:rgb(255 255 255/.28)}.on-dark .swr__dot[data-on=true]{background:#fff}