.demo-music-grid[data-v-20f82af3]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.demo-music-grid[data-v-20f82af3]{grid-template-columns:1fr}}.demo-music-card[data-v-20f82af3]{border:1.5px solid rgb(var(--v-theme-borderLight));cursor:pointer;transition:border-color .15s ease}.demo-music-card--selected[data-v-20f82af3],.demo-music-card[data-v-20f82af3]:hover{border-color:rgb(var(--v-theme-primary))}.demo-music-card--selected[data-v-20f82af3]{background:rgb(var(--v-theme-lightprimary))!important}@font-face{font-family:Figtree;src:local("Figtree Regular Italic"),local("Figtree Italic"),url(../_fonts/GGKideAjfMAKyTBHll7hWfMOfVofE4l3SxQioJDClFo-KcSaiWWOPfNV4jZhVX4ZJvOHM1z4nF2URBUcFDhNWMU.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:italic}@font-face{font-family:"Figtree Fallback: BlinkMacSystemFont";src:local("BlinkMacSystemFont");size-adjust:107.8021%;ascent-override:88.1244%;descent-override:23.1906%;line-gap-override:0%}@font-face{font-family:"Figtree Fallback: Segoe UI";src:local("Segoe UI");size-adjust:101.2722%;ascent-override:93.8065%;descent-override:24.6859%;line-gap-override:0%}@font-face{font-family:"Figtree Fallback: Helvetica Neue";src:local("Helvetica Neue");size-adjust:99.7778%;ascent-override:95.2116%;descent-override:25.0557%;line-gap-override:0%}@font-face{font-family:"Figtree Fallback: Arial";src:local("Arial");size-adjust:100.7176%;ascent-override:94.3231%;descent-override:24.8219%;line-gap-override:0%}@font-face{font-family:"Figtree Fallback: Noto Sans";src:local("Noto Sans");size-adjust:94.7257%;ascent-override:100.2895%;descent-override:26.392%;line-gap-override:0%}@font-face{font-family:Figtree;src:local("Figtree Regular Italic"),local("Figtree Italic"),url(../_fonts/z6yt2SLsKJyAeCZ2M0ndooh7kHgK9Uz8POJrPOWm4Ag-Qf3_AhLFql_ve954vTa-rn47pyrNhaXT2ifOjSfAEQk.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:italic}@font-face{font-family:Figtree;src:local("Figtree Regular"),local("Figtree"),url(../_fonts/BiYz0pMk-hyrsvWSPeR-IXy-pBeLBrRom_WX3dwfScE-ZaxJKEp7ys5_GhC579HWRRrjYkmOOnZmeAfpOLCxsjQ.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:Figtree;src:local("Figtree Regular"),local("Figtree"),url(../_fonts/stzL2Lc1iROo0VUkpVBbtGB-M5P7YfPrLw4ujgQAF18-MqfO2JaBYe5YkW0xeKWyfVNjzIXZNC7dUEz1UChees8.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}.demo-card[data-v-8e170e02]{background:rgb(var(--v-theme-surface))!important;margin:0 auto;max-width:800px;overflow:hidden}.demo-steps[data-v-8e170e02]{overflow-x:auto}.demo-step-btn[data-v-8e170e02]{align-items:center;background:transparent;border:none;color:rgb(var(--v-theme-mutedText));cursor:pointer;display:flex;flex:1;font-family:Figtree,"Figtree Fallback: BlinkMacSystemFont","Figtree Fallback: Segoe UI","Figtree Fallback: Helvetica Neue","Figtree Fallback: Arial","Figtree Fallback: Noto Sans",sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:16px 12px;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.demo-step-btn[data-v-8e170e02]:hover{background:rgb(var(--v-theme-bgSubtle))}.demo-step-btn--active[data-v-8e170e02]{background:rgb(var(--v-theme-lightprimary));color:rgb(var(--v-theme-primary))}.demo-step-btn--active .demo-step-num[data-v-8e170e02],.demo-step-btn--done .demo-step-num[data-v-8e170e02]{background:rgb(var(--v-theme-primary));color:#fff}.demo-steps-nav[data-v-8e170e02]{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.demo-steps-nav-label[data-v-8e170e02]{align-items:center;display:flex;flex:1;gap:10px;justify-content:center}.demo-steps-nav-title[data-v-8e170e02]{color:rgb(var(--v-theme-lightText));font-size:13px;font-weight:600}.demo-steps-nav-count[data-v-8e170e02]{color:rgb(var(--v-theme-mutedText));font-size:12px}.demo-nav-arrow[data-v-8e170e02]{align-items:center;background:rgb(var(--v-theme-bgSubtle));border:none;border-radius:8px;color:rgb(var(--v-theme-lightText));cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:32px}.demo-nav-arrow[data-v-8e170e02]:hover:not(:disabled){background:rgb(var(--v-theme-lightprimary));color:rgb(var(--v-theme-primary))}.demo-nav-arrow[data-v-8e170e02]:disabled{cursor:default;opacity:.3}.demo-step-num{&--active[data-v-8e170e02]{background:rgb(var(--v-theme-primary));color:#fff}}.demo-step-num[data-v-8e170e02]{align-items:center;background:rgb(var(--v-theme-bgMuted));border-radius:50%;color:rgb(var(--v-theme-lightText));display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}
