.styles-module__j7kMTa__demo{background:radial-gradient(circle at 20% 15%,#f960cfeb,#f960cf00 60%),radial-gradient(circle at 80% 25%,#2cb9c6e0,#2cb9c600 60%),radial-gradient(circle at 50% 92%,#9c96f8e0,#9c96f800 62%),#dfdce6;background:radial-gradient(circle at 20% 15%,lab(64.3479% 67.794 -27.3394/.92),lab(64.3479% 67.794 -27.3394/0) 60%),radial-gradient(circle at 80% 25%,lab(68.5081% -33.7822 -17.9846/.88),lab(68.5081% -33.7822 -17.9846/0) 60%),radial-gradient(circle at 50% 92%,lab(65.8612% 19.5279 -48.7205/.88),lab(65.8612% 19.5279 -48.7205/0) 62%),lab(88.245% 2.44936 -4.56549)}@media (color-gamut:p3){.styles-module__j7kMTa__demo{background:radial-gradient(circle at 20% 15%,#ff4ed5eb,#ff4ed500 60%),radial-gradient(circle at 80% 25%,#00bccce0,#00bccc00 60%),radial-gradient(circle at 50% 92%,#9c95ffe0,#9c95ff00 62%),#dfdce6;background:radial-gradient(circle at 20% 15%,lab(63.2977% 87.8973 -35.5611/.92),lab(63.2977% 87.8973 -35.5611/0) 60%),radial-gradient(circle at 80% 25%,lab(68.8126% -44.481 -23.7506/.88),lab(68.8126% -44.481 -23.7506/0) 60%),radial-gradient(circle at 50% 92%,lab(65.6681% 21.8551 -52.7717/.88),lab(65.6681% 21.8551 -52.7717/0) 62%),lab(88.245% 2.44936 -4.56549)}}.styles-module__j7kMTa__stage{flex-direction:column;align-items:center;width:100%;min-height:236px;display:flex;position:relative}.styles-module__j7kMTa__island{background:#000;outline:none;width:fit-content;min-width:126px;position:relative;overflow:hidden}.styles-module__j7kMTa__surface{z-index:0;cursor:pointer;background:0 0;border:none;outline:none;padding:0;position:absolute;inset:0}.styles-module__j7kMTa__surface:focus-visible{box-shadow:inset 0 0 0 1px #ffffff26;box-shadow:inset 0 0 0 1px lab(100% 0 0/.15)}.styles-module__j7kMTa__layer{z-index:1;pointer-events:none;position:relative}.styles-module__j7kMTa__ghost{pointer-events:none;outline:none;justify-content:center;align-items:flex-start;width:360px;height:220px;margin-left:-180px;display:flex;position:absolute;top:0;left:50%}.styles-module__j7kMTa__idle{height:34px}.styles-module__j7kMTa__compact{justify-content:space-between;align-items:center;width:176px;height:36px;padding-inline:10px;display:flex}.styles-module__j7kMTa__expanded{flex-direction:column;gap:14px;width:320px;padding:18px 20px 12px;display:flex}.styles-module__j7kMTa__header{align-items:center;gap:18px;display:flex}.styles-module__j7kMTa__artwork{background:radial-gradient(circle at 30% 25%,#caeeff,#0000 60%),linear-gradient(135deg,#699dea,#5b48ee);background:radial-gradient(circle at 30% 25%,lab(92.0819% -12.0579 -17.2105),#0000 60%),linear-gradient(135deg,#699dea,#5b48ee);border-radius:12px;flex-shrink:0;width:56px;height:56px}.styles-module__j7kMTa__artworkCompact{border-radius:7px;width:24px;height:24px}.styles-module__j7kMTa__meta{flex:1;min-width:0}.styles-module__j7kMTa__title{color:#fff;color:lab(100% 0 0);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:600;overflow:hidden}.styles-module__j7kMTa__artist{color:#a4a4a4;color:lab(67.52% -.0000298023 0);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}.styles-module__j7kMTa__waveform{flex-shrink:0;align-items:center;gap:3px;height:24px;display:flex}.styles-module__j7kMTa__waveformCompact{gap:2px;height:15px}.styles-module__j7kMTa__bar{opacity:.7;background:linear-gradient(#40e5e5,#289898);background:linear-gradient(lab(82.8164% -42.5187 -12.8053),lab(56.9364% -31.3985 -9.45605));border-radius:999px;width:3px;display:block}.styles-module__j7kMTa__waveformCompact .styles-module__j7kMTa__bar{width:2.5px}.styles-module__j7kMTa__progress{align-items:center;gap:10px;display:flex}.styles-module__j7kMTa__time{color:#989898;color:lab(62.88% -.0000298023 0);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.styles-module__j7kMTa__track{background:#ffffff2e;background:lab(100% 0 0/.18);border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.styles-module__j7kMTa__fill{background:#e8e8e8;background:lab(91.88% .0000298023 -.0000119209);border-radius:999px;height:100%}.styles-module__j7kMTa__controls{justify-content:space-between;align-items:center;padding-inline:2px;display:flex}.styles-module__j7kMTa__control,.styles-module__j7kMTa__controlMain{color:#dedede;color:lab(88.4% 0 .0000119209);cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:6px;display:flex}.styles-module__j7kMTa__controlDimmed{color:#989898;color:lab(62.88% -.0000298023 0)}.styles-module__j7kMTa__control:focus-visible,.styles-module__j7kMTa__controlMain:focus-visible{box-shadow:0 0 0 1px #ffffff73;box-shadow:0 0 0 1px lab(100% 0 0/.45)}.styles-module__j7kMTa__controlMain{color:#fff;color:lab(100% 0 0);width:44px;height:44px}.styles-module__j7kMTa__controlIcon{display:flex}@media (prefers-color-scheme:dark){.styles-module__j7kMTa__demo{background:radial-gradient(circle at 20% 15%,#9e177feb,#9e177f00 60%),radial-gradient(circle at 80% 25%,#126a72e0,#126a7200 60%),radial-gradient(circle at 50% 92%,#5d1fe5e0,#5d1fe500 62%),#181322;background:radial-gradient(circle at 20% 15%,lab(36.8441% 58.9902 -23.8681/.92),lab(36.8441% 58.9902 -23.8681/0) 60%),radial-gradient(circle at 80% 25%,lab(40.3469% -22.8072 -12.1426/.88),lab(40.3469% -22.8072 -12.1426/0) 60%),radial-gradient(circle at 50% 92%,lab(34.3462% 60.6696 -89.4049/.88),lab(34.3462% 60.6696 -89.4049/0) 62%),lab(6.86854% 5.62789 -9.35425)}}@media (prefers-color-scheme:dark) and (color-gamut:p3){.styles-module__j7kMTa__demo{background:radial-gradient(circle at 20% 15%,#a20081eb,#a2008100 60%),radial-gradient(circle at 80% 25%,#006b75e0,#006b7500 60%),radial-gradient(circle at 50% 92%,#5d1ae8e0,#5d1ae800 62%),#181322;background:radial-gradient(circle at 20% 15%,lab(36.4943% 65.4428 -26.5173/.92),lab(36.4943% 65.4428 -26.5173/0) 60%),radial-gradient(circle at 80% 25%,lab(40.547% -29.8386 -15.9341/.88),lab(40.547% -29.8386 -15.9341/0) 60%),radial-gradient(circle at 50% 92%,lab(34.1559% 62.6251 -91.1798/.88),lab(34.1559% 62.6251 -91.1798/0) 62%),lab(6.86854% 5.62789 -9.35425)}}
.styles-module__UujM3W__container{cursor:pointer;background:var(--color-neutral-200,#e5e5e5);outline:none;align-items:center;width:fit-content;max-width:384px;height:40px;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__container{background:var(--color-neutral-200,lab(90.952% 0 -.0000119209))}}.styles-module__UujM3W__idle:hover{background:var(--color-neutral-300,#d4d4d4)}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__idle:hover{background:var(--color-neutral-300,lab(84.92% 0 -.0000119209))}}.styles-module__UujM3W__iconWrap{cursor:default;pointer-events:none;align-items:center;display:flex;position:absolute;left:16px}.styles-module__UujM3W__icon{color:var(--color-neutral-800,#262626)}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__icon{color:var(--color-neutral-800,lab(15.204% 0 -.00000596046))}}.styles-module__UujM3W__input{width:100%;height:100%;color:var(--color-neutral-950,#0a0a0a);font:inherit;background:0 0;border:none;outline:none;padding-inline:48px}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__input{color:var(--color-neutral-950,lab(2.75381% 0 0))}}.styles-module__UujM3W__input::placeholder{color:var(--color-neutral-600,#525252)}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__input::placeholder{color:var(--color-neutral-600,lab(34.924% 0 0))}}.styles-module__UujM3W__label{color:var(--color-neutral-600,#525252);margin:0 0 0 44px;padding-right:16px}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__label{color:var(--color-neutral-600,lab(34.924% 0 0))}}.styles-module__UujM3W__actions{justify-content:flex-end;align-items:center;display:flex;position:absolute;right:16px;overflow:hidden}.styles-module__UujM3W__action{cursor:pointer;border:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.styles-module__UujM3W__actionPaste{text-transform:uppercase;color:var(--color-neutral-50,#fafafa);background:var(--color-neutral-800,#262626);padding-inline:8px;font-size:12px;font-weight:600;line-height:16px}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__actionPaste{color:var(--color-neutral-50,lab(98.26% 0 0));background:var(--color-neutral-800,lab(15.204% 0 -.00000596046))}}.styles-module__UujM3W__actionClear{color:var(--color-neutral-50,#fafafa);background:var(--color-neutral-600,#525252);padding:4px}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__actionClear{color:var(--color-neutral-50,lab(98.26% 0 0));background:var(--color-neutral-600,lab(34.924% 0 0))}}@media (prefers-color-scheme:dark){.styles-module__UujM3W__container{background:var(--color-neutral-800,#262626)}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__container{background:var(--color-neutral-800,lab(15.204% 0 -.00000596046))}}.styles-module__UujM3W__idle:hover{background:#40404080;background:lab(27.036% 0 0/.5)}.styles-module__UujM3W__icon,.styles-module__UujM3W__input{color:#fff;color:lab(100% 0 0)}.styles-module__UujM3W__input::placeholder,.styles-module__UujM3W__label{color:#fff9;color:lab(100% 0 0/.6)}.styles-module__UujM3W__actionPaste{color:var(--color-neutral-800,#262626);background:var(--color-neutral-200,#e5e5e5)}@supports (color:lab(0% 0 0)){.styles-module__UujM3W__actionPaste{color:var(--color-neutral-800,lab(15.204% 0 -.00000596046));background:var(--color-neutral-200,lab(90.952% 0 -.0000119209))}}}
.styles-module__59KCLG__demo{background:radial-gradient(circle at 25% 20%,#dee2ffb3,#0000 45%),radial-gradient(circle at 75% 70%,#ffd9d899,#0000 45%),#fff;background:radial-gradient(circle at 25% 20%,lab(90.2086% 4.78548 -21.9035/.7),#0000 45%),radial-gradient(circle at 75% 70%,lab(90.113% 19.0702 8.14045/.6),#0000 45%),#fff}.styles-module__59KCLG__wrapper{-webkit-user-select:none;user-select:none;width:250px;position:relative}.styles-module__59KCLG__menu{-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);background:#f8f8f88c;background:lab(97.68% -.0000298023 .0000119209/.55);border-radius:20px;padding:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6,0 10px 32px #00000029;box-shadow:inset 0 0 0 1px lab(100% 0 0/.4),0 10px 32px lab(0% 0 0/.16)}.styles-module__59KCLG__row{color:#0b0b0b;color:lab(3.04863% 0 0);width:100%;height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:999px;outline:none;align-items:center;gap:12px;padding-inline:16px;font-size:15px;display:flex}.styles-module__59KCLG__row:hover,.styles-module__59KCLG__row:active{background:#0000000f;background:lab(0% 0 0/.06)}.styles-module__59KCLG__icon{color:#222;color:lab(13% 0 0);flex-shrink:0;display:flex}.styles-module__59KCLG__label{flex:1}.styles-module__59KCLG__chevron{color:#555;color:lab(36.2% 0 .00000596046);width:14px;height:14px}.styles-module__59KCLG__groupGap{background:#00000014;background:lab(0% 0 0/.08);height:1px;margin-block:8px;margin-inline:14px}.styles-module__59KCLG__scrim{cursor:default;background:0 0;border:none;padding:0;position:absolute;inset:0}.styles-module__59KCLG__submenu{-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);background:#fcfcfcb3;background:lab(98.84% .0000298023 -.0000119209/.7);border-radius:20px;padding:12px;position:absolute;left:0;right:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80,0 16px 48px #00000040;box-shadow:inset 0 0 0 1px lab(100% 0 0/.5),0 16px 48px lab(0% 0 0/.25)}.styles-module__59KCLG__appIcon{background:linear-gradient(135deg,#699dea,#5b48ee);border-radius:6px;flex-shrink:0;width:24px;height:24px;margin-inline:-2px}@media (prefers-color-scheme:dark){.styles-module__59KCLG__demo{background:radial-gradient(circle at 25% 20%,#33346380,#0000 45%),radial-gradient(circle at 75% 70%,#541f2180,#0000 45%),#000;background:radial-gradient(circle at 25% 20%,lab(23.6619% 10.0331 -28.2371/.5),#0000 45%),radial-gradient(circle at 75% 70%,lab(20.2824% 25.6069 11.6563/.5),#0000 45%),#000}.styles-module__59KCLG__menu{background:#2222228c;background:lab(13% 0 0/.55);box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 32px #00000080;box-shadow:inset 0 0 0 1px lab(100% 0 0/.1),0 10px 32px lab(0% 0 0/.5)}.styles-module__59KCLG__row{color:#f8f8f8;color:lab(97.68% -.0000298023 .0000119209)}.styles-module__59KCLG__row:hover,.styles-module__59KCLG__row:active{background:#ffffff14;background:lab(100% 0 0/.08)}.styles-module__59KCLG__icon{color:#dedede;color:lab(88.4% 0 .0000119209)}.styles-module__59KCLG__chevron{color:#9e9e9e;color:lab(65.2% 0 0)}.styles-module__59KCLG__groupGap{background:#ffffff14;background:lab(100% 0 0/.08)}.styles-module__59KCLG__submenu{background:#2b2b2bb8;background:lab(17.64% -.0000149012 0/.72);box-shadow:inset 0 0 0 1px #ffffff24,0 16px 48px #0009;box-shadow:inset 0 0 0 1px lab(100% 0 0/.14),0 16px 48px lab(0% 0 0/.6)}}
.styles-module__BXIstW__h1{letter-spacing:-.05em;color:var(--color-neutral-950,#0a0a0a);font-size:clamp(32px,5vw,48px);font-weight:600;overflow:hidden}.styles-module__BXIstW__letter{animation:1.3s cubic-bezier(.075,.82,.165,1) styles-module__BXIstW__yTranslate;animation-delay:calc(30ms * var(--index));animation-fill-mode:backwards;display:inline-block}@keyframes styles-module__BXIstW__yTranslate{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-color-scheme:dark){.styles-module__BXIstW__h1{color:var(--color-neutral-50,#fafafa)}}@media (prefers-reduced-motion:reduce){.styles-module__BXIstW__letter{animation:none}}