@layer theme,base;@layer components{.enum-item,.avatar-item{border:2px solid oklch(from var(--color-gray-600) l c h / .5);cursor:pointer;background-image:linear-gradient(to bottom right, oklch(from var(--color-gray-700) l c h / .2), oklch(from var(--color-gray-800) l c h / .2));transition:border-color var(--duration-slow) ease, ring var(--duration-slow) ease, box-shadow var(--duration-slow) ease, transform var(--duration-slow) ease, background-image var(--duration-slow) ease;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px lab(0% 0 0/.1)}:is(.enum-item,.avatar-item):hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .6);box-shadow:var(--shadow-md), 0 8px 10px -6px #0000001a;transform:scale(1.05)}@supports (color:lab(0% 0 0)){:is(.enum-item,.avatar-item):hover{box-shadow:var(--shadow-md), 0 8px 10px -6px lab(0% 0 0/.1)}}:is(.enum-item,.avatar-item).is-selected{border-color:oklch(from var(--color-brand-primary) l c h / .8);box-shadow:0 0 0 2px oklch(from var(--color-brand-primary) l c h / .3), 0 4px 6px -1px oklch(from var(--color-brand-primary) l c h / .3);background-image:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .1), oklch(from var(--color-brand-secondary) l c h / .1));transform:scale(1.05)}:is(.enum-item,.avatar-item).is-selected:after{content:"";background:oklch(from var(--color-brand-primary) l c h / .2);pointer-events:none;z-index:1;border-radius:.375rem;position:absolute;inset:0}.enum-item-skeleton{background-image:var(--gradient-skeleton);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border-radius:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.enum-item-skeleton-inner{background-image:linear-gradient(to bottom right, oklch(from var(--color-gray-600) l c h / .5), oklch(from var(--color-gray-700) l c h / .5));border-radius:.25rem}.enum-delete-btn{border:2px solid var(--color-gray-800);background-image:linear-gradient(to right, var(--color-danger-500), var(--color-danger-600));box-shadow:var(--shadow-sm);transition:background-image var(--duration-base) ease, transform var(--duration-base) ease;border-radius:9999px}.enum-delete-btn:hover{background-image:linear-gradient(to right, var(--color-danger-600), var(--color-danger-700));transform:scale(1.1)}.enum-label-reveal,.avatar-label,.avatar-dialog-item-label{color:var(--color-white);background-image:linear-gradient(#0000,#000000d9 80%);background-image:linear-gradient(#0000,lab(0% 0 0/.85) 80%);border-radius:0 0 .5rem .5rem}.enum-custom-text{border:2px dashed oklch(from var(--color-brand-primary) l c h / .6);cursor:pointer;background-image:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .2), oklch(from var(--color-brand-secondary) l c h / .2));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:border-color var(--duration-slow) ease, background-image var(--duration-slow) ease, ring var(--duration-slow) ease, box-shadow var(--duration-slow) ease, transform var(--duration-slow) ease;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px lab(0% 0 0/.1)}.enum-custom-text:hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .8);background-image:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .3), oklch(from var(--color-brand-secondary) l c h / .3));box-shadow:var(--shadow-md), 0 8px 10px -6px #0000001a;transform:scale(1.05)}@supports (color:lab(0% 0 0)){.enum-custom-text:hover{box-shadow:var(--shadow-md), 0 8px 10px -6px lab(0% 0 0/.1)}}.enum-custom-text.is-selected{border-color:oklch(from var(--color-brand-primary) l c h / .8);background-image:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .3), oklch(from var(--color-brand-secondary) l c h / .3));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));box-shadow:0 0 0 2px oklch(from var(--color-brand-primary) l c h / .3), 0 4px 6px -1px oklch(from var(--color-brand-primary) l c h / .3);transform:scale(1.05)}.enum-custom-text-overlay{color:var(--color-white);opacity:0;transition:opacity var(--duration-base) ease;background-image:linear-gradient(#0000,#000c);background-image:linear-gradient(#0000,lab(0% 0 0/.8));border-radius:0 0 .5rem .5rem}.enum-custom-text-overlay:hover{opacity:1}.enum-nsfw-overlay{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:#0006;background:lab(0% 0 0/.4);border-radius:.5rem}.enum-nsfw-badge{color:var(--color-white);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));box-shadow:var(--shadow-sm);background:#000000b3;background:lab(0% 0 0/.7);border-radius:.25rem;font-size:.75rem;font-weight:600}.enum-color-picker{border:2px solid var(--color-gray-800);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-base) ease;border-radius:9999px}.enum-color-picker:hover{transform:scale(1.1)}.enum-expand-btn,.avatar-add-btn{border:2px dashed oklch(from var(--color-gray-600) l c h / .5);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));color:var(--color-gray-400);transition:border-color var(--duration-slow) ease, background-image var(--duration-slow) ease, transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease, color var(--duration-slow) ease;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:0 4px 6px -1px lab(0% 0 0/.1)}:is(.enum-expand-btn,.avatar-add-btn):hover{border-color:oklch(from var(--color-brand-primary-400) l c h / .6);background-image:linear-gradient(to bottom right, oklch(from var(--color-gray-700) l c h / .3), oklch(from var(--color-gray-800) l c h / .3));box-shadow:var(--shadow-sm), 0 4px 6px -4px #0000001a;color:var(--color-brand-primary-300);transform:scale(1.05)}@supports (color:lab(0% 0 0)){:is(.enum-expand-btn,.avatar-add-btn):hover{box-shadow:var(--shadow-sm), 0 4px 6px -4px lab(0% 0 0/.1)}}.enum-selection-badge{background-image:linear-gradient(to right, oklch(from var(--color-brand-primary) l c h / .1), oklch(from var(--color-brand-secondary) l c h / .1));border:1px solid oklch(from var(--color-brand-primary) l c h / .3);border-radius:.375rem}.enum-mode-toggle{transition:background-color var(--duration-base) ease, border-color var(--duration-base) ease, color var(--duration-base) ease;border-radius:.375rem}.enum-mode-toggle.is-visual{background-color:var(--color-gray-700);color:var(--color-gray-300);border:1px solid var(--color-gray-600)}.enum-mode-toggle.is-visual:hover{background-color:var(--color-gray-600);border-color:var(--color-gray-500)}.enum-mode-toggle.is-text{background-color:var(--color-brand-primary-600);color:var(--color-white);border:1px solid var(--color-brand-primary-600)}.enum-mode-toggle.is-text:hover{background-color:var(--color-brand-primary-700)}.enum-text-input{background:oklch(from var(--color-gray-700) l c h / .5);-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));color:var(--color-white);border:1px solid oklch(from var(--color-gray-600) l c h / .5);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;border-radius:.5rem}.enum-text-input:focus{border-color:oklch(from var(--color-brand-primary) l c h / .6);box-shadow:0 0 0 2px oklch(from var(--color-brand-primary) l c h / .3), var(--shadow-sm);outline:none}.enum-text-input.is-error{border-width:2px;border-color:oklch(from var(--color-danger-500) l c h / .8)}.enum-text-input.is-error:focus{border-color:var(--color-danger-500);box-shadow:0 0 0 2px oklch(from var(--color-danger-500) l c h / .3), var(--shadow-sm)}.enum-text-confirm{background-image:var(--gradient-brand-lr);color:var(--color-white);border:1px solid oklch(from var(--color-brand-primary-400) l c h / .3);box-shadow:var(--shadow-sm);transition:background-image var(--duration-base) ease, transform var(--duration-base) ease, box-shadow var(--duration-base) ease;border-radius:.5rem}.enum-text-confirm:hover{background-image:var(--gradient-brand-hover-lr);box-shadow:var(--shadow-md), 0 8px 10px -6px #0000001a;transform:scale(1.05)}@supports (color:lab(0% 0 0)){.enum-text-confirm:hover{box-shadow:var(--shadow-md), 0 8px 10px -6px lab(0% 0 0/.1)}}.enum-text-confirm:disabled{opacity:.5;cursor:not-allowed}.enum-text-confirm:disabled:hover{background-image:var(--gradient-brand-lr);transform:none}.enum-validation-error{background:oklch(from var(--color-danger-900) l c h / .3);border:1px solid var(--color-danger-500);border-radius:.375rem}}@layer utilities;