.channel-slider-shell{position:relative}.channel-slider-shell .channel-grid{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:5px 2px 24px;scrollbar-width:none}.channel-slider-shell .channel-grid::-webkit-scrollbar{display:none}.channel-slider-shell .channel-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}.slider-arrow{position:absolute;z-index:5;top:42%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(15,18,25,.92);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:.2s}.slider-arrow:hover{background:var(--red);transform:translateY(-50%) scale(1.06)}.slider-arrow.prev{left:-21px}.slider-arrow.next{right:-21px}.slider-arrow:disabled{opacity:.25;cursor:default}@media(max-width:1000px){.channel-slider-shell .channel-card{flex-basis:calc((100% - 36px)/3)}}@media(max-width:720px){.channel-slider-shell .channel-card{flex-basis:calc((100% - 11px)/2)}.slider-arrow{width:36px;height:36px}.slider-arrow.prev{left:-10px}.slider-arrow.next{right:-10px}}@media(max-width:450px){.channel-slider-shell .channel-card{flex-basis:100%}}