.draggable-hidden.svelte-302s2s{height:0;visibility:hidden}div.svelte-302s2s{-webkit-user-select:none;user-select:none}.draggable-container.svelte-302s2s{position:fixed;z-index:100;border-radius:14px;overflow-y:hidden;padding:2px;transition:background-color .3s ease}.draggable-container.svelte-302s2s:hover{background-color:color-mix(in srgb,var(--mg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0006}.drag-handle.svelte-302s2s{height:20px;cursor:move;border-radius:30px;display:flex;align-items:center;justify-content:center}.draggable-container.svelte-302s2s:hover .drag-handle:where(.svelte-302s2s) :where(.svelte-302s2s){width:30px;height:8px;border-radius:20px;background-color:color-mix(in srgb,var(--fg) 20%,transparent);transition:width .1s cubic-bezier(.075,.82,.165,1)}.draggable-container.svelte-302s2s .drag-handle:where(.svelte-302s2s):hover :where(.svelte-302s2s){width:80px}.draggable-container.svelte-302s2s .drag-handle:where(.svelte-302s2s):active :where(.svelte-302s2s){width:10px}.drag-handle.svelte-302s2s:hover :where(.svelte-302s2s){animation:3s svelte-302s2s-nudge cubic-bezier(.075,.82,.165,1) infinite}.drag-handle.svelte-302s2s:active :where(.svelte-302s2s){animation:none}@keyframes svelte-302s2s-nudge{0%{transform:scaleX(1)}80%{transform:scaleX(1)}85%{transform:scaleX(.6)}90%{transform:scaleX(1)}95%{transform:scaleX(.6)}to{transform:scaleX(1)}}@media (pointer: coarse){.drag-handle.svelte-302s2s{height:30px}.draggable-container.svelte-302s2s:hover .drag-handle:where(.svelte-302s2s) :where(.svelte-302s2s){height:12px}}