:root{--switch-width:40px;--switch-height:24px;--switch-track-width:38px;--switch-track-height:14.4px;--switch-track-border-radius:calc(40px / 3);--switch-track-background:#fff;--switch-track-active-background:var(--color-primary);--switch-track-error-background:var(--color-danger);--switch-handle-width:20px;--switch-handle-height:20px;--switch-handle-background:var(--color-on-primary);--switch-handle-color:var(--color-primary);--switch-handle-active-color:var(--color-on-primary);--switch-handle-active-background:var(--color-primary);--switch-handle-error-background:var(--color-danger);--switch-ripple-color:var(--color-primary);--switch-ripple-size:40px;--switch-ripple-left:-10px;--switch-ripple-active-left:10px;--switch-loading-size:16px;--switch-disabled-opacity:var(--opacity-disabled);--switch-variant-width:52px;--switch-variant-height:32px;--switch-variant-track-border-color:#888;--switch-variant-track-background:var(--color-surface-container-highest);--switch-variant-handle-width:24px;--switch-variant-handle-height:24px;--switch-variant-handle-color:var(--color-on-primary);--switch-variant-handle-active-color:var(--color-primary);--switch-variant-handle-background:#888;--switch-variant-handle-active-background:var(--color-on-primary);--switch-variant-ripple-left:-4px;--switch-variant-ripple-active-left:16px}.var-switch{display:inline-block}.var-switch__block{cursor:pointer;-webkit-tap-highlight-color:transparent;width:var(--switch-width);height:var(--switch-height);justify-content:center;align-items:center;transition:filter .25s;display:flex;position:relative}.var-switch--disabled{cursor:not-allowed}.var-switch--disabled,.var-switch__track{filter:opacity(var(--switch-disabled-opacity))}.var-switch__track{width:var(--switch-track-width);height:var(--switch-track-height);border-radius:var(--switch-track-border-radius);background-color:var(--switch-track-background);transition:background-color .25s}.var-switch__track--active{background-color:var(--switch-track-active-background)}.var-switch__track--error{background-color:var(--switch-track-error-background)!important}.var-switch__ripple{color:var(--switch-ripple-color);transition:.3s var(--cubic-bezier);width:var(--switch-ripple-size);height:var(--switch-ripple-size);left:var(--switch-ripple-left);border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.var-switch__ripple--active{left:var(--switch-ripple-active-left)}.var-switch__handle{background-color:var(--switch-handle-background);color:var(--switch-handle-color);width:var(--switch-handle-width);height:var(--switch-handle-height);border-radius:50%;outline:none;justify-content:center;align-items:center;transition:background-color .25s;display:flex}.var-switch__handle--active{background-color:var(--switch-handle-active-background);color:var(--switch-handle-active-color)}.var-switch__handle--error{background-color:var(--switch-handle-error-background)!important}.var-switch--variant .var-switch__block{width:var(--switch-variant-width);height:var(--switch-variant-height)}.var-switch--variant .var-switch__block:active .var-switch__handle{transform:scale(7/6)}.var-switch--variant .var-switch__track{border-radius:calc(var(--switch-variant-height) / 2);background-color:var(--switch-variant-track-background);border:2px solid var(--switch-variant-track-border-color);filter:none;width:100%;height:100%}.var-switch--variant .var-switch__track--active{background-color:var(--switch-track-active-background);border:none}.var-switch--variant .var-switch__ripple{left:var(--switch-variant-ripple-left)}.var-switch--variant .var-switch__ripple--active{left:var(--switch-variant-ripple-active-left)}.var-switch--variant .var-switch__handle{width:var(--switch-variant-handle-width);height:var(--switch-variant-handle-height);color:var(--switch-variant-handle-color);transform:scale(2/3);background-color:var(--switch-variant-handle-background);transition:transform .2s}.var-switch--variant .var-switch__handle--active{color:var(--switch-variant-handle-active-color);background-color:var(--switch-variant-handle-active-background);transform:none}.var-switch--variant .var-switch--disabled:active .var-switch__handle{transform:none}.var-switch__loading{width:var(--switch-loading-size);height:var(--switch-loading-size);animation:1.8s linear infinite circle;display:inline-block}.var-switch__loading svg{width:100%;height:100%;display:block}.var-switch__loading svg circle{stroke:currentColor;stroke-width:3px;stroke-linecap:round;animation:1.5s ease-in-out infinite circular}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes circular{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-40px}to{stroke-dasharray:90 150;stroke-dashoffset:-120px}}.content[data-v-8425efb7]{background:var(--base-bg-secondary);width:calc(var(--app-viewport-width) * .85);border-radius:calc(var(--app-viewport-width) * .02133);padding:calc(var(--app-viewport-width) * .08) calc(var(--app-viewport-width) * .02667);color:var(--base-text-light-gray);text-align:center;margin:0 auto}.content .music-box[data-v-8425efb7]{padding:0 calc(var(--app-viewport-width) * .06667)}.content .music-box .music-box-item[data-v-8425efb7]{border-bottom:1px solid var(--base-border-secondary);padding:calc(var(--app-viewport-width) * .04) 0;justify-content:space-between;display:flex}.content .music-box .music-box-item[data-v-8425efb7]:last-of-type{border:none}.content .music-box .music-box-item div i[data-v-8425efb7]{margin-right:calc(var(--app-viewport-width) * .01333);font-size:calc(var(--app-viewport-width) * .05333)}.content .music-box .music-box-item div[data-v-8425efb7]:first-of-type{font-size:calc(var(--app-viewport-width) * .04267)}.content .button[data-v-8425efb7]{border-radius:calc(var(--app-viewport-width) * .06667);background:var(--base-button-primary-color);width:calc(var(--app-viewport-width) * .53333);margin:calc(var(--app-viewport-width) * .10667) auto calc(var(--app-viewport-width) * .02667);height:calc(var(--app-viewport-width) * .10667);align-items:center;display:flex}.content .button i[data-v-8425efb7]{font-size:calc(var(--app-viewport-width) * .07467);margin-right:calc(var(--app-viewport-width) * .02667)}