scroll-slider .scroll-items{--grid-gutter:1.5rem;--slider-items-per-row:3;--slider-carousel-item-width:calc(100%/var(--slider-items-per-row) - var(--grid-gutter)/var(--slider-items-per-row)*2);--slider-grid:auto/auto-flow calc(100%/var(--slider-items-per-row) - var(--grid-gutter)/var(--slider-items-per-row)*2);--container-outer-width:var(--page-width);align-items:flex-start;display:grid;gap:var(--grid-gutter);grid:var(--slider-grid);margin-inline-end:calc(var(--container-outer-width)*-1);margin-inline-start:calc(var(--container-outer-width)*-1);overflow:auto hidden;overscroll-behavior-x:contain;padding-inline-end:var(--container-outer-width);padding-inline-start:var(--container-outer-width);position:relative;scroll-padding-inline:var(--container-outer-width);scroll-snap-type:x mandatory;scrollbar-width:none}@media screen and (max-width:525px){scroll-slider .scroll-items{--slider-items-per-row:1}}scroll-slider .scroll-items__item{align-content:start;border-radius:var(--buttons-radius-outset,10px);display:grid;gap:1rem;height:100%;padding:2rem;scroll-snap-align:center;scroll-snap-stop:always}scroll-slider .scrollbar{align-items:center;color:#000;display:flex;gap:2.5rem;margin-top:3rem}scroll-slider .scrollbar__progress{background:rgba(0,0,0,.4);display:block;height:2px;overflow:hidden;position:relative;width:80%}scroll-slider .scrollbar__progress:before{background:#000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(var(--scroll-progress));transform-origin:left;transition:transform .2s linear;will-change:transform}scroll-slider .scrollbar__button{cursor:pointer;height:6rem;transform-origin:center;transition:.3s;width:6rem}scroll-slider .scrollbar__button:hover{transform:scale(1.05)}scroll-slider .scrollbar__button[disabled]{opacity:.5;pointer-events:none}