@layer sur.components{.sur-ranking.svelte-eh75h7{gap:var(--sur-spacing-8);min-inline-size:0;color:var(--sur-text-primary);flex-direction:column;display:flex}.sur-ranking__head.svelte-eh75h7{gap:var(--sur-spacing-8);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.sur-ranking__head--pool.svelte-eh75h7{margin-block-start:var(--sur-spacing-8)}.sur-ranking__title.svelte-eh75h7{color:var(--sur-text-secondary);font-size:var(--sur-font-size-sm);font-weight:var(--sur-font-weight-semibold)}.sur-ranking__count.svelte-eh75h7{color:var(--sur-text-secondary);font-size:var(--sur-font-size-sm);font-variant-numeric:tabular-nums}.sur-ranking__list-box.svelte-eh75h7{position:relative}.sur-ranking__ranked.svelte-eh75h7,.sur-ranking__pool.svelte-eh75h7{gap:var(--sur-spacing-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sur-ranking__row.svelte-eh75h7,.sur-ranking__slot.svelte-eh75h7,.sur-ranking__option.svelte-eh75h7{align-items:center;gap:var(--sur-spacing-4);min-block-size:max(var(--sur-target-min), var(--sur-control-height-md));border-radius:var(--sur-radius-md);display:flex}.sur-ranking__row.svelte-eh75h7{padding-inline:var(--sur-spacing-4);background-color:var(--sur-bg-surface);border:var(--sur-border-width) solid var(--sur-border-default);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:var(--sur-transition-colors)}.sur-ranking__row.svelte-eh75h7[data-dragging]{opacity:var(--sur-opacity-muted)}.sur-ranking__row.svelte-eh75h7[data-grabbed]{border-color:var(--sur-color-primary);box-shadow:var(--sur-shadow-lg)}.sur-ranking__row.svelte-eh75h7:has(.sur-ranking__item:where(.svelte-eh75h7):focus-visible){box-shadow:var(--sur-focus-ring-shadow)}.sur-ranking[data-disabled].svelte-eh75h7 .sur-ranking__row:where(.svelte-eh75h7){cursor:default}.sur-ranking[data-invalid].svelte-eh75h7 .sur-ranking__slot:where(.svelte-eh75h7){border-color:var(--sur-color-danger)}.sur-ranking__item.svelte-eh75h7{align-items:center;gap:var(--sur-spacing-8);min-inline-size:0;min-block-size:var(--sur-target-min);padding-block:var(--sur-spacing-4);outline:none;flex:1;display:flex}.sur-ranking__num.svelte-eh75h7{inline-size:var(--sur-target-min);block-size:var(--sur-target-min);color:var(--sur-color-primary-contrast);font-size:var(--sur-font-size-sm);font-weight:var(--sur-font-weight-semibold);font-variant-numeric:tabular-nums;background-color:var(--sur-color-primary);border-radius:var(--sur-radius-full);flex:none;justify-content:center;align-items:center;display:inline-flex}.sur-ranking__icon.svelte-eh75h7{color:var(--sur-text-secondary);flex:none;display:inline-flex}.sur-ranking__text.svelte-eh75h7{text-align:start;flex-direction:column;flex:1;min-inline-size:0;display:flex}.sur-ranking__label.svelte-eh75h7{overflow-wrap:anywhere}.sur-ranking__desc.svelte-eh75h7{color:var(--sur-text-secondary);font-size:var(--sur-font-size-sm)}.sur-ranking__actions.svelte-eh75h7{align-items:center;gap:var(--sur-spacing-2);flex:none;display:inline-flex}.sur-ranking__grip.svelte-eh75h7{inline-size:var(--sur-target-min);block-size:max(var(--sur-target-min), var(--sur-control-height-sm));color:var(--sur-text-secondary);cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.sur-ranking__row.svelte-eh75h7 .sur-ranking__step{opacity:0}.sur-ranking__row.svelte-eh75h7:hover .sur-ranking__step,.sur-ranking__row.svelte-eh75h7:focus-within .sur-ranking__step{opacity:1}}.sur-ranking__slot.svelte-eh75h7{gap:var(--sur-spacing-8);padding-inline:var(--sur-spacing-4);color:var(--sur-text-secondary);border:var(--sur-border-width) dashed var(--sur-border-default)}.sur-ranking__slot.svelte-eh75h7 .sur-ranking__num:where(.svelte-eh75h7){color:var(--sur-text-secondary);border:var(--sur-border-width) dashed var(--sur-border-default);background-color:#0000}.sur-ranking__slot-text.svelte-eh75h7{font-size:var(--sur-font-size-sm)}.sur-ranking__note.svelte-eh75h7{color:var(--sur-text-secondary);font-size:var(--sur-font-size-sm);margin:0}.sur-ranking__pool.svelte-eh75h7{border-radius:var(--sur-radius-md);transition:var(--sur-transition-colors)}.sur-ranking__pool.svelte-eh75h7[data-drop]{background-color:var(--sur-color-primary-subtle);box-shadow:0 0 0 var(--sur-border-width-strong) var(--sur-color-primary)}.sur-ranking__pool-row[data-dragging].svelte-eh75h7{opacity:var(--sur-opacity-muted)}.sur-ranking__option.svelte-eh75h7{gap:var(--sur-spacing-8);inline-size:100%;padding-block:var(--sur-spacing-4);padding-inline:var(--sur-spacing-4) var(--sur-spacing-8);color:inherit;font:inherit;text-align:start;background-color:var(--sur-bg-surface);border:var(--sur-border-width) solid var(--sur-border-default);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:var(--sur-transition-colors)}.sur-ranking__option.svelte-eh75h7:hover:not(:disabled,[aria-disabled=true]){background-color:var(--sur-bg-hover);border-color:var(--sur-color-primary)}.sur-ranking__option.svelte-eh75h7:focus-visible{box-shadow:var(--sur-focus-ring-shadow);outline:none}.sur-ranking__option.svelte-eh75h7:disabled,.sur-ranking__option.svelte-eh75h7[aria-disabled=true]{color:var(--sur-text-secondary);cursor:not-allowed}.sur-ranking__plus.svelte-eh75h7{inline-size:var(--sur-target-min);block-size:var(--sur-target-min);color:var(--sur-color-primary);border:var(--sur-border-width) dashed var(--sur-color-primary);border-radius:var(--sur-radius-full);flex:none;justify-content:center;align-items:center;display:inline-flex}.sur-ranking__option.svelte-eh75h7:is(:where(.svelte-eh75h7):disabled,[aria-disabled=true]:where(.svelte-eh75h7)) .sur-ranking__plus:where(.svelte-eh75h7){color:var(--sur-text-secondary);border-color:var(--sur-border-default)}.sur-ranking__line.svelte-eh75h7{block-size:var(--sur-border-width-strong);background-color:var(--sur-color-primary);border-radius:var(--sur-radius-full);pointer-events:none;margin-block-start:calc(var(--sur-spacing-6) / -2 - var(--sur-border-width-strong) / 2);position:absolute;inset-block-start:0;inset-inline:0}.sur-ranking__ghost.svelte-eh75h7{left:0;z-index:var(--sur-z-overlay);align-items:center;gap:var(--sur-spacing-8);min-block-size:max(var(--sur-target-min), var(--sur-control-height-md));padding-inline:var(--sur-spacing-8);color:var(--sur-text-primary);pointer-events:none;background-color:var(--sur-bg-surface);border:var(--sur-border-width) solid var(--sur-color-primary);border-radius:var(--sur-radius-md);box-shadow:var(--sur-shadow-lg);will-change:transform;display:flex;position:fixed;inset-block-start:0}@media (prefers-reduced-motion:reduce){.sur-ranking__row.svelte-eh75h7,.sur-ranking__option.svelte-eh75h7,.sur-ranking__pool.svelte-eh75h7{transition:none}}@media (forced-colors:active){.sur-ranking__option.svelte-eh75h7:focus-visible{outline:var(--sur-focus-ring-width) solid Highlight}.sur-ranking__row.svelte-eh75h7:has(.sur-ranking__item:where(.svelte-eh75h7):focus-visible){outline:var(--sur-focus-ring-width) solid Highlight}.sur-ranking__row[data-grabbed].svelte-eh75h7{outline:var(--sur-border-width-strong) solid Highlight}.sur-ranking__num.svelte-eh75h7{forced-color-adjust:none;color:highlighttext;background-color:highlight}.sur-ranking__line.svelte-eh75h7{background-color:highlight}.sur-ranking__pool[data-drop].svelte-eh75h7{outline:var(--sur-border-width-strong) solid Highlight}}}
