.drag-scroll-container{position:relative}.drag-scroll-arrow{z-index:3;width:80px;height:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.drag-scroll-arrow svg{width:32px;height:32px}.drag-scroll-arrow:hover{color:var(--primary)}.drag-scroll-arrow:focus-visible{outline:2px solid red}@media (max-width:768px){.drag-scroll-arrow{display:none}}.drag-scroll-arrow-left{background:linear-gradient(90deg, var(--drag-scroll-background,var(--background)) 20%, transparent 100%);padding-right:24px;left:0}.drag-scroll-arrow-right{background:linear-gradient(90deg, transparent 0%, var(--drag-scroll-background,var(--background)) 80%);padding-left:24px;right:0}.drag-scroll-track{scrollbar-width:none;cursor:grab;gap:16px;padding:0 24px;display:flex;overflow-x:auto}.drag-scroll-track.is-dragging{cursor:grabbing}.drag-scroll-track.is-dragging *{pointer-events:none}.drag-scroll-track::-webkit-scrollbar{display:none}@media (max-width:768px){.drag-scroll-track{gap:8px;padding:0 16px}}