.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%}