button{background-color:transparent;border:none;cursor:pointer;outline:none}.x-button.size-normal[data-v-6900e7ff]{border-radius:8px;font-size:14px;padding:6px 15px}.x-button.type-primary[data-v-6900e7ff]{background-color:var(--x-purple-6);color:#fff}.x-button.type-primary[data-v-6900e7ff]:hover:not(:disabled){background-color:var(--x-purple-7)}.x-button.type-primary[data-v-6900e7ff]:active:not(:disabled){opacity:.9}.x-button.type-primary[data-v-6900e7ff]:disabled{cursor:not-allowed;opacity:.5}.x-button.type-ghost[data-v-6900e7ff]{background-color:transparent;border:1px solid var(--x-back-5);color:var(--x-text-1)}.x-button.type-ghost[data-v-6900e7ff]:hover{border-color:var(--x-purple-6);color:var(--x-purple-6)}.x-button.type-ghost[data-v-6900e7ff]:active{opacity:.9}.x-button.type-ghost[data-v-6900e7ff]:disabled{border-color:var(--x-back-5);color:var(--x-text-5);cursor:not-allowed}.login-btn[data-v-046eb521]{background-color:var(--purple-6)!important;border-radius:8px;font-size:16px;font-weight:400;height:36px;line-height:36px;margin-left:12px;min-width:100px;padding:0 24px}.login-btn[data-v-046eb521]:active,.login-btn[data-v-046eb521]:hover{background-color:var(--purple-7)!important}.edit-card[data-v-084ef119]{align-self:stretch;background:var(--x-back-3);border-radius:var(--x-radius-large);display:flex;flex-direction:column;padding:32px}.edit-card_title[data-v-084ef119]{color:var(--x-text-1);font-size:var(--x-text-24-size);font-style:normal;font-weight:400;line-height:normal}.edit-card_des[data-v-084ef119]{color:var(--x-text-5);flex:1;font-size:var(--x-text-16-size);font-style:normal;line-height:28px;margin-bottom:24px;margin-top:12px}.edit-card-img[data-v-084ef119]{aspect-ratio:516/387;border-radius:12px;width:100%}.edit-card-img img[data-v-084ef119]{border-radius:var(--x-radius-large);display:block;width:516px}@media (min-width:1920px){.edit-card-img img[data-v-084ef119]{width:636px}}@media (min-width:1600px) and (max-width:1920px){.edit-card-img img[data-v-084ef119]{width:clamp(516px,516px + 120 * (100vw - 1600px)/320,636px)}}.edit-card-btn[data-v-084ef119]{display:flex;justify-content:center;margin-top:24px}.tag[data-v-86353072]{background-color:var(--x-back-1);border-radius:8px;color:var(--x-text-1);font-size:16px;font-weight:400;line-height:normal;padding:4px 12px;pointer-events:none;text-align:center}.studio-card[data-v-26e06c7d]{border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:all .3s ease;width:100%}.studio-card[data-v-26e06c7d]:hover{box-shadow:0 2px 20px rgba(18,25,38,.1)}.studio-card .studio-card__cover[data-v-26e06c7d]{aspect-ratio:16/9;background:var(--x-back-3);height:auto;width:100%}.studio-card .studio-card__cover.is-portrait[data-v-26e06c7d]{flex:1;height:0;width:auto}.studio-card .studio-card__content[data-v-26e06c7d]{background:var(--x-back-1);border-bottom:1px solid var(--x-back-5);border-left:1px solid var(--x-back-5);border-radius:0 0 12px 12px;border-right:1px solid var(--x-back-5);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:274px;justify-content:space-between;overflow:hidden;padding:24px 23px 23px;width:100%}.studio-card .studio-card__tags[data-v-26e06c7d]{align-items:flex-start;display:flex;gap:12px;height:30px;justify-content:flex-start}.studio-card .studio-card__tags .studio-card__post-tag[data-v-26e06c7d]{background-color:var(--x-back-3);flex-shrink:0;font-size:16px;line-height:22px}.studio-card .studio-card__title[data-v-26e06c7d]{color:var(--x-text-1);font-size:20px;-webkit-line-clamp:2;line-height:normal;width:100%}.studio-card .studio-card__description[data-v-26e06c7d],.studio-card .studio-card__title[data-v-26e06c7d]{display:-webkit-box;font-weight:400;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.studio-card .studio-card__description[data-v-26e06c7d]{color:var(--x-text-5);flex:1;font-size:14px;font-style:normal;-webkit-line-clamp:3;line-height:28px}.studio-card__button[data-v-26e06c7d]{display:flex;justify-content:center;line-height:20px;padding:8px 20px!important}.play-btn[data-v-cf6b67a0]{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.play-btn[data-v-cf6b67a0]:hover{background-color:#fff}.play-btn__icon[data-v-cf6b67a0]{height:100%;width:100%}.play-voice[data-v-7d2dae92]{display:flex;flex-direction:column;font-size:var(--x-text-12-size);gap:2px;line-height:var(--x-text-12-line-height);text-align:center}.play-voice--base[data-v-7d2dae92]{color:var(--x-text-3)}.play-voice--pro[data-v-7d2dae92]{color:var(--x-warning-10)}.play-btn[data-v-7d2dae92]{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.play-btn--base[data-v-7d2dae92]{background:var(--x-back-3);color:var(--x-text-5)}.play-btn--base.play-btn--pending[data-v-7d2dae92],.play-btn--base.play-btn--playing[data-v-7d2dae92],.play-btn--base[data-v-7d2dae92]:hover{background:var(--x-purple-1);color:var(--x-purple-6)}.play-btn--base.play-btn--pending[data-v-7d2dae92]{animation:rotate-7d2dae92 2s linear infinite}.play-btn--pro[data-v-7d2dae92]{background:var(--x-warning-3);color:var(--x-warning-10)}.play-btn--pro[data-v-7d2dae92]:hover{background:var(--x-warning-4)}.play-btn--pro.play-btn--pending[data-v-7d2dae92],.play-btn--pro.play-btn--playing[data-v-7d2dae92]{background:var(--x-warning-4);color:var(--x-warning-10)}.play-btn--pro.play-btn--pending[data-v-7d2dae92]{animation:rotate-7d2dae92 2s linear infinite}.play-btn__playing-wrap[data-v-7d2dae92]{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.play-btn__playing-wrap--base[data-v-7d2dae92]{background:var(--x-purple-1)}.play-btn__playing-wrap--pro[data-v-7d2dae92]{background:var(--x-warning-3)}.play-btn__progress-bg[data-v-7d2dae92]{border-radius:50%;height:34px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;z-index:2}.play-btn__playing-wrap--base .play-btn__progress-bg[data-v-7d2dae92]{background:var(--x-purple-1)}.play-btn__playing-wrap--pro .play-btn__progress-bg[data-v-7d2dae92]{background:var(--x-warning-3)}.play-btn__progress-circle[data-v-7d2dae92]{border-radius:50%;height:36px;width:36px;z-index:1}.play-btn__icon[data-v-7d2dae92],.play-btn__progress-circle[data-v-7d2dae92]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.play-btn__icon[data-v-7d2dae92]{height:14px;width:14px;z-index:99}.play-btn__icon-pending[data-v-7d2dae92],.play-btn__icon-stop[data-v-7d2dae92]{height:16px;width:16px}@keyframes rotate-7d2dae92{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tone-card[data-v-025ee6df]{border:1px solid var(--x-back-4);border-radius:8px;height:100%;min-width:325px;position:relative;width:100%}.tone-card.is-us[data-v-025ee6df]{min-width:305px}.tone-card__wrapper[data-v-025ee6df]{align-items:center;display:flex;padding:26px 20px;position:relative}.tone-card[data-v-025ee6df]:hover{box-shadow:var(--x-shadow)}.tone-card:hover .tone-card__actions[data-v-025ee6df]{display:flex}.tone-card:hover .tone-card__tags[data-v-025ee6df]{display:none}.tone-card__tags[data-v-025ee6df]{left:10px;position:absolute;top:10px}.tone-card__actions[data-v-025ee6df]{align-items:center;display:none;gap:4px;justify-content:space-between;left:8px;position:absolute;top:8px}.tone-card__right[data-v-025ee6df]{align-items:center;display:flex;gap:12px;margin-left:auto}.tone-card__play-group[data-v-025ee6df]{align-items:center;display:flex;gap:8px}.tone-card__content[data-v-025ee6df]{display:flex;flex:1;flex-direction:column;gap:8px;overflow:hidden}.tone-card__name[data-v-025ee6df]{color:var(--x-text-1);display:flex;font-size:var(--x-text-16-size);font-weight:var(--x-weight-medium);line-height:var(--x-text-16-line-height);width:100%}.tone-card__desc[data-v-025ee6df]{align-items:center;color:var(--x-text-5);display:flex;font-size:var(--x-text-12-size);gap:8px;line-height:var(--x-text-14-line-height);padding-right:42px;width:100%}.tone-card__divider_vertical[data-v-025ee6df]{height:12px;margin:0;transform:translateY(4px)}.tone-card__footer[data-v-025ee6df]{display:flex;padding:12px 20px}.tone-card__divider-wrapper[data-v-025ee6df]{margin:0;padding:0 20px;position:relative}.tone-card__divider-wrapper[data-v-025ee6df]:before{background-color:var(--x-back-4);content:" ";display:block;height:1px;width:100%}