@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--color-red-600:#e40014;--color-amber-600:#dd7400;--color-green-600:#00a544;--color-teal-200:#96f7e4;--color-teal-600:#009588;--color-sky-600:#0084cc;--color-indigo-300:#a4b3ff;--color-indigo-600:#4f39f6;--color-pink-300:#fda5d5;--color-pink-600:#e30076;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a1a1a1;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-md:12px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-figtree);--default-mono-font-family:var(--font-geist-mono);--color-primary:var(--color-indigo-600);--color-secondary:var(--color-pink-600);--color-tertiary:var(--color-teal-600);--color-neutral:var(--color-neutral-400);--color-success:var(--color-green-600);--color-error:var(--color-red-600);--color-warning:var(--color-amber-600);--color-info:var(--color-sky-600)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-600:lab(48.4493% 77.4328 61.5452);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-teal-200:lab(90.7612% -33.1343 -.542295);--color-teal-600:lab(55.0223% -41.0774 -3.90277);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-indigo-300:lab(74.0235% 8.54138 -41.6075);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-pink-300:lab(77.8308% 38.525 -10.5394);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-neutral-50:lab(98.26% 0 0);--color-neutral-100:lab(96.52% -.0000298023 .0000119209);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-300:lab(84.92% 0 -.0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-500:lab(48.496% 0 0);--color-neutral-600:lab(34.924% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0);--color-neutral-950:lab(2.75381% 0 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.btn,.btn-square,.btn-surface,.input,.input input,.textarea,.textarea textarea,.select,.select select,.checkbox,.checkbox-box,.radio,.radio-ring,.toggle,.toggle-track,.toggle-thumb,.range,.range-box,.range-track,.range-fill,.range-thumb,.alert,.badge,.card,.modal,.modal-panel,.message,.picker-icon,.input-start,.input-end{box-sizing:border-box}.noise{background-image:none, var(--jellyfy-noise);background-size:auto, var(--noise-size)}@keyframes jellyfy-sweep{0%{opacity:0;transform:translate(-100%,-50%)}8%{opacity:.55}55%{opacity:.3}78%{opacity:.42}to{opacity:0;transform:translate(300%,-50%)}}.jellyfy-sweep{filter:blur(12px);border-radius:999px;width:30%;height:40%;animation:linear infinite jellyfy-sweep;display:block;position:absolute;top:50%}.jellyfy-sweep-light{background-color:#fff6}.jellyfy-sweep-shade{background-color:#0006}@keyframes jellyfy-orbit{to{transform:rotate(360deg)}}.jellyfy-orbit-arm{pointer-events:none;position:absolute;inset:0}.jellyfy-orbit{animation:linear infinite jellyfy-orbit;position:absolute;inset:0}.jellyfy-orbit-light,.jellyfy-orbit-shade{top:calc(var(--spacing,.25rem) * .5);width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);filter:blur(4px);border-radius:999px;display:block;position:absolute;left:50%;translate:-50%}.jellyfy-orbit-light{background-color:#ffffff26}.jellyfy-orbit-shade{background-color:#0000001a}@keyframes jellyfy-spin{to{transform:rotate(360deg)}}.jellyfy-spinner{flex:none;width:1.125rem;height:1.125rem;animation:1s linear infinite jellyfy-spin}.jellyfy-lights{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.jellyfy-sweep,.jellyfy-orbit,.jellyfy-spinner,.btn,.btn-square,.checkbox-box,.toggle-track,.toggle-thumb,.radio-dot,.input,.textarea,.select,.picker-icon,.btn-surface,.btn-surface:before,.btn-surface:after{transition:none;animation:none}}.btn,.btn-square{--jellyfy-solid:var(--jellyfy-primary);--jellyfy-highlight:white}@supports (color:color-mix(in lab, red, red)){.btn,.btn-square{--jellyfy-highlight:color-mix(in oklab, color-mix(in oklab, white 75%, var(--jellyfy-solid)) 22%, transparent)}}.btn,.btn-square{--jellyfy-shade:black}@supports (color:color-mix(in lab, red, red)){.btn,.btn-square{--jellyfy-shade:color-mix(in oklab, color-mix(in oklab, black 45%, var(--jellyfy-solid)) 40%, transparent)}}.btn,.btn-square{isolation:isolate;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-control);background-color:var(--jellyfy-solid);border:0;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.btn,.btn-square{background-color:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}.btn,.btn-square{color:#fff}@supports (color:color-mix(in lab, red, red)){.btn,.btn-square{color:color-mix(in oklab, white 94%, var(--jellyfy-solid))}}.btn,.btn-square{box-shadow:var(--shadow-inset-raised), var(--shadow-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;outline-offset:2px;outline:1px solid #0000;transition:translate .2s ease-out,box-shadow .3s ease-out,background-color .3s ease-out,color .3s ease-out,outline-color .3s ease-out}.btn:focus-visible:not(:disabled),.btn-square:focus-visible:not(:disabled){outline-color:var(--jellyfy-solid);box-shadow:var(--focus-gap), var(--shadow-inset-raised), var(--shadow-drop)}.btn{height:calc(var(--spacing,.25rem) * 12);min-width:calc(var(--spacing,.25rem) * 40);padding-inline:calc(var(--spacing,.25rem) * 6);font-size:calc(var(--spacing,.25rem) * 3.5);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 6px #0a0a0a66;font-weight:600;line-height:1}.btn-square{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);font-size:calc(var(--spacing,.25rem) * 6)}.btn-square>svg{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.btn.neutral,.btn-square.neutral,.badge.neutral{background-color:var(--surface);color:var(--surface-foreground);--jellyfy-highlight:var(--surface-highlight);--jellyfy-shade:var(--surface-shade)}.btn:hover:not(:disabled),.btn-square:hover:not(:disabled){box-shadow:var(--shadow-inset-raised), var(--shadow-drop-hover);translate:0 -2px}.btn:hover:focus-visible:not(:disabled),.btn-square:hover:focus-visible:not(:disabled){box-shadow:var(--focus-gap), var(--shadow-inset-raised), var(--shadow-drop-hover)}.btn:disabled,.btn-square:disabled{background-color:var(--disabled);color:var(--disabled-foreground);box-shadow:var(--shadow-inset-raised), var(--shadow-drop-disabled);cursor:not-allowed;translate:0}.btn:before,.btn:after,.btn-square:before,.btn-square:after{content:"";z-index:1;opacity:0;pointer-events:none;border-radius:999px;width:90%;transition:opacity .3s;position:absolute;left:50%}.btn:before,.btn-square:before{background:radial-gradient(var(--jellyfy-highlight), transparent 60%);height:60%;top:60%;transform:translate(-50%,-40%)}.btn:after,.btn-square:after{background:radial-gradient(var(--jellyfy-shade), transparent 60%);height:50%;top:42.86%;transform:translate(-50%,-75%)}.btn:active:not(:disabled):before,.btn:active:not(:disabled):after,.btn-square:active:not(:disabled):before,.btn-square:active:not(:disabled):after{opacity:1}.btn>:not(.jellyfy-lights),.btn-square>:not(.jellyfy-lights){z-index:2;align-items:center;gap:calc(var(--spacing,.25rem) * 1);display:inline-flex;position:relative}.btn-square.loading>svg:not(.jellyfy-spinner){display:none}.input,.textarea,.select{--jellyfy-solid:var(--jellyfy-neutral);--jellyfy-highlight:var(--surface-highlight);--jellyfy-shade:var(--surface-shade);--jellyfy-ring:var(--jellyfy-neutral-400);border-radius:var(--radius-surface);background-color:var(--surface);width:100%;color:var(--surface-foreground);box-shadow:var(--shadow-inset-surface), var(--shadow-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px;outline:1px solid #0000;transition:box-shadow .3s ease-out,background-color .3s ease-out,color .3s ease-out,outline-color .3s ease-out;display:block;position:relative;overflow:hidden}.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{background-color:color-mix(in oklab, color-mix(in oklab, white 86%, var(--jellyfy-solid)) 60%, transparent)}}.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{color:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{color:color-mix(in oklab, var(--jellyfy-solid) 62%, black)}}.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{--jellyfy-highlight:white}@supports (color:color-mix(in lab, red, red)){.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{--jellyfy-highlight:color-mix(in oklab, color-mix(in oklab, white 80%, var(--jellyfy-solid)) 70%, transparent)}}.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{--jellyfy-shade:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{--jellyfy-shade:color-mix(in oklab, var(--jellyfy-solid) 12%, transparent)}}.input.primary,.input.secondary,.input.tertiary,.input.success,.input.error,.input.warning,.input.info,.textarea.primary,.textarea.secondary,.textarea.tertiary,.textarea.success,.textarea.error,.textarea.warning,.textarea.info,.select.primary,.select.secondary,.select.tertiary,.select.success,.select.error,.select.warning,.select.info{--jellyfy-ring:var(--jellyfy-solid)}.input:focus-within,.textarea:focus-within,.select:focus-within{background-color:var(--surface-focus);box-shadow:var(--focus-gap), var(--shadow-inset-surface-focus), var(--shadow-drop);outline-color:var(--jellyfy-ring)}.input.primary:focus-within,.input.secondary:focus-within,.input.tertiary:focus-within,.input.success:focus-within,.input.error:focus-within,.input.warning:focus-within,.input.info:focus-within,.textarea.primary:focus-within,.textarea.secondary:focus-within,.textarea.tertiary:focus-within,.textarea.success:focus-within,.textarea.error:focus-within,.textarea.warning:focus-within,.textarea.info:focus-within,.select.primary:focus-within,.select.secondary:focus-within,.select.tertiary:focus-within,.select.success:focus-within,.select.error:focus-within,.select.warning:focus-within,.select.info:focus-within{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.input.primary:focus-within,.input.secondary:focus-within,.input.tertiary:focus-within,.input.success:focus-within,.input.error:focus-within,.input.warning:focus-within,.input.info:focus-within,.textarea.primary:focus-within,.textarea.secondary:focus-within,.textarea.tertiary:focus-within,.textarea.success:focus-within,.textarea.error:focus-within,.textarea.warning:focus-within,.textarea.info:focus-within,.select.primary:focus-within,.select.secondary:focus-within,.select.tertiary:focus-within,.select.success:focus-within,.select.error:focus-within,.select.warning:focus-within,.select.info:focus-within{background-color:color-mix(in oklab, color-mix(in oklab, white 78%, var(--jellyfy-solid)) 60%, transparent)}}:is(.input:has(:disabled),.textarea:has(:disabled),.select:has(:disabled)){opacity:.6;box-shadow:var(--shadow-inset-surface), var(--shadow-drop-disabled)}.input:before,.input:after,.textarea:before,.textarea:after,.select:before,.select:after{content:"";z-index:1;opacity:0;pointer-events:none;border-radius:999px;transition:opacity .3s;position:absolute;left:50%}.input:before,.textarea:before,.select:before{top:auto;bottom:calc(var(--spacing,.25rem) * -4);height:calc(var(--spacing,.25rem) * 7);background:radial-gradient(var(--jellyfy-highlight), transparent 60%);width:70%;transform:translate(-50%,-40%)}.input:after,.textarea:after,.select:after{background:radial-gradient(var(--jellyfy-shade), transparent 60%);width:90%;height:2.1rem;top:1.4rem;transform:translate(-50%,-75%)}.input:focus-within:before,.input:focus-within:after,.textarea:focus-within:before,.textarea:focus-within:after,.select:focus-within:before,.select:focus-within:after{opacity:1}.input input,.textarea textarea,.select select{z-index:2;width:100%;color:inherit;font:inherit;font-size:calc(var(--spacing,.25rem) * 4);background:0 0;border:0;outline:none;line-height:1.5;display:block;position:relative}.input input,.select select{padding:1.375rem calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 2.5)}.input:not(:focus-within) input:placeholder-shown{padding-top:calc(var(--spacing,.25rem) * 4);padding-bottom:calc(var(--spacing,.25rem) * 4)}.textarea textarea{min-height:calc(var(--spacing,.25rem) * 28);resize:vertical;padding:1.375rem calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 3)}.textarea:not(:focus-within) textarea:placeholder-shown{padding-top:calc(var(--spacing,.25rem) * 4)}.textarea{align-self:start;height:fit-content}.input>span:not(.input-start):not(.input-end),.textarea>span:not(.input-start):not(.input-end),.select span{top:calc(var(--spacing,.25rem) * 3);left:calc(var(--spacing,.25rem) * 4);z-index:2;letter-spacing:.04em;pointer-events:none;font-size:10px;font-weight:500;line-height:1;transition:top .3s ease-out,font-size .3s ease-out,line-height .3s ease-out,color .3s ease-out;position:absolute}.input:not(:focus-within) input:placeholder-shown+span,.textarea:not(:focus-within) textarea:placeholder-shown+span{top:calc(var(--spacing,.25rem) * 4);font-size:calc(var(--spacing,.25rem) * 4);color:currentColor;font-weight:400;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.input:not(:focus-within) input:placeholder-shown+span,.textarea:not(:focus-within) textarea:placeholder-shown+span{color:color-mix(in oklab, currentColor 70%, transparent)}}.input .input-start,.input .input-end,.textarea .input-start,.textarea .input-end{top:calc(var(--spacing,.25rem) * 5);z-index:2;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);color:var(--jellyfy-neutral-400);pointer-events:none;place-items:center;display:grid;position:absolute}.input-start{left:calc(var(--spacing,.25rem) * 4)}.input-end{right:calc(var(--spacing,.25rem) * 4)}.input-start>svg,.input-end>svg{width:100%;height:100%}:is(.input:has(.input-start) input,.textarea:has(.input-start) textarea){padding-left:calc(var(--spacing,.25rem) * 10)}:is(.input:has(.input-end) input,.textarea:has(.input-end) textarea){padding-right:calc(var(--spacing,.25rem) * 10)}:is(.input:has(.input-start)>span:not(.input-start):not(.input-end),.textarea:has(.input-start)>span:not(.input-start):not(.input-end)){left:calc(var(--spacing,.25rem) * 10)}.select select{appearance:none;height:calc(var(--spacing,.25rem) * 14);padding-right:calc(var(--spacing,.25rem) * 10)}.select::marker{content:""}.picker-icon{top:50%;right:calc(var(--spacing,.25rem) * 4);z-index:2;pointer-events:none;color:currentColor;position:absolute}.picker-icon:not(svg){width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);background:currentColor;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}svg.picker-icon{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);transform:translateY(-50%)}@supports (appearance:base-select){.select select{appearance:base-select}.select select::picker(select){appearance:base-select}.select select::picker-icon{display:none}.select .picker-icon{transition:transform .2s ease-out}.select select:open~.picker-icon{transform:translateY(-50%)rotate(180deg)}.select select::picker(select){border-radius:var(--radius-surface);color:var(--surface-foreground);box-shadow:var(--shadow-inset-thin), var(--shadow-drop-hover);font:inherit;background:#fff;border:0;margin-top:.35rem;padding:.35rem}.select select option{padding:.55rem calc(var(--spacing,.25rem) * 3);color:inherit;background:0 0;border-radius:.65rem}.select select option:hover,.select select option:focus{background:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.select select option:hover,.select select option:focus{background:color-mix(in oklab, var(--jellyfy-solid) 16%, white)}}.select select option:checked{background:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.select select option:checked{background:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}.select select option:checked{color:#fff}@supports (color:color-mix(in lab, red, red)){.select select option:checked{color:color-mix(in oklab, white 94%, var(--jellyfy-solid))}}.select select option::checkmark{color:currentColor}}.checkbox,.radio,.toggle{--jellyfy-solid:var(--jellyfy-primary);align-items:center;gap:calc(var(--spacing,.25rem) * 3);color:var(--surface-foreground);font-size:calc(var(--spacing,.25rem) * 3.5);cursor:pointer;font-weight:500;display:inline-flex}.checkbox input,.radio input,.toggle input{opacity:0;pointer-events:none;position:absolute}.checkbox-box,.radio-ring{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);background-color:var(--surface);color:var(--surface-foreground);box-shadow:var(--shadow-inset-mark), var(--shadow-drop-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px;outline:1px solid #0000;flex:none;place-items:center;transition:background-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out,outline-color .3s ease-out;display:grid;position:relative}.checkbox-box{border-radius:calc(var(--spacing,.25rem) * 2)}.radio-ring{border-radius:999px}.checkbox-box:after{content:"";opacity:0;border-bottom:2px solid;border-left:2px solid;width:46%;height:22%;transition:opacity .3s ease-out;transform:translateY(-20%)rotate(-45deg)}.radio-ring:after{content:"";width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5);background-color:var(--jellyfy-solid);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.radio-ring:after{background-color:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}.radio-ring:after{opacity:0;transition:transform .3s ease-out,opacity .3s ease-out,background-color .3s ease-out;transform:scale(0)}:is(.checkbox:has(:checked) .checkbox-box,.toggle:has(:checked) .toggle-track){background-color:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){:is(.checkbox:has(:checked) .checkbox-box,.toggle:has(:checked) .toggle-track){background-color:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}:is(.checkbox:has(:checked) .checkbox-box,.toggle:has(:checked) .toggle-track){color:#fff}@supports (color:color-mix(in lab, red, red)){:is(.checkbox:has(:checked) .checkbox-box,.toggle:has(:checked) .toggle-track){color:color-mix(in oklab, white 94%, var(--jellyfy-solid))}}.checkbox:has(:checked) .checkbox-box:after{opacity:1}.radio:has(:checked) .radio-ring:after{opacity:1}.radio:has(:checked) .radio-ring:after{transform:scale(1)}:is(.checkbox:has(:focus-visible) .checkbox-box,.radio:has(:focus-visible) .radio-ring){outline-color:var(--jellyfy-solid);box-shadow:var(--focus-gap), var(--shadow-inset-mark), var(--shadow-drop-sm)}.toggle:has(:focus-visible) .toggle-track{outline-color:var(--jellyfy-solid);box-shadow:var(--focus-gap), var(--shadow-inset-surface-focus), var(--shadow-drop-sm)}.range:has(:focus-visible) .range-thumb{outline-color:var(--jellyfy-solid);box-shadow:var(--focus-gap), var(--shadow-inset-mark), var(--shadow-drop-sm)}.toggle-track{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 7);background:var(--surface);box-shadow:var(--shadow-inset-surface), var(--shadow-drop-sm);outline-offset:2px;border-radius:999px;outline:1px solid #0000;flex:none;transition:background-color .3s ease-out,box-shadow .3s ease-out,outline-color .3s ease-out;position:relative}.toggle-thumb{top:calc(var(--spacing,.25rem) * 1);left:calc(var(--spacing,.25rem) * 1);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);background-color:var(--jellyfy-neutral-500);border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.toggle-thumb{background-color:color-mix(in oklab, var(--jellyfy-neutral-500) 55%, white)}}.toggle-thumb{box-shadow:var(--shadow-inset-mark), var(--shadow-drop-sm);transition:transform .3s ease-out,background-color .3s ease-out}.toggle:has(:checked) .toggle-thumb{background-color:#fff;transform:translate(1.15rem)}.range{--jellyfy-solid:var(--jellyfy-primary);--jellyfy-pct:.4;gap:calc(var(--spacing,.25rem) * 3);width:100%;max-width:24rem;color:var(--surface-foreground);font-size:calc(var(--spacing,.25rem) * 3.5);flex-direction:column;font-weight:500;display:flex}.range-box{height:calc(var(--spacing,.25rem) * 8);position:relative}.range-track{height:calc(var(--spacing,.25rem) * 3);background:var(--surface);width:100%;box-shadow:var(--shadow-inset-surface), var(--shadow-drop-sm);border-radius:999px;position:absolute;top:50%;overflow:hidden;translate:0 -50%}.range-fill{width:calc(calc(var(--spacing,.25rem) * 3) + (100% - calc(var(--spacing,.25rem) * 6)) * var(--jellyfy-pct));background:var(--jellyfy-solid);inset-block:0;border-radius:999px;position:absolute;left:0}@supports (color:color-mix(in lab, red, red)){.range-fill{background:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}.range-fill{transition:background-color .3s ease-out}.range-thumb{top:calc(50% - calc(var(--spacing,.25rem) * 3));left:calc((100% - calc(var(--spacing,.25rem) * 6)) * var(--jellyfy-pct));z-index:1;width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);background:var(--jellyfy-solid);border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.range-thumb{background:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}.range-thumb{box-shadow:var(--shadow-inset-mark), var(--shadow-drop-sm);outline-offset:2px;outline:1px solid #0000;transition:box-shadow .3s ease-out,background-color .3s ease-out,outline-color .3s ease-out}.range input{z-index:2;appearance:none;opacity:0;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.message{margin-top:calc(var(--spacing,.25rem) * 1.5);color:var(--jellyfy-solid,var(--jellyfy-error))}@supports (color:color-mix(in lab, red, red)){.message{color:color-mix(in oklab, var(--jellyfy-solid,var(--jellyfy-error)) 62%, black)}}.message{font-size:calc(var(--spacing,.25rem) * 3)}.alert,.card.primary,.card.secondary,.card.tertiary,.card.neutral,.card.success,.card.error,.card.warning,.card.info,.modal-panel.primary,.modal-panel.secondary,.modal-panel.tertiary,.modal-panel.neutral,.modal-panel.success,.modal-panel.error,.modal-panel.warning,.modal-panel.info{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.alert,.card.primary,.card.secondary,.card.tertiary,.card.neutral,.card.success,.card.error,.card.warning,.card.info,.modal-panel.primary,.modal-panel.secondary,.modal-panel.tertiary,.modal-panel.neutral,.modal-panel.success,.modal-panel.error,.modal-panel.warning,.modal-panel.info{background-color:color-mix(in oklab, color-mix(in oklab, white 86%, var(--jellyfy-solid)) 60%, transparent)}}.alert,.card.primary,.card.secondary,.card.tertiary,.card.neutral,.card.success,.card.error,.card.warning,.card.info,.modal-panel.primary,.modal-panel.secondary,.modal-panel.tertiary,.modal-panel.neutral,.modal-panel.success,.modal-panel.error,.modal-panel.warning,.modal-panel.info{color:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.alert,.card.primary,.card.secondary,.card.tertiary,.card.neutral,.card.success,.card.error,.card.warning,.card.info,.modal-panel.primary,.modal-panel.secondary,.modal-panel.tertiary,.modal-panel.neutral,.modal-panel.success,.modal-panel.error,.modal-panel.warning,.modal-panel.info{color:color-mix(in oklab, var(--jellyfy-solid) 62%, black)}}.alert{--jellyfy-solid:var(--jellyfy-warning);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-surface);padding:calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 4);box-shadow:var(--shadow-inset-thin), var(--shadow-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px;font-size:calc(var(--spacing,.25rem) * 4);outline:1px solid #0000;line-height:1.5;transition:background-color .3s ease-out,color .3s ease-out,outline-color .3s ease-out;display:flex}.alert>svg{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5);margin-top:calc((1.5em - calc(var(--spacing,.25rem) * 5)) / 2);flex:none}.alert>:last-child{min-width:0}.badge{--jellyfy-solid:var(--jellyfy-primary);background-color:var(--jellyfy-solid);border-radius:999px;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge{background-color:color-mix(in oklab, var(--jellyfy-solid) 60%, transparent)}}.badge{color:#fff}@supports (color:color-mix(in lab, red, red)){.badge{color:color-mix(in oklab, white 94%, var(--jellyfy-solid))}}.badge{padding:calc(var(--spacing,.25rem) * 1) calc(var(--spacing,.25rem) * 2.5);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-inset-thin), var(--shadow-drop-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px;outline:1px solid #0000;font-size:10px;font-weight:600;transition:background-color .3s ease-out,color .3s ease-out,outline-color .3s ease-out}.card{border-radius:var(--radius-surface);background:var(--panel);color:var(--surface-foreground);padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 5);font-size:calc(var(--spacing,.25rem) * 4);box-shadow:var(--shadow-inset-thin), var(--shadow-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px;outline:1px solid #0000;transition:background-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out,outline-color .3s ease-out}.card:focus-visible,.alert:focus-visible,.badge:focus-visible{outline-color:var(--jellyfy-solid,var(--jellyfy-neutral-400));box-shadow:var(--focus-gap), var(--shadow-inset-thin), var(--shadow-drop-sm)}.modal{color:inherit;background:0 0;border:0;padding:0}.modal:focus,.modal:focus-visible{outline:none}.modal[open]{justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:flex;position:fixed;inset:0}.modal::backdrop{background:#0a0a0a66}.modal-panel{width:min(28rem, calc(100vw - calc(var(--spacing,.25rem) * 8)));border-radius:var(--radius-surface);background:var(--surface);color:var(--surface-foreground);padding:calc(var(--spacing,.25rem) * 6);box-shadow:var(--shadow-inset-thin), var(--shadow-drop-hover);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .3s ease-out,color .3s ease-out;position:relative}.btn-surface{--jellyfy-highlight:var(--surface-highlight);--jellyfy-shade:var(--surface-shade);top:calc(var(--spacing,.25rem) * 3);right:calc(var(--spacing,.25rem) * 3);z-index:2;isolation:isolate;width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);color:inherit;cursor:pointer;font-size:calc(var(--spacing,.25rem) * 5);outline-offset:2px;background:0 0;border:0;border-radius:999px;outline:1px solid #0000;place-items:center;padding:0;line-height:1;transition:color .3s ease-out,outline-color .3s ease-out;display:grid;position:absolute}.btn-surface:before,.btn-surface:after{content:"";z-index:-1;width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 4);pointer-events:none;border-radius:999px;transition:background .2s ease-out;position:absolute;left:50%;translate:-50%}.btn-surface:before{background:radial-gradient(var(--jellyfy-highlight), transparent 70%);top:.15rem}.btn-surface:after{background:radial-gradient(var(--jellyfy-shade), transparent 70%);top:.85rem}.btn-surface:active:before{background:radial-gradient(var(--jellyfy-shade), transparent 70%)}.btn-surface:active:after{background:radial-gradient(var(--jellyfy-highlight), transparent 70%)}.btn-surface:focus-visible{outline-color:var(--jellyfy-solid,var(--jellyfy-neutral-400));box-shadow:var(--focus-gap)}.primary .btn-surface,.secondary .btn-surface,.tertiary .btn-surface,.neutral .btn-surface,.success .btn-surface,.error .btn-surface,.warning .btn-surface,.info .btn-surface{--jellyfy-highlight:white}@supports (color:color-mix(in lab, red, red)){.primary .btn-surface,.secondary .btn-surface,.tertiary .btn-surface,.neutral .btn-surface,.success .btn-surface,.error .btn-surface,.warning .btn-surface,.info .btn-surface{--jellyfy-highlight:color-mix(in oklab, white 78%, var(--jellyfy-solid))}}.primary .btn-surface,.secondary .btn-surface,.tertiary .btn-surface,.neutral .btn-surface,.success .btn-surface,.error .btn-surface,.warning .btn-surface,.info .btn-surface{--jellyfy-shade:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.primary .btn-surface,.secondary .btn-surface,.tertiary .btn-surface,.neutral .btn-surface,.success .btn-surface,.error .btn-surface,.warning .btn-surface,.info .btn-surface{--jellyfy-shade:color-mix(in oklab, var(--jellyfy-solid) 34%, transparent)}}.primary .btn-surface,.secondary .btn-surface,.tertiary .btn-surface,.neutral .btn-surface,.success .btn-surface,.error .btn-surface,.warning .btn-surface,.info .btn-surface{color:var(--jellyfy-solid)}@supports (color:color-mix(in lab, red, red)){.primary .btn-surface,.secondary .btn-surface,.tertiary .btn-surface,.neutral .btn-surface,.success .btn-surface,.error .btn-surface,.warning .btn-surface,.info .btn-surface{color:color-mix(in oklab, var(--jellyfy-solid) 62%, black)}}.primary{--jellyfy-solid:var(--jellyfy-primary)}.secondary{--jellyfy-solid:var(--jellyfy-secondary)}.tertiary{--jellyfy-solid:var(--jellyfy-tertiary)}.neutral{--jellyfy-solid:var(--jellyfy-neutral)}.success{--jellyfy-solid:var(--jellyfy-success)}.error{--jellyfy-solid:var(--jellyfy-error)}.warning{--jellyfy-solid:var(--jellyfy-warning)}.info{--jellyfy-solid:var(--jellyfy-info)}.btn-sm{height:calc(var(--spacing,.25rem) * 10);min-width:calc(var(--spacing,.25rem) * 32);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:calc(var(--spacing,.25rem) * 3)}.btn-lg{height:calc(var(--spacing,.25rem) * 14);min-width:calc(var(--spacing,.25rem) * 48);padding-inline:calc(var(--spacing,.25rem) * 8);font-size:calc(var(--spacing,.25rem) * 4)}.btn-square.btn-sm{width:calc(var(--spacing,.25rem) * 10);min-width:0;font-size:calc(var(--spacing,.25rem) * 5);padding-inline:0}.btn-square.btn-sm>svg{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.btn-square.btn-lg{width:calc(var(--spacing,.25rem) * 14);min-width:0;font-size:calc(var(--spacing,.25rem) * 7);padding-inline:0}.btn-square.btn-lg>svg{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7)}.btn-surface-sm{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);font-size:calc(var(--spacing,.25rem) * 4)}.btn-surface-lg{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);font-size:calc(var(--spacing,.25rem) * 6)}.input-sm input,.textarea-sm textarea,.select-sm select{font-size:calc(var(--spacing,.25rem) * 3.5)}.input-lg input,.textarea-lg textarea,.select-lg select{font-size:calc(var(--spacing,.25rem) * 5)}.input-sm input{padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 2)}.input-sm:not(:focus-within) input:placeholder-shown{padding-top:calc(var(--spacing,.25rem) * 3);padding-bottom:calc(var(--spacing,.25rem) * 3)}.input-lg input{padding:calc(var(--spacing,.25rem) * 7) calc(var(--spacing,.25rem) * 5) calc(var(--spacing,.25rem) * 3)}.input-lg:not(:focus-within) input:placeholder-shown{padding-top:calc(var(--spacing,.25rem) * 5);padding-bottom:calc(var(--spacing,.25rem) * 5)}.textarea-sm textarea{padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 3)}.textarea-sm:not(:focus-within) textarea:placeholder-shown{padding-top:calc(var(--spacing,.25rem) * 3)}.textarea-lg textarea{padding:calc(var(--spacing,.25rem) * 7) calc(var(--spacing,.25rem) * 5) calc(var(--spacing,.25rem) * 4)}.textarea-lg:not(:focus-within) textarea:placeholder-shown{padding-top:calc(var(--spacing,.25rem) * 5)}.input-sm>span:not(.input-start):not(.input-end),.textarea-sm>span:not(.input-start):not(.input-end),.select-sm span{top:calc(var(--spacing,.25rem) * 1.5);left:calc(var(--spacing,.25rem) * 3);font-size:calc(var(--spacing,.25rem) * 2.5)}.input-lg>span:not(.input-start):not(.input-end),.textarea-lg>span:not(.input-start):not(.input-end),.select-lg span{top:calc(var(--spacing,.25rem) * 3.5);left:calc(var(--spacing,.25rem) * 5);font-size:calc(var(--spacing,.25rem) * 3)}.input-sm:not(:focus-within) input:placeholder-shown+span,.textarea-sm:not(:focus-within) textarea:placeholder-shown+span{top:calc(var(--spacing,.25rem) * 3);font-size:calc(var(--spacing,.25rem) * 3.5);color:currentColor;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.input-sm:not(:focus-within) input:placeholder-shown+span,.textarea-sm:not(:focus-within) textarea:placeholder-shown+span{color:color-mix(in oklab, currentColor 70%, transparent)}}.input-lg:not(:focus-within) input:placeholder-shown+span,.textarea-lg:not(:focus-within) textarea:placeholder-shown+span{top:calc(var(--spacing,.25rem) * 5);font-size:calc(var(--spacing,.25rem) * 5);color:currentColor;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.input-lg:not(:focus-within) input:placeholder-shown+span,.textarea-lg:not(:focus-within) textarea:placeholder-shown+span{color:color-mix(in oklab, currentColor 70%, transparent)}}.input-sm .input-start,.textarea-sm .input-start,.input-sm .input-end,.textarea-sm .input-end{top:calc(var(--spacing,.25rem) * 3.75);width:calc(var(--spacing,.25rem) * 3.5);height:calc(var(--spacing,.25rem) * 3.5)}.input-sm .input-start,.textarea-sm .input-start{left:calc(var(--spacing,.25rem) * 3)}.input-sm .input-end,.textarea-sm .input-end{right:calc(var(--spacing,.25rem) * 3)}.input-lg .input-start,.textarea-lg .input-start,.input-lg .input-end,.textarea-lg .input-end{top:calc(var(--spacing,.25rem) * 6.25);width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.input-lg .input-start,.textarea-lg .input-start{left:calc(var(--spacing,.25rem) * 5)}.input-lg .input-end,.textarea-lg .input-end{right:calc(var(--spacing,.25rem) * 5)}:is(.input-sm:has(.input-start) input,.textarea-sm:has(.input-start) textarea){padding-left:calc(var(--spacing,.25rem) * 8)}:is(.input-sm:has(.input-end) input,.textarea-sm:has(.input-end) textarea){padding-right:calc(var(--spacing,.25rem) * 8)}:is(.input-lg:has(.input-start) input,.textarea-lg:has(.input-start) textarea){padding-left:calc(var(--spacing,.25rem) * 12)}:is(.input-lg:has(.input-end) input,.textarea-lg:has(.input-end) textarea){padding-right:calc(var(--spacing,.25rem) * 12)}:is(.input-sm:has(.input-start)>span:not(.input-start):not(.input-end),.textarea-sm:has(.input-start)>span:not(.input-start):not(.input-end)){left:calc(var(--spacing,.25rem) * 8)}:is(.input-lg:has(.input-start)>span:not(.input-start):not(.input-end),.textarea-lg:has(.input-start)>span:not(.input-start):not(.input-end)){left:calc(var(--spacing,.25rem) * 12)}.textarea-sm textarea{min-height:calc(var(--spacing,.25rem) * 20)}.textarea-lg textarea{min-height:calc(var(--spacing,.25rem) * 36)}.select-sm select{height:auto;padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 9) calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 3)}.select-lg select{height:auto;padding:calc(var(--spacing,.25rem) * 7) calc(var(--spacing,.25rem) * 12) calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 5)}.select-sm .picker-icon{right:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.select-lg .picker-icon{right:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.checkbox-sm,.radio-sm{gap:calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3)}.checkbox-lg,.radio-lg{gap:calc(var(--spacing,.25rem) * 4);font-size:calc(var(--spacing,.25rem) * 4)}.checkbox-sm .checkbox-box,.radio-sm .radio-ring{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.checkbox-lg .checkbox-box,.radio-lg .radio-ring{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.radio-sm .radio-ring:after{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3)}.radio-lg .radio-ring:after{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.toggle-sm{gap:calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3)}.toggle-lg{gap:calc(var(--spacing,.25rem) * 4);font-size:calc(var(--spacing,.25rem) * 4)}.toggle-sm .toggle-track{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 6)}.toggle-lg .toggle-track{width:calc(var(--spacing,.25rem) * 14);height:calc(var(--spacing,.25rem) * 8)}.toggle-sm .toggle-thumb,.toggle-lg .toggle-thumb{top:calc(var(--spacing,.25rem) * 1);left:calc(var(--spacing,.25rem) * 1)}.toggle-sm .toggle-thumb{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.toggle-lg .toggle-thumb{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.toggle-sm:has(:checked) .toggle-thumb{transform:translateX(calc(var(--spacing,.25rem) * 4))}.toggle-lg:has(:checked) .toggle-thumb{transform:translateX(calc(var(--spacing,.25rem) * 6))}.range-sm{gap:calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3)}.range-lg{gap:calc(var(--spacing,.25rem) * 4);font-size:calc(var(--spacing,.25rem) * 4)}.range-sm .range-box{height:calc(var(--spacing,.25rem) * 7)}.range-lg .range-box{height:calc(var(--spacing,.25rem) * 10)}.range-sm .range-track{height:calc(var(--spacing,.25rem) * 2)}.range-lg .range-track{height:calc(var(--spacing,.25rem) * 4)}.range-sm .range-fill{width:calc(var(--spacing,.25rem) * 2 + (100% - var(--spacing,.25rem) * 5) * var(--jellyfy-pct))}.range-lg .range-fill{width:calc(var(--spacing,.25rem) * 4 + (100% - var(--spacing,.25rem) * 8) * var(--jellyfy-pct))}.range-sm .range-thumb{top:calc(50% - var(--spacing,.25rem) * 2.5);left:calc((100% - var(--spacing,.25rem) * 5) * var(--jellyfy-pct));width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.range-lg .range-thumb{top:calc(50% - var(--spacing,.25rem) * 4);left:calc((100% - var(--spacing,.25rem) * 8) * var(--jellyfy-pct));width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}.alert-sm{gap:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 3);font-size:calc(var(--spacing,.25rem) * 3.5)}.alert-sm>svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);margin-top:calc((1.5em - calc(var(--spacing,.25rem) * 4)) / 2)}.alert-lg{gap:calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 5);font-size:calc(var(--spacing,.25rem) * 5)}.alert-lg>svg{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);margin-top:calc((1.5em - calc(var(--spacing,.25rem) * 6)) / 2)}.message-sm{font-size:calc(var(--spacing,.25rem) * 2.5)}.message-lg{font-size:calc(var(--spacing,.25rem) * 3.5)}.badge-sm{padding:calc(var(--spacing,.25rem) * .5) calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 2)}.badge-lg{padding:calc(var(--spacing,.25rem) * 1.5) calc(var(--spacing,.25rem) * 3);font-size:calc(var(--spacing,.25rem) * 3)}.card-sm{padding:calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 4);font-size:calc(var(--spacing,.25rem) * 3.5)}.card-lg{padding:calc(var(--spacing,.25rem) * 5) calc(var(--spacing,.25rem) * 6);font-size:calc(var(--spacing,.25rem) * 5)}.modal-sm{padding:calc(var(--spacing,.25rem) * 4)}.modal-lg{padding:calc(var(--spacing,.25rem) * 8)}.btn,.btn-square,.input,.textarea,.select,.checkbox-box,.radio-ring,.radio-ring:after,.toggle-track,.toggle-thumb,.range-track,.range-fill,.range-thumb,.alert,.badge,.card,.modal-panel{background-image:none, var(--jellyfy-noise);background-size:auto, var(--noise-size)}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-16{top:calc(var(--spacing) * 16)}.top-20{top:calc(var(--spacing) * 20)}.-right-20{right:calc(var(--spacing) * -20)}.bottom-0{bottom:0}.-left-16{left:calc(var(--spacing) * -16)}.left-1\/3{left:33.3333%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-30{z-index:30}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[22rem\]{width:22rem;height:22rem}.size-\[28rem\]{width:28rem;height:28rem}.size-\[34rem\]{width:34rem;height:34rem}.size-full{width:100%;height:100%}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-\[calc\(100dvh-6rem\)\]{height:calc(100dvh - 6rem)}.h-full{height:100%}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[460px\]{min-height:460px}.min-h-full{min-height:100%}.w-8{width:calc(var(--spacing) * 8)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-52{width:calc(var(--spacing) * 52)}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[36rem\]{min-width:36rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.scroll-mt-10{scroll-margin-top:calc(var(--spacing) * 10)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-y-auto{overscroll-behavior-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--radius-control\)\]{border-radius:var(--radius-control)}.rounded-\[var\(--radius-surface\)\]{border-radius:var(--radius-surface)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-200\/80{border-color:#e5e5e5cc}@supports (color:color-mix(in lab, red, red)){.border-neutral-200\/80{border-color:color-mix(in oklab, var(--color-neutral-200) 80%, transparent)}}.border-neutral-800\/80{border-color:#262626cc}@supports (color:color-mix(in lab, red, red)){.border-neutral-800\/80{border-color:color-mix(in oklab, var(--color-neutral-800) 80%, transparent)}}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-current{background-color:currentColor}.bg-indigo-300\/40{background-color:#a4b3ff66}@supports (color:color-mix(in lab, red, red)){.bg-indigo-300\/40{background-color:color-mix(in oklab, var(--color-indigo-300) 40%, transparent)}}.bg-neutral-50\/75{background-color:#fafafabf}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/75{background-color:color-mix(in oklab, var(--color-neutral-50) 75%, transparent)}}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-pink-300\/45{background-color:#fda5d573}@supports (color:color-mix(in lab, red, red)){.bg-pink-300\/45{background-color:color-mix(in oklab, var(--color-pink-300) 45%, transparent)}}.bg-teal-200\/50{background-color:#96f7e480}@supports (color:color-mix(in lab, red, red)){.bg-teal-200\/50{background-color:color-mix(in oklab, var(--color-teal-200) 50%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pe-8{padding-inline-end:calc(var(--spacing) * 8)}.pt-1{padding-top:var(--spacing)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-rubik)}.font-mono{font-family:var(--font-geist-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-950{color:var(--color-neutral-950)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-neutral-300{-webkit-text-decoration-color:var(--color-neutral-300);-webkit-text-decoration-color:var(--color-neutral-300);-webkit-text-decoration-color:var(--color-neutral-300);text-decoration-color:var(--color-neutral-300)}.decoration-neutral-400{-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);text-decoration-color:var(--color-neutral-400)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.shadow-\[var\(--shadow-drop\)\]{--tw-shadow:var(--shadow-drop);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-neutral-950{outline-color:var(--color-neutral-950)}.outline-transparent{outline-color:#0000}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:text-neutral-950:hover{color:var(--color-neutral-950)}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (min-width:48rem){.md\:min-h-0{min-height:0}.md\:min-h-\[376px\]{min-height:376px}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:text-right{text-align:right}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:-top-10{top:calc(var(--spacing) * -10)}.lg\:right-0{right:0}.lg\:-bottom-8{bottom:calc(var(--spacing) * -8)}.lg\:-left-8{left:calc(var(--spacing) * -8)}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-8{margin-left:calc(var(--spacing) * 8)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-60{width:calc(var(--spacing) * 60)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(22rem\,0\.95fr\)\]{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr)}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--jellyfy-neutral-50:var(--color-neutral-50,#fafafa);--jellyfy-neutral-100:var(--color-neutral-100,#f5f5f5);--jellyfy-neutral-200:var(--color-neutral-200,#e5e5e5);--jellyfy-neutral-300:var(--color-neutral-300,#d4d4d4);--jellyfy-neutral-400:var(--color-neutral-400,#a3a3a3);--jellyfy-neutral-500:var(--color-neutral-500,#737373);--jellyfy-neutral-600:var(--color-neutral-600,#525252);--jellyfy-neutral-700:var(--color-neutral-700,#404040);--jellyfy-neutral-800:var(--color-neutral-800,#262626);--jellyfy-neutral-900:var(--color-neutral-900,#171717);--jellyfy-neutral-950:var(--color-neutral-950,#0a0a0a);--jellyfy-primary:var(--color-primary,#4f46e5);--jellyfy-secondary:var(--color-secondary,#db2777);--jellyfy-tertiary:var(--color-tertiary,#0d9488);--jellyfy-neutral:var(--color-neutral,var(--jellyfy-neutral-400));--jellyfy-success:var(--color-success,#16a34a);--jellyfy-error:var(--color-error,#dc2626);--jellyfy-warning:var(--color-warning,#d97706);--jellyfy-info:var(--color-info,#0284c7);--surface:var(--jellyfy-neutral-50)}@supports (color:color-mix(in lab, red, red)){:root{--surface:color-mix(in oklab, var(--jellyfy-neutral-50) 60%, transparent)}}:root{--surface-focus:var(--jellyfy-neutral-100)}@supports (color:color-mix(in lab, red, red)){:root{--surface-focus:color-mix(in oklab, var(--jellyfy-neutral-100) 60%, transparent)}}:root{--surface-foreground:var(--jellyfy-neutral-800);--surface-highlight:var(--jellyfy-neutral-100)}@supports (color:color-mix(in lab, red, red)){:root{--surface-highlight:color-mix(in oklab, var(--jellyfy-neutral-100) 70%, transparent)}}:root{--surface-shade:var(--jellyfy-neutral-900)}@supports (color:color-mix(in lab, red, red)){:root{--surface-shade:color-mix(in oklab, var(--jellyfy-neutral-900) 10%, transparent)}}:root{--panel:white;--disabled:var(--jellyfy-neutral-400)}@supports (color:color-mix(in lab, red, red)){:root{--disabled:color-mix(in oklab, var(--jellyfy-neutral-400) 60%, transparent)}}:root{--disabled-foreground:var(--jellyfy-neutral-50)}@supports (color:color-mix(in lab, red, red)){:root{--disabled-foreground:color-mix(in oklab, var(--jellyfy-neutral-50) 70%, transparent)}}:root{--radius-control:999px;--radius-surface:1rem;--jellyfy-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");--noise-size:22.5rem;--shadow-inset-thin:inset 0 -6px 8px #0a0a0a1f;--shadow-inset-mark:inset 0 -1px 5px #0a0a0a59;--shadow-inset-surface:inset 0 -10px 16px #0a0a0a33;--shadow-inset-surface-focus:inset 0 -6px 10px #0a0a0a26;--shadow-inset-raised:inset 0 -16px 16px #0a0a0a80;--shadow-drop-sm:0 4px 6px -3px #0a0a0a73;--shadow-drop:0 12px 16px -14px #0a0a0a8c;--shadow-drop-hover:0 16px 36px -14px #0a0a0a8c;--shadow-drop-disabled:0 12px 12px -12px #0a0a0a40;--focus-gap:0 0 0 2px #ffffff80}body{background-color:var(--color-neutral-50);font-family:var(--font-figtree), Arial, Helvetica, sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-rubik), Arial, Helvetica, sans-serif}@media (prefers-reduced-motion:no-preference){.jellyfy-rise{animation:.45s cubic-bezier(.22,1,.36,1) jellyfy-rise}}@keyframes jellyfy-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}.code-block{overscroll-behavior-x:contain;overscroll-behavior-y:auto;overflow:auto hidden}.code-block pre{min-width:max-content;margin:0;padding:1.25rem!important;overflow:visible!important}.code-block code{min-width:100%;font-family:var(--font-geist-mono), monospace;font-size:.875rem;line-height:1.75;display:block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.ZchNNa_className{font-family:Figtree,Figtree Fallback;font-style:normal}.ZchNNa_variable{--font-figtree:"Figtree", "Figtree Fallback"}
@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/098850a6eb1f8577-s.2f577igfy6zek.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/6dac7af80352e41b-s.2ofvzoy5xjn1c.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/21445b8bd0ec5702-s.3ncsaruqasduw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/87c7f5b5afcd23bd-s.45a19n6z-i3ph.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/d25394c5b8ff78eb-s.3s-jl_297nmfs.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/c9f6ebf08ddd616b-s.p.1er88gr2sg4r_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik Fallback;src:local(Arial);ascent-override:89.06%;descent-override:23.81%;line-gap-override:0.0%;size-adjust:104.98%}._9OfZbq_className{font-family:Rubik,Rubik Fallback;font-style:normal}._9OfZbq_variable{--font-rubik:"Rubik", "Rubik Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}._8Li5zG_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}._8Li5zG_variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}