/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.genre-selector-container.svelte-pifktt{width:100%;position:relative}.genre-selector-wrapper.svelte-pifktt{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);min-height:2.75rem;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background:#0f0f0fcc;border-width:1px;border-color:#444;transition-duration:.2s;display:flex;position:relative}.genre-selector-wrapper.svelte-pifktt:hover:not(.disabled){border-color:var(--color-gray-500,oklch(55.1% .027 264.364))}.genre-selector-wrapper.focused.svelte-pifktt:not(.disabled){border-color:var(--color-orange-500,oklch(70.5% .213 47.604));box-shadow:0 0 0 3px #ff6b351a}.genre-selector-wrapper.disabled.svelte-pifktt{cursor:not-allowed;opacity:.6}.genre-input-area.svelte-pifktt{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;flex:1;display:flex}.genre-tag.svelte-pifktt{align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:#fe6e004d;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.genre-tag.svelte-pifktt{border-color:color-mix(in oklab,var(--color-orange-500,oklch(70.5% .213 47.604))30%,transparent)}}.genre-tag.svelte-pifktt{background-color:#f0510033}@supports (color:color-mix(in lab,red,red)){.genre-tag.svelte-pifktt{background-color:color-mix(in oklab,var(--color-orange-600,oklch(64.6% .222 41.116))20%,transparent)}}.genre-tag.svelte-pifktt{padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.genre-tag-label.svelte-pifktt{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-orange-400,oklch(75% .183 55.934))}.genre-tag-remove.svelte-pifktt{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing,.25rem)*.5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-style:none;border-radius:.25rem}@media (hover:hover){.genre-tag-remove.svelte-pifktt:hover{background-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.genre-tag-remove.svelte-pifktt:hover{background-color:color-mix(in oklab,var(--color-orange-500,oklch(70.5% .213 47.604))20%,transparent)}}}.genre-tag-remove.svelte-pifktt:disabled{cursor:not-allowed;opacity:.5}.genre-tag-remove.svelte-pifktt svg{color:var(--color-orange-400,oklch(75% .183 55.934))}.genre-input.svelte-pifktt{--tw-border-style:none;min-width:120px;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--color-white,#fff);background-color:#0000;border-style:none;flex:1}.genre-input.svelte-pifktt::placeholder{color:var(--color-gray-400,oklch(70.7% .022 261.325))}.genre-input.svelte-pifktt{--tw-outline-style:none;outline-style:none}.genre-input.has-values.svelte-pifktt{min-width:80px}.genre-input.svelte-pifktt:disabled{cursor:not-allowed}.dropdown-toggle.svelte-pifktt{margin-top:calc(var(--spacing,.25rem)*.5);cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing,.25rem)*1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-style:none;border-radius:.25rem;align-self:flex-start}@media (hover:hover){.dropdown-toggle.svelte-pifktt:hover{background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}}.dropdown-toggle.svelte-pifktt:disabled{cursor:not-allowed;opacity:.5}@media (hover:hover){.dropdown-toggle.svelte-pifktt:disabled:hover{background-color:#0000}}.dropdown-toggle.svelte-pifktt svg{color:var(--color-gray-400,oklch(70.7% .022 261.325));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.dropdown-toggle.svelte-pifktt .rotated{rotate:180deg}.genre-dropdown.svelte-pifktt{right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;margin-top:calc(var(--spacing,.25rem)*2);max-height:calc(var(--spacing,.25rem)*60);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-width:1px;border-color:#333;position:absolute;overflow:hidden;box-shadow:0 8px 32px #00000080}.genre-dropdown.dropdown-top.svelte-pifktt{margin-top:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*2);bottom:100%}.genre-options.svelte-pifktt{max-height:calc(var(--spacing,.25rem)*56);padding-block:calc(var(--spacing,.25rem)*1);overflow-y:auto}.genre-option.svelte-pifktt{cursor:pointer;--tw-border-style:none;width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-style:none;justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.genre-option.svelte-pifktt:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.genre-option.highlighted.svelte-pifktt{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.genre-option.selected.svelte-pifktt{background-color:#f051001a}@supports (color:color-mix(in lab,red,red)){.genre-option.selected.svelte-pifktt{background-color:color-mix(in oklab,var(--color-orange-600,oklch(64.6% .222 41.116))10%,transparent)}}.genre-option.selected.highlighted.svelte-pifktt{background-color:#f0510033}@supports (color:color-mix(in lab,red,red)){.genre-option.selected.highlighted.svelte-pifktt{background-color:color-mix(in oklab,var(--color-orange-600,oklch(64.6% .222 41.116))20%,transparent)}}.genre-option-label.svelte-pifktt{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-300,oklch(87.2% .01 258.338))}.genre-option.selected.svelte-pifktt .genre-option-label:where(.svelte-pifktt){color:var(--color-orange-400,oklch(75% .183 55.934))}.no-results.svelte-pifktt{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*8);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-500,oklch(55.1% .027 264.364))}.invalid-flash{animation:.3s ease-in-out svelte-pifktt-flash}@keyframes svelte-pifktt-flash{0%,to{background-color:#0000}50%{background-color:#ef444433}}.genre-options.svelte-pifktt::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*2)}.genre-options.svelte-pifktt::-webkit-scrollbar-track{background-color:var(--color-gray-700,oklch(37.3% .034 259.733));border-radius:.25rem}.genre-options.svelte-pifktt::-webkit-scrollbar-thumb{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));border-radius:.25rem}@media (hover:hover){.genre-options.svelte-pifktt::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500,oklch(55.1% .027 264.364))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
