:root{--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 #36395a1a, 0 2px 2px #36395a1a, 0 4px 4px #36395a1a, 0 6px 8px #36395a1a, 0 8px 16px #36395a1a;--ssl-box-shadow-2:0 1px 1px #36395a1a, 0 2px 2px #36395a1a, 0 4px 4px #36395a1a, 0 8px 8px #36395a1a, 0 16px 16px #36395a1a;--ssl-box-shadow-3:0 2px 1px #36395a1a, 0 4px 2px #36395a1a, 0 8px 4px #36395a1a, 0 12px 8px #36395a1a, 0 24px 16px #36395a1a;--ssl-box-shadow-4:0 2px 1px #36395a1a, 0 4px 2px #36395a1a, 0 8px 4px #36395a1a, 0 16px 8px #36395a1a, 0 32px 16px #36395a1a}.ssl-root{outline-offset:calc(var(--ssl-gap) / 2 * -1 + .125rem);border-radius:.625rem}.ssl-root:focus-visible,.ssl-root :focus-visible{outline:.125rem solid var(--ssl-gray-800)}.ssl-item{outline-offset:.125rem;border-radius:.25rem}.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{background-color:var(--ssl-gray-050);max-width:18rem;color:var(--ssl-gray-800);text-shadow:0 .0625rem .0625rem #2d234229;text-transform:uppercase;box-shadow:inset 0 0 0 .0625rem var(--ssl-gray-300);opacity:1;transition:box-shadow calc(var(--ssl-transition-duration) / 3 * 2);border-radius:.25rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1.75rem;line-height:1.25;display:flex}.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:inset 0 0 0 .0625rem var(--ssl-gray-300), var(--ssl-box-shadow-1)}.ssl-item-handle,.ssl-item-remove{color:var(--ssl-gray-400);transition:background-color calc(var(--ssl-transition-duration) / 3 * 2);border:none;border-radius:.25rem;flex-shrink:0;padding:.5rem;display:flex}.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-150);color:var(--ssl-gray-700)}.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);box-shadow:inset 0 0 0 .0625rem var(--ssl-rose-400), var(--ssl-box-shadow-1)}