.clip-auto-queue{border-width:1px;border-color:rgb(var(--palette-indigo-200) / .8);--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffe6;border-radius:1rem}.clip-auto-queue:is(.dark *){border-color:rgb(var(--palette-indigo-500) / .2);background-color:rgb(var(--palette-slate-900) / .8)}.clip-auto-queue__head{cursor:pointer;text-align:left;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.clip-auto-queue__head:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.clip-auto-queue__title{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-weight:900;line-height:1.25rem;display:flex}.clip-auto-queue__title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.clip-auto-queue__body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.clip-auto-queue__body{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));padding:.75rem 1rem}.clip-auto-queue__body:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.clip-auto-queue__desc{word-break:keep-all;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;line-height:1rem}.clip-auto-queue__desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.clip-auto-queue__note{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin:0}.clip-auto-queue__note:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.clip-auto-queue__state{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;padding-top:.75rem;padding-bottom:.75rem;font-weight:700;line-height:1rem;display:flex}.clip-auto-queue__state:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.clip-auto-queue__state--error{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.clip-auto-queue__state--error:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.clip-auto-queue__list{margin:0;list-style-type:none}.clip-auto-queue__list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.clip-auto-queue__list{padding:0}.clip-auto-queue__item{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem;display:flex}.clip-auto-queue__item:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.clip-auto-queue__thumb{aspect-ratio:16/9;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:6rem;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.clip-auto-queue__thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.clip-auto-queue__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.clip-auto-queue__text{flex:1;min-width:0}.clip-auto-queue__text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.clip-auto-queue__clip-title{text-overflow:ellipsis;white-space:nowrap;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:700;line-height:1rem;display:block;overflow:hidden}.clip-auto-queue__clip-title:hover{text-decoration-line:underline}.clip-auto-queue__clip-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.clip-auto-queue__song{text-overflow:ellipsis;white-space:nowrap;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-700) / var(--tw-text-opacity,1));margin:0;line-height:1rem;overflow:hidden}.clip-auto-queue__song:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.clip-auto-queue__artist{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.clip-auto-queue__artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.clip-auto-queue__meta{text-overflow:ellipsis;white-space:nowrap;font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin:0;overflow:hidden}.clip-auto-queue__meta:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.clip-auto-queue__actions{flex-direction:column;flex-shrink:0;gap:.25rem;display:flex}@media (min-width:640px){.clip-auto-queue__actions{flex-direction:row}}.clip-auto-queue__approve{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .625rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.clip-auto-queue__approve:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.clip-auto-queue__approve:disabled{cursor:not-allowed;opacity:.5}.clip-auto-queue__reject{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;padding:.375rem .625rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.clip-auto-queue__reject:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1))}.clip-auto-queue__reject:disabled{cursor:not-allowed;opacity:.5}.clip-auto-queue__reject: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))}.clip-auto-queue__reject:hover:is(.dark *){background-color:rgb(var(--palette-rose-500) / .2);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}