.tags-editor.svelte-1m6dv5e{position:relative;width:min(600px,100%)}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e){width:100%;border-radius:.375rem;padding-block:.375rem;padding-inline:.375rem;display:flex;gap:.25rem;flex-wrap:wrap;min-height:40px;align-items:center;background-color:var(--bg, var(--input-base));--border-color: var(--border);border:1px solid var(--border-color);transition:box-shadow .2s}.tags-editor.svelte-1m6dv5e .tags-container.error:where(.svelte-1m6dv5e){outline:1px solid var(--red);border:1px solid transparent}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e):hover{--border-color: var(--border-mid)}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e):focus-within{border-color:var(--border-mid);box-shadow:var(--box-shadow-ring)}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) .tag:where(.svelte-1m6dv5e){display:flex;align-items:center;padding-inline:.25rem;gap:.25rem;border-radius:.25rem;--bg: color-mix(in srgb, var(--primary) 24%, var(--bg-100));background-color:var(--bg);padding-block:2px;margin-left:0;font-size:.8125rem}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) .tag:where(.svelte-1m6dv5e) button.icon:where(.svelte-1m6dv5e){padding:2px;background-color:transparent}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) .tag:where(.svelte-1m6dv5e) button.icon:where(.svelte-1m6dv5e):hover{background-color:color-mix(in srgb,var(--accent),70% transparent)}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) input:where(.svelte-1m6dv5e){background-color:transparent;padding:0;padding-block:2px;border:0;border-radius:0rem;flex-shrink:1;flex-grow:1;min-width:120px;width:1px;font-size:.875rem}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) input:where(.svelte-1m6dv5e):hover,.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) input:where(.svelte-1m6dv5e):focus-visible{border:0;outline:0}.tags-editor.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) input.errorExistTag:where(.svelte-1m6dv5e){color:var(--red)}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e){z-index:1;position:absolute;top:calc(100% + .5rem);left:0;border-radius:.375rem;border:1px solid var(--mono-100);width:100%;background-color:var(--bg-100);padding-inline:.5rem;padding-block:.5rem;height:auto;box-shadow:0 4px 12px color-mix(in srgb,#000 12%,transparent);border:1px solid var(--border-base)}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e){max-height:250px;height:-moz-fit-content;height:fit-content;margin:0;padding:0;padding-right:.25rem;display:flex;flex-direction:column;overflow-y:auto}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e){list-style-type:none}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button:where(.svelte-1m6dv5e){padding-block:.5rem;padding-inline:.5rem;width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button.preselected:where(.svelte-1m6dv5e){background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button:where(.svelte-1m6dv5e):focus-visible{outline:0!important;background-color:color-mix(in srgb,var(--primary) 12%,transparent)}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button:where(.svelte-1m6dv5e) .name:where(.svelte-1m6dv5e){display:flex;justify-content:space-between;text-align:left;font-size:.875rem;width:100%}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button:where(.svelte-1m6dv5e) .name:where(.svelte-1m6dv5e) span:where(.svelte-1m6dv5e){width:-moz-fit-content;width:fit-content;max-width:80%}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button:where(.svelte-1m6dv5e) .name:where(.svelte-1m6dv5e) .checked:where(.svelte-1m6dv5e){color:var(--accent)}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) li:where(.svelte-1m6dv5e) button:where(.svelte-1m6dv5e) .description:where(.svelte-1m6dv5e){text-align:left;margin-right:auto;color:var(--mono);font-size:.8125rem}.tags-editor.svelte-1m6dv5e .dropdown-container:where(.svelte-1m6dv5e) ul:where(.svelte-1m6dv5e) .not-found:where(.svelte-1m6dv5e){padding-inline:.5rem;padding-block:.5rem;font-size:.875rem;color:var(--mono)}.tags-editor.is-fieldset.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e){border:0;padding:0;min-height:0;background-color:transparent;margin-bottom:.25rem}.tags-editor.is-fieldset.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e):focus-within{box-shadow:unset}.tags-editor.is-fieldset.svelte-1m6dv5e .tags-container:where(.svelte-1m6dv5e) input:where(.svelte-1m6dv5e){min-height:1.5rem;padding:0;border:0;padding-inline:.25rem;padding-block:0;line-height:1.25rem}p.svelte-1m6dv5e{margin:0;margin-top:.25rem;color:var(--text-light)}