.music-player{background-color:rgb(var(--palette-slate-50) / .7);--tw-text-opacity:1;min-height:100vh;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));padding:1.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.music-player:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.music-player{padding:2.5rem 1.5rem}}@media (min-width:1024px){.music-player{padding-left:2rem;padding-right:2rem}}.music-player__inner{max-width:64rem;margin-left:auto;margin-right:auto}.music-player__inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.music-player__header{border-width:1px;border-color:rgb(var(--palette-slate-200) / .9);--tw-backdrop-blur:blur(12px);-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:#fffc;border-radius:1.5rem;flex-direction:column;justify-content:space-between;gap: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);display:flex}.music-player__header:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .8)}@media (min-width:640px){.music-player__header{flex-direction:row;align-items:center;padding:1.5rem}}.music-player__brand{align-items:center;gap:.875rem;display:flex}.music-player__logo{background-image:linear-gradient(to top right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-rose-500) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-purple-600) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-pink-500) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-text-opacity:1;width:3rem;height:3rem;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-rose-500) / .2);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;line-height:2rem;display:flex}.music-player__title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.music-player__title{letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:1.25rem;font-weight:900;line-height:1.75rem}.music-player__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__title{font-size:1.5rem;line-height:2rem}}.music-player__mode-badge{--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:9999px;align-items:center;gap:.375rem;padding:.125rem .625rem;font-size:11px;font-weight:800;display:inline-flex}.music-player__mode-badge: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) / .7);--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.music-player__mode-dot{width:.375rem;height:.375rem}@keyframes pulse{50%{opacity:.5}}.music-player__mode-dot{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.music-player__lead{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin-top:.125rem;font-size:.75rem;line-height:1rem}.music-player__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__lead{font-size:.875rem;line-height:1.25rem}}.music-player__header-actions{align-self:flex-end;align-items:center;gap:.5rem;display:flex}@media (min-width:640px){.music-player__header-actions{align-self:auto}}.music-player__back{cursor:pointer;background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-rose-500) / 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-rose-500) / .2);border-radius:1rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:800;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.music-player__back:hover{--tw-gradient-from:rgb(var(--palette-rose-600) / 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)}.music-player__back:active{--tw-scale-x:.95;--tw-scale-y:.95;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))}@media (min-width:640px){.music-player__back{font-size:.875rem;line-height:1.25rem}}.music-player__songbook-link{--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-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:1rem;align-items:center;gap:.375rem;padding:.5rem 1rem;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);display:flex}.music-player__songbook-link:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.music-player__songbook-link: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(var(--palette-slate-300) / var(--tw-text-opacity,1))}.music-player__songbook-link:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.music-player__search-view>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.music-player__search-view{transition-duration:.2s}.music-player__search-form{border-width:1px;border-color:rgb(var(--palette-slate-200) / .9);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;flex-direction:column;align-items:center;gap:.625rem;padding:.75rem;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}.music-player__search-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){.music-player__search-form{flex-direction:row;padding:1rem}}.music-player__search-field{flex:1;width:100%;position:relative}.music-player__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:1rem;line-height:1.5rem;position:absolute;top:50%;left:1rem}.music-player__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:1rem;padding:.75rem 1rem .75rem 2.75rem;font-size:.75rem;font-weight:500;line-height: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)}.music-player__search-input:focus{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1));outline-offset:2px;outline:2px solid #0000}.music-player__search-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .8);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__search-input{font-size:.875rem;line-height:1.25rem}}.music-player__search-submit{cursor:pointer;background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-rose-500) / 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;width:100%;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-rose-500) / .2);border-radius:1rem;flex-shrink:0;padding:.75rem 1.5rem;font-size:.75rem;font-weight:900;line-height:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.music-player__search-submit:hover{--tw-gradient-from:rgb(var(--palette-rose-600) / 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)}.music-player__search-submit:active{--tw-scale-x:.95;--tw-scale-y:.95;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))}.music-player__search-submit:disabled{opacity:.5}@media (min-width:640px){.music-player__search-submit{width:auto;font-size:.875rem;line-height:1.25rem}}.music-player__results>: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))}.music-player__results{border-width:1px;border-color:rgb(var(--palette-slate-200) / .9);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;padding:1.25rem}.music-player__results: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))}.music-player__section-head{justify-content:space-between;align-items:center;display:flex}.music-player__section-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;line-height:1.25rem;display:flex}.music-player__section-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__section-title{font-size:1rem;line-height:1.5rem}}.music-player__section-hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.music-player__searching>: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))}.music-player__searching{text-align:center;padding-top:4rem;padding-bottom:4rem}.music-player__spinner{width:2rem;height:2rem;margin-left:auto;margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}.music-player__spinner{border-color:rgb(var(--palette-rose-200) / var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(var(--palette-rose-600) / var(--tw-border-opacity,1));border-radius:9999px;animation:1s linear infinite spin}.music-player__searching-text{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;line-height:1rem}.music-player__no-results{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-top:3rem;padding-bottom:3rem;font-size:.75rem;line-height:1rem}.music-player__result-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.875rem;display:grid}@media (min-width:640px){.music-player__result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.music-player__result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.music-player__result{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;border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);background-color:rgb(var(--palette-slate-50) / .7);border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.music-player__result: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-rose-500) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-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)}.music-player__result:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .4)}.music-player__result:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.music-player__result-thumb{aspect-ratio:16/9;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.75rem;flex-shrink:0;width:6rem;position:relative;overflow:hidden}.music-player__result-thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.music-player__result-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)}.music-player__result-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.music-player__result-play{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}.music-player__result-duration{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#000c;border-radius:.25rem;padding-left:.25rem;padding-right:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;font-weight:700;position:absolute;bottom:.25rem;right:.25rem}.music-player__result-text{flex:1;min-width:0}.music-player__result-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))}.music-player__result-title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height: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);overflow:hidden}.music-player__result-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.music-player__result-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;overflow:hidden}.music-player__picks>: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))}.music-player__picks{border-width:1px;border-color:rgb(var(--palette-slate-200) / .9);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;padding: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)}.music-player__picks: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))}.music-player__pick-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.875rem;display:grid}@media (min-width:640px){.music-player__pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.music-player__pick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.music-player__pick{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;flex-direction:column;justify-content:space-between;display:flex;position:relative}.music-player__pick>: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))}.music-player__pick{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);background-color:rgb(var(--palette-slate-50) / .7);border-radius:1rem;padding:.75rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.music-player__pick: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-rose-400) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-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)}.music-player__pick:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .4)}.music-player__pick:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .8)}.music-player__pick-thumb{aspect-ratio:16/9;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));border-radius:.75rem;position:relative;overflow:hidden}.music-player__pick-thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.music-player__pick-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)}.music-player__pick-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.music-player__pick-play{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2.5rem;height:2.5rem;color:rgb(255 255 255/var(--tw-text-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:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.music-player__pick-duration{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#000000b3;border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;font-weight:700;position:absolute;bottom:.375rem;right:.375rem}.music-player__pick-text>: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))}.music-player__pick-title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:800;line-height: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);overflow:hidden}.music-player__pick-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__pick-title{font-size:.875rem;line-height:1.25rem}}.music-player__pick-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;overflow:hidden}.music-player__pick-artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.music-player__player-view>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.music-player__player-view{transition-duration:.2s}.music-player__stage{position:relative}.music-player__stage>: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))}.music-player__stage{border-width:1px;border-color:rgb(var(--palette-slate-200) / .9);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--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);border-radius:1.5rem;padding: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);overflow:hidden}.music-player__stage: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){.music-player__stage{padding:1.5rem}}.music-player__stage-head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.music-player__stage-head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.music-player__status{align-items:center;gap:.5rem;display:flex}.music-player__status-dot{border-radius:9999px;width:.625rem;height:.625rem}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.music-player__status-dot--on{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1));animation:1s cubic-bezier(0,0,.2,1) infinite ping}.music-player__status-dot--off{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-400) / var(--tw-bg-opacity,1))}.music-player__status-label{letter-spacing:.05em;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:900;line-height:1rem}.music-player__status-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.music-player__modes{--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-100) / var(--tw-bg-opacity,1));border-radius:1rem;align-items:center;gap:.375rem;padding:.25rem;display:flex}.music-player__modes: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))}.music-player__mode{text-transform:capitalize;border-radius:.75rem;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)}.music-player__mode--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.music-player__mode--off{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.music-player__mode--off:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.music-player__mode--off:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.music-player__mode--off:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.music-player__canvas-wrap{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);height:260px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;justify-content:center;align-items:center;margin-top:.5rem;margin-bottom:.5rem;display:flex;position:relative;overflow:hidden}.music-player__canvas-wrap:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-850) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-950) / .7)}@media (min-width:640px){.music-player__canvas-wrap{height:320px}}.music-player__canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.music-player__now{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-50) / .8);border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.music-player__now:is(.dark *){border-color:rgb(var(--palette-slate-700) / .6);background-color:rgb(var(--palette-slate-800) / .5)}@media (min-width:640px){.music-player__now{flex-direction:row}}.music-player__now-main{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}@media (min-width:640px){.music-player__now-main{width:auto}}.music-player__now-cover{-o-object-fit:cover;object-fit:cover;border-radius:.75rem;flex-shrink:0;width:3rem;height:3rem}.music-player__now-text{min-width:0}.music-player__now-label{text-transform:uppercase;--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;font-weight:900}.music-player__now-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:800;line-height:1.25rem;overflow:hidden}.music-player__now-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__now-title{font-size:1rem;line-height:1.5rem}}.music-player__now-artist{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;overflow:hidden}.music-player__now-artist:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.music-player__controls{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding-top:.75rem;display:flex}.music-player__controls:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1))}@media (min-width:640px){.music-player__controls{border-top-width:0;justify-content:flex-end;width:auto;padding-top:0}}.music-player__play{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.75rem;font-weight:800;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:flex}.music-player__play:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-700) / var(--tw-bg-opacity,1))}.music-player__play:active{--tw-scale-x:.95;--tw-scale-y:.95;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))}@media (min-width:640px){.music-player__play{font-size:.875rem;line-height:1.25rem}}.music-player__volume{--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:.5rem;padding:.5rem .75rem;display:flex}.music-player__volume: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))}.music-player__mute{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.music-player__mute:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.music-player__mute:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.music-player__mute:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.music-player__volume-range{cursor:pointer;appearance:none;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));width:5rem;height:.375rem;accent-color:rgb(var(--palette-rose-600) / 1);border-radius:.5rem}.music-player__volume-range:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}@media (min-width:640px){.music-player__volume-range{width:6rem}}.music-player__volume-value{text-align:right;--tw-text-opacity:1;width:1.5rem;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:700;line-height:1rem}.music-player__volume-value:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.music-player__capture-slot{display:none}@media (min-width:768px){.music-player__capture-slot{display:block}}.music-player__capture{cursor:pointer;--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-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.25rem;padding:.5rem .75rem;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);display:flex}.music-player__capture:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.music-player__capture: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(var(--palette-slate-300) / var(--tw-text-opacity,1))}.music-player__capture:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.music-player__capturing{--tw-border-opacity:1;border-width:1px;border-color:rgb(167 243 208/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .625rem;font-size:.75rem;font-weight:700;line-height:1rem}.music-player__capturing:is(.dark *){--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1));background-color:#022c22cc}.music-player__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))}.music-player__quick{border-width:1px;border-color:rgb(var(--palette-slate-200) / .9);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1.5rem;padding:1.25rem}.music-player__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))}.music-player__quick-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;line-height:1rem;display:flex}.music-player__quick-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.music-player__quick-title{font-size:.875rem;line-height:1.25rem}}.music-player__quick-search{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.music-player__quick-search:hover{text-decoration-line:underline}.music-player__quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.music-player__quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.music-player__quick-track{cursor:pointer;text-align:left;border-width:1px;border-radius:.75rem;align-items:center;gap:.625rem;padding:.625rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.music-player__quick-track--on{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / 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));font-weight:700}.music-player__quick-track--on:is(.dark *){background-color:rgb(var(--palette-rose-950) / .4);--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.music-player__quick-track--off{--tw-border-opacity:1;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;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.music-player__quick-track--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.music-player__quick-track--off:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .4);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.music-player__quick-track--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.music-player__quick-image{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem}.music-player__quick-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;line-height:1rem;overflow:hidden}.music-player__quick-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.music-player__quick-artist{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}.music-player__hidden-player{pointer-events:none;z-index:-50;opacity:0;width:0;height:0;position:absolute;overflow:hidden}.music-player__result:hover .music-player__result-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))}.music-player__result:hover .music-player__result-overlay{opacity:1}.music-player__result:hover .music-player__result-title{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.music-player__result:hover .music-player__result-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.music-player__pick:hover .music-player__pick-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))}.music-player__pick:hover .music-player__pick-overlay{opacity:1}.music-player__pick:hover .music-player__pick-title{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.music-player__pick:hover .music-player__pick-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}