.songbook-clips{width:100%}.songbook-clips>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.songbook-clips__quick{width:100%;max-width:36rem;margin-left:auto;margin-right:auto}.songbook-clips__quick>: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))}.songbook-clips__quick{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__quick: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){.songbook-clips__quick{padding:1.25rem}}.songbook-clips__quick-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.songbook-clips__quick-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}.songbook-clips__quick-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__quick-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))}.songbook-clips__step-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.songbook-clips__step-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.songbook-clips__picked{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-pink-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;line-height:1rem;display:flex}.songbook-clips__picked:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-pink-950) / .3)}.songbook-clips__picked-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;max-width:40%;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));overflow:hidden}.songbook-clips__picked-artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.songbook-clips__picked-title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-weight:700;overflow:hidden}.songbook-clips__picked-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__picked-clear{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin-left:auto}.songbook-clips__picked-clear:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.songbook-clips__picked-clear:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.songbook-clips__search{position:relative}.songbook-clips__search-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}.songbook-clips__search-input::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-placeholder-opacity,1))}.songbook-clips__search-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__search-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}.songbook-clips__search-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))}.songbook-clips__search-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__search-input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__search-results{z-index:10;max-height:14rem;margin-top:.25rem;position:absolute;left:0;right:0}.songbook-clips__search-results>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgb(var(--palette-slate-100) / var(--tw-divide-opacity,1))}.songbook-clips__search-results{--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 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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:.75rem;overflow-y:auto}.songbook-clips__search-results:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-divide-opacity,1))}.songbook-clips__search-results: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-900) / var(--tw-bg-opacity,1))}.songbook-clips__search-result{cursor:pointer;text-align:left;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;display:flex}.songbook-clips__search-result:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.songbook-clips__search-result:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-clips__search-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;max-width:80px;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));flex-shrink:0;font-size:11px;overflow:hidden}.songbook-clips__search-title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem;overflow:hidden}.songbook-clips__search-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.songbook-clips__search-new{cursor:pointer;text-align:left;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.songbook-clips__search-new:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-50) / var(--tw-bg-opacity,1))}.songbook-clips__search-new:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}.songbook-clips__search-new:hover:is(.dark *){background-color:rgb(var(--palette-pink-950) / .3)}.songbook-clips__link-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}.songbook-clips__link-input::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-placeholder-opacity,1))}.songbook-clips__link-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__link-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}.songbook-clips__link-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))}.songbook-clips__link-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__link-input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__submit{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem}.songbook-clips__submit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-700) / var(--tw-bg-opacity,1))}.songbook-clips__submit:disabled{cursor:not-allowed;opacity:.5}.songbook-clips__promo{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;align-items:center;gap:.75rem;width:100%;max-width:36rem;margin-left:auto;margin-right:auto;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.songbook-clips__promo: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))}.songbook-clips__promo-icon{flex-shrink:0;font-size:1.5rem;line-height:2rem}.songbook-clips__promo-text{flex:1;min-width:0}.songbook-clips__promo-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}.songbook-clips__promo-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__promo-desc{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin-top:.125rem;font-size:11px}.songbook-clips__promo-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.songbook-clips__all{width:100%}.songbook-clips__all>: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))}.songbook-clips__all-head{flex-direction:column;gap:.625rem;padding-left:.125rem;padding-right:.125rem;display:flex}@media (min-width:640px){.songbook-clips__all-head{flex-direction:row;align-items:center}}.songbook-clips__all-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));flex-shrink:0;font-size:.875rem;font-weight:900;line-height:1.25rem}.songbook-clips__all-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__all-count{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.songbook-clips__all-tools{align-items:center;gap:.5rem;min-width:0;display:flex}@media (min-width:640px){.songbook-clips__all-tools{margin-left:auto}}.songbook-clips__filter{flex:1;position:relative}@media (min-width:640px){.songbook-clips__filter{flex:none;width:18rem}}.songbook-clips__filter-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(255 255 255/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:.5rem .75rem .5rem 2rem;font-size:.75rem;line-height:1rem}.songbook-clips__filter-input::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-placeholder-opacity,1))}.songbook-clips__filter-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__filter-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}.songbook-clips__filter-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-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__filter-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__filter-input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__filter-icon{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem;position:absolute;top:50%;left:.625rem}.songbook-clips__loading{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-top:2.5rem;padding-bottom:2.5rem;font-size:.75rem;line-height:1rem}.songbook-clips__notice{--tw-border-opacity:1;border-style:dashed;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));text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:1rem;padding-top:2.5rem;padding-bottom:2.5rem;font-size:.75rem;line-height:1rem}.songbook-clips__notice: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))}.songbook-clips__groups{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:480px){.songbook-clips__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.songbook-clips__groups{gap:1rem}}@media (min-width:1024px){.songbook-clips__groups{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.songbook-clips__groups{grid-template-columns:repeat(4,minmax(0,1fr))}}.songbook-clips__group{cursor:pointer;border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:left;border-radius:1rem;flex-direction:column;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.songbook-clips__group:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.songbook-clips__group: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))}.songbook-clips__group:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1))}.songbook-clips__group-thumb{aspect-ratio:16/9;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));width:100%;position:relative;overflow:hidden}.songbook-clips__group-thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-clips__group-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__group-vod{--tw-text-opacity:1;width:100%;height:100%;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;display:flex}.songbook-clips__group-badge{--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:.375rem;padding:.125rem .5rem;font-size:10px;font-weight:800;position:absolute;top:.5rem;left:.5rem}.songbook-clips__group-duration{background-color:rgb(var(--palette-slate-950) / .85);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--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);border-radius:.375rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.songbook-clips__group-body>: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))}.songbook-clips__group-body{padding:.75rem}.songbook-clips__group-title{-webkit-line-clamp:1;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));-webkit-box-orient:vertical;font-size:.875rem;font-weight:800;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:-webkit-box;overflow:hidden}.songbook-clips__group-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__group-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem;overflow:hidden}.songbook-clips__group-artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.songbook-clips__group-uploaders{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-top:.125rem;font-size:11px;overflow:hidden}.songbook-clips__group-uploaders:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.songbook-clips__song-head{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.875rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.songbook-clips__song-head: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){.songbook-clips__song-head{padding:1rem}}.songbook-clips__song-head-text{min-width:0}.songbook-clips__song-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:500;overflow:hidden}.songbook-clips__song-title{text-overflow:ellipsis;white-space:nowrap;--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;overflow:hidden}.songbook-clips__song-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.songbook-clips__song-title{font-size:1rem;line-height:1.5rem}}.songbook-clips__back{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;flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.songbook-clips__back:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.songbook-clips__back: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))}.songbook-clips__back:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.songbook-clips__register{width:100%;max-width:36rem}.songbook-clips__register>: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))}.songbook-clips__register{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__register: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){.songbook-clips__register{padding:1.25rem}}.songbook-clips__register-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.songbook-clips__register-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}.songbook-clips__register-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.songbook-clips__register-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))}.songbook-clips__register-textarea{resize:vertical;--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;font-size:.75rem;line-height:1rem}.songbook-clips__register-textarea::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-placeholder-opacity,1))}.songbook-clips__register-textarea{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__register-textarea: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-indigo-500) / var(--tw-ring-opacity,1));outline:2px solid #0000}.songbook-clips__register-textarea: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))}.songbook-clips__register-textarea:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__register-textarea:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.songbook-clips__register-submit{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem}.songbook-clips__register-submit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-pink-700) / var(--tw-bg-opacity,1))}.songbook-clips__register-submit:disabled{cursor:not-allowed;opacity:.5}.songbook-clips__song-promo{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;align-items:center;gap:.75rem;width:100%;max-width:36rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.songbook-clips__song-promo: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))}.songbook-clips__pending{width:100%}.songbook-clips__pending>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.songbook-clips__pending{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:#fffbeb99;border-radius:1rem;padding:.875rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__pending:is(.dark *){--tw-border-opacity:1;border-color:rgb(120 53 15/var(--tw-border-opacity,1));background-color:#451a0333}@media (min-width:640px){.songbook-clips__pending{padding:1rem}}.songbook-clips__pending-title{text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1));font-size:11px;font-weight:900}.songbook-clips__pending-title:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.songbook-clips__pending-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))}.songbook-clips__pending-item{--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));border-radius:.75rem;align-items:center;gap:.625rem;padding:.5rem;display:flex}.songbook-clips__pending-item: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))}.songbook-clips__pending-thumb{aspect-ratio:16/9;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.5rem;flex-shrink:0;width:4rem;position:relative;overflow:hidden}.songbook-clips__pending-thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-clips__pending-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.songbook-clips__pending-text{flex:1;min-width:0}.songbook-clips__pending-name{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem;overflow:hidden}.songbook-clips__pending-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.songbook-clips__pending-meta{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;overflow:hidden}.songbook-clips__accept{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;padding:.25rem .625rem;font-size:11px;font-weight:700}.songbook-clips__accept:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.songbook-clips__reject{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-rose-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;padding:.25rem .625rem;font-size:11px;font-weight:700}.songbook-clips__reject:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-rose-950) / .6);--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.songbook-clips__clips-head{justify-content:space-between;align-items:center;gap:.5rem;padding-left:.25rem;padding-right:.25rem;display:flex}.songbook-clips__clips-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.songbook-clips__clips-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.songbook-clips__skeleton-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;width:100%;display:grid}@media (min-width:480px){.songbook-clips__skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.songbook-clips__skeleton-grid{gap:1rem}}@media (min-width:1024px){.songbook-clips__skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.songbook-clips__skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.songbook-clips__skeleton{aspect-ratio:16/9}@keyframes pulse{50%{opacity:.5}}.songbook-clips__skeleton{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.songbook-clips__skeleton: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))}.songbook-clips__clip-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;width:100%;display:grid}@media (min-width:480px){.songbook-clips__clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.songbook-clips__clip-grid{gap:1rem}}@media (min-width:1024px){.songbook-clips__clip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.songbook-clips__clip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.songbook-clips__clip{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;flex-direction:column;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.songbook-clips__clip:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.songbook-clips__clip: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))}.songbook-clips__clip:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-pink-500) / var(--tw-border-opacity,1))}.songbook-clips__clip-thumb{aspect-ratio:16/9;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));width:100%;position:relative;overflow:hidden}.songbook-clips__clip-thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.songbook-clips__clip-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__clip-vod{--tw-text-opacity:1;width:100%;height:100%;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;display:flex}.songbook-clips__clip-badges{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex;position:absolute;top:.25rem;left:.25rem}.songbook-clips__clip-type{text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--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);background-color:#0009;border-radius:.375rem;padding:.125rem .375rem;font-size:8px;font-weight:800}@media (min-width:640px){.songbook-clips__clip-type{font-size:9px}}.songbook-clips__clip-excluded{background-color:rgb(var(--palette-slate-900) / .8);--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));--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);border-radius:.375rem;padding:.125rem .375rem;font-size:8px;font-weight:800}@media (min-width:640px){.songbook-clips__clip-excluded{font-size:9px}}.songbook-clips__clip-tools{gap:.25rem;display:flex;position:absolute;top:.375rem;right:.375rem}.songbook-clips__clip-edit{cursor:pointer;--tw-text-opacity:1;width:1.75rem;height:1.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--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);background-color:#0009;border-radius:.375rem;font-size:11px}.songbook-clips__clip-edit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-600) / var(--tw-bg-opacity,1))}.songbook-clips__clip-delete{cursor:pointer;--tw-text-opacity:1;width:1.75rem;height:1.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--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);background-color:#0009;border-radius:.375rem;font-size:11px}.songbook-clips__clip-delete:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.songbook-clips__clip-duration{background-color:rgb(var(--palette-slate-950) / .85);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--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);border-radius:.375rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;font-weight:600;position:absolute;bottom:.25rem;right:.25rem}.songbook-clips__clip-body>: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))}.songbook-clips__clip-body{padding:.75rem}.songbook-clips__clip-title{-webkit-line-clamp:2;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));-webkit-box-orient:vertical;font-size:.75rem;font-weight:800;line-height:1.375;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:-webkit-box;overflow:hidden}.songbook-clips__clip-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.songbook-clips__clip-title{font-size:.875rem;line-height:1.25rem}}.songbook-clips__clip-submitter{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1));font-size:11px;font-weight:700;overflow:hidden}.songbook-clips__clip-submitter:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}.songbook-clips__clip-author{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:500;overflow:hidden}.songbook-clips__clip-author:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.songbook-clips__empty{width:100%}.songbook-clips__empty>: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))}.songbook-clips__empty{--tw-border-opacity:1;border-style:dashed;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));text-align:center;border-radius:1.5rem;padding-top:4rem;padding-bottom:4rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.songbook-clips__empty: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))}.songbook-clips__empty-icon{font-size:1.875rem;line-height:2.25rem}.songbook-clips__empty-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem}.songbook-clips__empty-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.songbook-clips__empty-desc{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.songbook-clips__empty-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.songbook-clips__group:hover .songbook-clips__group-image{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.songbook-clips__group:hover .songbook-clips__group-title{--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1))}.songbook-clips__group:hover .songbook-clips__group-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}.songbook-clips__clip:hover .songbook-clips__clip-image{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.songbook-clips__clip:hover .songbook-clips__clip-title{--tw-text-opacity:1;color:rgb(var(--palette-pink-600) / var(--tw-text-opacity,1))}.songbook-clips__clip:hover .songbook-clips__clip-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-pink-400) / var(--tw-text-opacity,1))}
.mastery-chart{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.mastery-chart: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))}.mastery-chart__toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.875rem;display:flex}@media (min-width:640px){.mastery-chart__toggle{padding:1rem}}.mastery-chart__toggle-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.mastery-chart__toggle-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.mastery-chart__toggle-title{font-size:.875rem;line-height:1.25rem}}.mastery-chart__toggle-count{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:400}.mastery-chart__toggle-state{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.mastery-chart__body>: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))}.mastery-chart__body{padding-bottom:1rem;padding-left:.875rem;padding-right:.875rem}@media (min-width:640px){.mastery-chart__body{padding-left:1rem;padding-right:1rem}}.mastery-chart__types-row{justify-content:flex-end;display:flex}.mastery-chart__types{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));border-radius:.5rem;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.mastery-chart__types:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1))}.mastery-chart__type{cursor:pointer;padding:.25rem .625rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mastery-chart__type--on{--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))}.mastery-chart__type--off{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.mastery-chart__type--off: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-400) / var(--tw-text-opacity,1))}
.song-filter{width:100%}.song-filter>: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))}.song-filter{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;padding:.875rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-filter: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){.song-filter{padding:1rem}}.song-filter__top{flex-direction:column;justify-content:space-between;align-items:stretch;gap:.625rem;display:flex}@media (min-width:640px){.song-filter__top{flex-direction:row;align-items:center;gap:.75rem}}.song-filter__main-cats{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:.375rem;padding-bottom:.25rem;display:flex;overflow-x:auto}@media (min-width:640px){.song-filter__main-cats{padding-bottom:0}}.song-filter__main-cats::-webkit-scrollbar{display:none}.song-filter__main-cat{cursor:pointer;white-space:nowrap;border-radius:.75rem;flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-filter__main-cat--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:rgb(var(--palette-indigo-500) / .2);--tw-shadow:var(--tw-shadow-colored)}.song-filter__main-cat--off{--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))}.song-filter__main-cat--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.song-filter__main-cat--off: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))}.song-filter__main-cat--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.song-filter__search{flex-shrink:0;width:100%;position:relative}@media (min-width:640px){.song-filter__search{width:16rem}}.song-filter__search-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:.5rem 1rem .5rem 2.25rem;font-size:.75rem;line-height:1rem}.song-filter__search-input::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-placeholder-opacity,1))}.song-filter__search-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-filter__search-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-indigo-500) / var(--tw-ring-opacity,1));outline:2px solid #0000}.song-filter__search-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))}.song-filter__search-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.song-filter__search-input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-placeholder-opacity,1))}.song-filter__search-icon{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem;position:absolute;top:50%;left:.75rem}.song-filter__sub-cats{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:.375rem;padding-top:.625rem;display:flex;overflow-x:auto}.song-filter__sub-cats:is(.dark *){border-color:rgb(var(--palette-slate-800) / .6)}.song-filter__sub-cats::-webkit-scrollbar{display:none}.song-filter__row-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));flex-shrink:0;margin-right:.25rem;font-size:11px;font-weight:700}.song-filter__row-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.song-filter__chip{cursor:pointer;white-space:nowrap;border-radius:.5rem;flex-shrink:0;padding:.25rem .625rem;font-size:11px;font-weight:700;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-filter__chip--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.song-filter__chip--on:is(.dark *){--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-900) / var(--tw-text-opacity,1))}.song-filter__chip--off{background-color:rgb(var(--palette-slate-100) / .7);--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.song-filter__chip--off:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.song-filter__chip--off:is(.dark *){background-color:rgb(var(--palette-slate-800) / .6);--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.song-filter__chip--off:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.song-filter__sort{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));flex-wrap:wrap;align-items:center;gap:.375rem;padding-top:.625rem;display:flex}.song-filter__sort:is(.dark *){border-color:rgb(var(--palette-slate-800) / .6)}.song-filter__direction{cursor:pointer;white-space:nowrap;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-indigo-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;padding:.25rem .625rem;font-size:11px;font-weight:700;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.song-filter__direction:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-100) / var(--tw-bg-opacity,1))}.song-filter__direction:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-900) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-indigo-950) / .5);--tw-text-opacity:1;color:rgb(var(--palette-indigo-400) / var(--tw-text-opacity,1))}.song-filter__direction:hover:is(.dark *){background-color:rgb(var(--palette-indigo-900) / .6)}
.random-draw{--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);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:1px;border-radius:1.5rem;padding:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.random-draw{padding:1.75rem}}.random-draw--open>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.random-draw--open{border-color:rgb(var(--palette-purple-500) / .4);background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-slate-900) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1));--tw-shadow-color:rgb(var(--palette-purple-950) / .2);--tw-shadow:var(--tw-shadow-colored)}@media (min-width:640px){.random-draw--open>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.random-draw--closed{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-purple-600) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-pink-600) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-fuchsia-600) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-shadow-color:rgb(var(--palette-purple-500) / .2);--tw-shadow:var(--tw-shadow-colored);border-color:#0000}.random-draw__start{cursor:pointer;--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.random-draw__start:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.random-draw__start{flex-direction:row;gap:1rem;padding-top:.5rem;padding-bottom:.5rem}}.random-draw__start-icon{font-size:2.25rem;line-height:2.5rem}@media (min-width:640px){.random-draw__start-icon{font-size:3rem;line-height:1}}.random-draw__start-text{text-align:center}@media (min-width:640px){.random-draw__start-text{text-align:left}}.random-draw__start-title{letter-spacing:-.025em;font-size:1rem;font-weight:900;line-height:1.5rem}@media (min-width:640px){.random-draw__start-title{font-size:1.25rem;line-height:1.75rem}}.random-draw__start-desc{color:#fffc;margin-top:.125rem;font-size:.75rem;font-weight:700;line-height:1rem}@media (min-width:640px){.random-draw__start-desc{font-size:.875rem;line-height:1.25rem}}.random-draw__head{justify-content:space-between;align-items:center;display:flex}.random-draw__head-title{align-items:center;gap:.5rem;font-size:1rem;font-weight:800;line-height:1.5rem;display:flex}@media (min-width:640px){.random-draw__head-title{font-size:1.25rem;line-height:1.75rem}}.random-draw__head-icon{font-size:1.25rem;line-height:1.75rem}@media (min-width:640px){.random-draw__head-icon{font-size:1.5rem;line-height:2rem}}.random-draw__close{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));border-radius:.75rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1.25rem;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:flex}.random-draw__close:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}@media (min-width:640px){.random-draw__close{width:2.25rem;height:2.25rem}}.random-draw__reel{background-color:#0006;border-width:1px;border-color:#ffffff1a;border-radius:1rem;max-width:36rem;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.random-draw__reel-window{pointer-events:none;z-index:10;border-top-width:2px;border-bottom-width:2px;border-color:rgb(var(--palette-pink-400) / .8);background-color:rgb(var(--palette-pink-400) / .1);position:absolute;left:0;right:0}.random-draw__reel-fade-top{pointer-events:none;z-index:10;background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);height:2.5rem;position:absolute;top:0;left:0;right:0}@media (min-width:640px){.random-draw__reel-fade-top{height:3.5rem}}.random-draw__reel-fade-bottom{pointer-events:none;z-index:10;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);height:2.5rem;position:absolute;bottom:0;left:0;right:0}@media (min-width:640px){.random-draw__reel-fade-bottom{height:3.5rem}}.random-draw__reel-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-left:.75rem;padding-right:.75rem;display:flex}.random-draw__reel-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;max-width:100%;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem;overflow:hidden}@media (min-width:640px){.random-draw__reel-artist{font-size:.875rem;line-height:1.25rem}}.random-draw__reel-title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;max-width:100%;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem;overflow:hidden}@media (min-width:640px){.random-draw__reel-title{font-size:1.125rem;line-height:1.75rem}}.random-draw__result{max-width:36rem;margin-left:auto;margin-right:auto}.random-draw__result>: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))}.random-draw__result{transition-duration:.3s}.random-draw__result-card{border-width:1px;border-color:rgb(var(--palette-pink-500) / .3);background-image:linear-gradient(to top right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-purple-600) / .2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-pink-600) / .2) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);text-align:center;border-radius:1rem;padding:.75rem}@media (min-width:640px){.random-draw__result-card{padding:1rem}}.random-draw__result-category{--tw-text-opacity:1;color:rgb(var(--palette-pink-300) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}@media (min-width:640px){.random-draw__result-category{font-size:.75rem;line-height:1rem}}.random-draw__result-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));margin-top:.125rem;font-size:1rem;font-weight:900;line-height:1.5rem}@media (min-width:640px){.random-draw__result-title{font-size:1.25rem;line-height:1.75rem}}.random-draw__result-actions{gap:.5rem;display:flex}.random-draw__redraw{cursor:pointer;--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-200) / var(--tw-text-opacity,1));border-radius:.75rem;flex:1;padding-top:.625rem;padding-bottom:.625rem;font-size:.75rem;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)}.random-draw__redraw:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}@media (min-width:640px){.random-draw__redraw{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem}}.random-draw__play{cursor:pointer;background-image:linear-gradient(to top right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-purple-600) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-pink-600) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--palette-pink-500) / .2);border-radius:.75rem;flex:1;padding-top:.625rem;padding-bottom:.625rem;font-size:.75rem;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)}.random-draw__play:hover{--tw-gradient-from:rgb(var(--palette-purple-700) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-pink-700) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}@media (min-width:640px){.random-draw__play{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem}}@keyframes pulse{50%{opacity:.5}}.random-draw__spinning{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (min-width:640px){.random-draw__spinning{font-size:.875rem;line-height:1.25rem}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.random-draw__start:hover .random-draw__start-icon{animation:1s infinite bounce}