.show-demo-box[data-v-1fe7783a]{border-radius:1rem;padding:1.25rem 1.25rem 30px;background:#191919 bg-opacity-90;border:1px solid hsla(0,0%,100%,.2)}.show-demo-box .demo-icon[data-v-1fe7783a]{margin-left:auto;margin-right:auto;margin-bottom:.5rem}.show-demo-box .demo-icon.active.nuxt-icon.nuxt-icon--fill[data-v-1fe7783a],.show-demo-box .demo-icon.active.nuxt-icon.nuxt-icon--fill[data-v-1fe7783a] *{fill:#00e054!important}.show-demo-box .demo-icon.nuxt-icon.nuxt-icon--fill[data-v-1fe7783a],.show-demo-box .demo-icon.nuxt-icon.nuxt-icon--fill[data-v-1fe7783a] *{fill:#d2d2d3!important}.show-demo-box .progress-bar-wrapper[data-v-1fe7783a]{margin-top:.75rem;width:66.666667%}@media not all and (min-width:1024px){.show-demo-box .progress-bar-wrapper[data-v-1fe7783a]{position:absolute;bottom:1.25rem;width:91.666667%}}@media not all and (min-width:768px){.show-demo-box .progress-bar-wrapper[data-v-1fe7783a]{left:100px;width:41.666667%}}.show-demo-box .record-player[data-v-1fe7783a]{width:280px;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(39 41 46/var(--tw-border-opacity))}@media not all and (min-width:1024px){.show-demo-box .record-player[data-v-1fe7783a]{width:100%;border-radius:1rem}}.show-demo-box .record-player .record-bg[data-v-1fe7783a]{width:100%}@media not all and (min-width:1024px){.show-demo-box .record-player .record-bg[data-v-1fe7783a]{max-height:204px}}@media not all and (min-width:768px){.show-demo-box .record-player .record-bg[data-v-1fe7783a]{max-height:104px}}.show-demo-box .record-player .record-disc-wrapper[data-v-1fe7783a]{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;flex-direction:column;align-items:center}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper[data-v-1fe7783a]{flex-direction:row;align-items:center;justify-content:space-between;padding:1.25rem}}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper[data-v-1fe7783a]{width:100%;max-width:200px}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper[data-v-1fe7783a]{max-width:120px}}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .progress-bar[data-v-1fe7783a]{position:relative;height:.5rem;cursor:pointer;border-radius:9999px;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:.2}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .progress-bar[data-v-1fe7783a]{height:.5rem}}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .progress-bar .progress[data-v-1fe7783a]{position:absolute;top:0;left:0;height:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .time-display[data-v-1fe7783a]{margin-top:.25rem;display:flex;justify-content:space-between;font-size:.75rem;line-height:1rem;color:rgb(255 255 255/var(--tw-text-opacity));--tw-text-opacity:.6}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc-wrapper .progress-bar-wrapper .time-display[data-v-1fe7783a]{font-size:10px}}.show-demo-box .record-player .record-disc[data-v-1fe7783a]{margin-top:1.75rem;width:180px;height:180px;border-radius:9999px}@media not all and (min-width:1024px){.show-demo-box .record-player .record-disc[data-v-1fe7783a]{margin-top:0;width:100px;height:100px}}@media not all and (min-width:768px){.show-demo-box .record-player .record-disc[data-v-1fe7783a]{width:4rem;height:4rem}}.show-demo-box .record-player .record-disc.animate-spin[data-v-1fe7783a]{animation:spin-1fe7783a 4s linear infinite}.show-demo-box .record-player .record-disc.paused[data-v-1fe7783a]{animation-play-state:paused}@keyframes spin-1fe7783a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.show-demo-box .record-player .desc[data-v-1fe7783a]{margin-top:1rem;margin-bottom:10px;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:1024px){.show-demo-box .record-player .desc[data-v-1fe7783a]{position:absolute;left:150px;top:1.25rem;margin-top:0;margin-bottom:0}}@media not all and (min-width:768px){.show-demo-box .record-player .desc[data-v-1fe7783a]{left:100px}}.show-demo-box .record-player .play-btn[data-v-1fe7783a]{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(210 210 211/var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media not all and (min-width:1024px){.show-demo-box .record-player .play-btn[data-v-1fe7783a]{width:2.5rem;height:2.5rem}}.show-demo-box .record-player .play-btn[data-v-1fe7783a]:disabled{cursor:not-allowed;--tw-bg-opacity:1!important;background-color:rgb(210 210 211/var(--tw-bg-opacity))!important}.show-demo-box .record-player .play-btn[data-v-1fe7783a]:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.show-demo-box .record-stem-list[data-v-1fe7783a]{margin-left:2.75rem;display:grid;width:100%;flex:1 1 0%;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;grid-gap:1.25rem}@media not all and (min-width:1024px){.show-demo-box .record-stem-list[data-v-1fe7783a]{margin-left:0;margin-top:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;grid-gap:1rem}}.show-demo-box .stem-item[data-v-1fe7783a]{border-radius:.5rem;padding:1.75rem;text-align:center;background:#1c1f23;border:1px solid hsla(0,0%,100%,.1);transition:all .3s}@media not all and (min-width:1024px){.show-demo-box .stem-item[data-v-1fe7783a]{padding:.75rem}}.show-demo-box .stem-item .toggle-btn[data-v-1fe7783a]{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.5rem;min-width:3rem;border-radius:9999px;background:#ffffff1a;transition:all .3s}.show-demo-box .stem-item .toggle-btn .toggle-dot[data-v-1fe7783a]{position:absolute;top:2px;left:2px;display:flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border-radius:9999px;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-border-opacity:.2;--tw-bg-opacity:1;background-color:rgb(210 210 211/var(--tw-bg-opacity));transition:all .3s}.show-demo-box .stem-item .toggle-btn .toggle-dot[data-v-1fe7783a]:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.show-demo-box .stem-item .toggle-btn .toggle-dot .nuxt-icon[data-v-1fe7783a]{display:inline-block;width:1rem;height:1rem;--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.show-demo-box .stem-item .toggle-btn.active[data-v-1fe7783a]{background:#2cf370}.show-demo-box .stem-item .toggle-btn.active .toggle-dot[data-v-1fe7783a]{left:calc(100% - 22px);--tw-bg-opacity:1;background-color:rgb(6 49 21/var(--tw-bg-opacity))}.show-demo-box .stem-item .toggle-btn.active .toggle-dot .nuxt-icon[data-v-1fe7783a]{display:none}[data-v-1fe7783a] .section-title-2.title-highlight span{--tw-text-opacity:1;color:rgb(44 243 112/var(--tw-text-opacity))}.progress-range[data-v-1fe7783a]{position:absolute;top:-.5rem;left:0;height:1.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;opacity:0}.progress-range[data-v-1fe7783a]:focus-visible{opacity:1;outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#2cf370}.progress-range[data-v-1fe7783a]:disabled{cursor:not-allowed}