:root{--ssl-font-main: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ssl-white-rich: #fff;--ssl-white: #f3f3f5;--ssl-gray-050: #ededf0;--ssl-gray-100: #e1e1e6;--ssl-gray-150: #d2d2da;--ssl-gray-200: #c3c3ce;--ssl-gray-300: #a4a6b5;--ssl-gray-400: #86889d;--ssl-gray-500: #686a84;--ssl-gray-600: #585a70;--ssl-gray-650: #515266;--ssl-gray-700: #494a5c;--ssl-gray-750: #414253;--ssl-gray-800: #393a49;--ssl-gray-850: #31323f;--ssl-gray-900: #2a2a35;--ssl-gray-950: #22222b;--ssl-black: #15151a;--ssl-black-rich: #000;--ssl-rose-300: #fda4af;--ssl-rose-400: #fb7185;--ssl-box-shadow-1: 0 1px 1px rgba(54, 57, 90, .1), 0 2px 2px rgba(54, 57, 90, .1), 0 4px 4px rgba(54, 57, 90, .1), 0 6px 8px rgba(54, 57, 90, .1), 0 8px 16px rgba(54, 57, 90, .1);--ssl-box-shadow-2: 0 1px 1px rgba(54, 57, 90, .1), 0 2px 2px rgba(54, 57, 90, .1), 0 4px 4px rgba(54, 57, 90, .1), 0 8px 8px rgba(54, 57, 90, .1), 0 16px 16px rgba(54, 57, 90, .1);--ssl-box-shadow-3: 0 2px 1px rgba(54, 57, 90, .1), 0 4px 2px rgba(54, 57, 90, .1), 0 8px 4px rgba(54, 57, 90, .1), 0 12px 8px rgba(54, 57, 90, .1), 0 24px 16px rgba(54, 57, 90, .1);--ssl-box-shadow-4: 0 2px 1px rgba(54, 57, 90, .1), 0 4px 2px rgba(54, 57, 90, .1), 0 8px 4px rgba(54, 57, 90, .1), 0 16px 8px rgba(54, 57, 90, .1), 0 32px 16px rgba(54, 57, 90, .1)}.ssl-root{outline-offset:calc(var(--ssl-gap) / 2 * -1)}.ssl-root:focus-visible,.ssl-root *:focus-visible{outline:.125rem solid var(--ssl-gray-800)}.ssl-item[data-is-ghost=false][data-drag-state*=ptr] .ssl-item-content{opacity:.5}.ssl-item[data-is-ghost=false][data-drag-state*=ptr] .ssl-item-content>*{opacity:0}.ssl-item-content{display:flex;justify-content:space-between;align-items:center;gap:.75rem;max-width:18rem;padding:.5rem 1.75rem;background-color:var(--ssl-white);border:.0625rem solid var(--ssl-gray-200);line-height:1.25;text-transform:uppercase;box-shadow:none;opacity:1;transition:box-shadow calc(var(--ssl-transition-duration) / 3 * 2)}.ssl-item-content__text{margin:.625rem auto}.ssl-item[aria-disabled=true] .ssl-item-content{opacity:.5}.ssl-item[data-drag-state*=ptr-drag][data-is-ghost=true] .ssl-item-content,.ssl-item[data-drag-state*=kbd-drag] .ssl-item-content{box-shadow:var(--ssl-box-shadow-1)}.ssl-item-handle,.ssl-item-remove{flex-shrink:0;display:flex;padding:.5rem;color:var(--ssl-gray-400);border:none;border-radius:.25rem;transition:background-color calc(var(--ssl-transition-duration) / 3 * 2)}.ssl-item[data-is-ghost=false] .ssl-item-handle:hover,.ssl-item-remove:focus,.ssl-item-remove:hover,.ssl-item[data-is-ghost=true][data-drag-state=idle] .ssl-item-handle,.ssl-item[data-is-ghost=true][data-drag-state*=ptr-drag] .ssl-item-handle{background-color:var(--ssl-gray-100);color:var(--ssl-gray-600)}.ssl-item-handle{margin-inline-start:-1rem}.ssl-item-remove{margin-inline-end:-1rem}.ssl-ghost[data-can-remove-on-drop-out=true] .ssl-item-content{transition:background-color calc(var(--ssl-transition-duration) / 3 * 2),border-color calc(var(--ssl-transition-duration) / 3 * 2),box-shadow calc(var(--ssl-transition-duration) / 3 * 2),opacity var(--ssl-transition-duration)}.ssl-ghost[data-can-remove-on-drop-out=true] .ssl-item[data-drag-state=ptr-drop][data-is-between-bounds=false] .ssl-item-content{opacity:0}.ssl-ghost[data-can-remove-on-drop-out=true] .ssl-item[data-is-between-bounds=false] .ssl-item-content{background-color:var(--ssl-rose-300);border-color:var(--ssl-rose-400)}
