.viewer-song__input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;font-size:.75rem;line-height:1rem}.viewer-song__input::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-placeholder-opacity,1))}.viewer-song__input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-pink-500) / var(--tw-ring-opacity,1));outline:2px solid #0000}.viewer-song__input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.viewer-song__input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.viewer-song__input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.viewer-song{z-index:50;background-color:rgb(var(--palette-slate-950) / .7);--tw-backdrop-blur:blur(4px);-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);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.viewer-song__form{width:100%;max-width:28rem;max-height:90vh}.viewer-song__form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.viewer-song__form{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:1rem;overflow-y:auto}.viewer-song__form:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.viewer-song__form{padding:1.25rem}}.viewer-song__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:900;line-height:1.25rem}.viewer-song__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.viewer-song__field{display:block}.viewer-song__field>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.viewer-song__label{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.viewer-song__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.viewer-song__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.viewer-song__error{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));font-size:11px}.viewer-song__error:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.viewer-song__actions{justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.viewer-song__cancel{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;line-height:1rem}.viewer-song__cancel:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.viewer-song__save{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem}.viewer-song__save:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-700) / var(--tw-bg-opacity,1))}.viewer-song__save:disabled{opacity:.5}