@scope(.matches-slider){:scope{position:relative;overflow:clip}.matches-slider-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:2.75rem}.matches-slider-track::-webkit-scrollbar{display:none}.matches-slider-track>*{scroll-snap-align:start}.matches-slider-arrow{z-index:2;width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:var(--circle-radius);place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.matches-slider-arrow:hover{color:var(--foreground);background:var(--accent);border-color:var(--border)}.matches-slider-arrow:active{background:var(--secondary)}.matches-slider-arrow:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.matches-slider-arrow:disabled{display:none}.matches-slider-arrow:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(to var(--_dir), var(--background) 30%, color-mix(in oklab, var(--background) 60%, transparent) 60%, transparent 100%);width:5rem;height:200vh;position:absolute;top:50%;transform:translateY(-50%)}.matches-slider-arrow-left{--_dir:right;left:.5rem}.matches-slider-arrow-left:before{right:-1rem}.matches-slider-arrow-right{--_dir:left;right:.5rem}.matches-slider-arrow-right:before{left:-1rem}@media (max-width:768px){.matches-slider-arrow{display:none}}}