.rail.svelte-1bdhv73{position:relative}.rail-viewport.svelte-1bdhv73{scrollbar-width:none}.rail-viewport.svelte-1bdhv73::-webkit-scrollbar{display:none}.rail-arrow.svelte-1bdhv73,.rail-fade.svelte-1bdhv73{display:none}@media (hover:hover) and (pointer:fine){.rail-fade.svelte-1bdhv73{z-index:5;pointer-events:none;opacity:0;width:8.5rem;transition:opacity .2s;display:block;position:absolute;top:0;bottom:0}.rail-fade-left.svelte-1bdhv73{background:linear-gradient(90deg,#000000eb 0%,#000000b8 35%,#0000 100%);left:0}.rail-fade-right.svelte-1bdhv73{background:linear-gradient(270deg,#000000eb 0%,#000000b8 35%,#0000 100%);right:0}.rail-arrow.svelte-1bdhv73{z-index:10;cursor:pointer;color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0000008c;border:1px solid #ffffff2e;border-radius:9999px;place-items:center;width:2.75rem;height:2.75rem;transition:opacity .2s,background-color .16s,scale .16s;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 2px 12px #00000080}.rail-arrow-left.svelte-1bdhv73{left:.625rem}.rail-arrow-right.svelte-1bdhv73{right:.625rem}.rail.svelte-1bdhv73:hover .rail-arrow:where(.svelte-1bdhv73):not(.is-spent),.rail.svelte-1bdhv73:hover .rail-fade:where(.svelte-1bdhv73):not(.is-spent){opacity:1}.rail-arrow.svelte-1bdhv73:hover{background:#000000d9;scale:1.08}.rail-arrow.is-spent.svelte-1bdhv73,.rail-fade.is-spent.svelte-1bdhv73{opacity:0;pointer-events:none}.rail-arrow-flip.svelte-1bdhv73{display:block;rotate:180deg}}