._input-wrap_17a1y_1 {
    padding: 0px 6px;
    font-size: 12px;
    color: rgba(27, 35, 55, .6)
}

._input-line_17a1y_13 {
    display: flex;
    align-items: center;
    gap: 0.5rem
}

._input-range_17a1y_25 {
    position: relative;
    width: 100%;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    min-width: 0px;
    flex: 1 1 auto;
}

._input-range_17a1y_25._disabled_17a1y_49 {
    opacity: 0.5;
    cursor: not-allowed;
}

._track_17a1y_59 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #e5e5e5;
    border-radius: 3px;
    transform: translateY(-50%);
}

._inner_17a1y_81 {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #6366f1;
    border-radius: 3px;
    transition: width 0.1s ease-out, left 0.1s ease-out;
}

._start-marker_17a1y_99 {
    position: absolute;
    top: 50%;
    width: 2px;
    height: 100%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

._thumb_17a1y_119 {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    background-color: #6366f1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    outline: none;
    z-index: 10;
    transition: left 0.1s ease-out, transform 0.1s ease-out, background-color 0.15s ease-out;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    border: 2px solid #fff;
}

._thumb_17a1y_119::after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: "";
}

._thumb_17a1y_119:hover {
    background-color: #7c3aed;
}

._thumb_17a1y_119:focus {
    background-color: #7c3aed;
}

._thumb_17a1y_119:active,
._input-range_17a1y_25._dragging_17a1y_187 ._thumb_17a1y_119 {
    background-color: rgba(139, 92, 246, 0.95);
}

._thumb_17a1y_119:hover ._tooltip_17a1y_195,
._thumb_17a1y_119:focus ._tooltip_17a1y_195,
._input-range_17a1y_25._dragging_17a1y_187 ._tooltip_17a1y_195 {
    opacity: 1;
    display: block;
}

._tooltip_17a1y_195 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 12px;
    padding: 0px 4px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    color: #000;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-out;
    z-index: 20;
    display: none;
    min-width: 24px;
    text-align: center;
}

._tooltip_17a1y_195::after {
    content: "";
    display: block;
    position: absolute;
    height: 6px;
    width: 6px;
    background: #fff;
    bottom: -3px;
    left: calc(50% - 3px);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(-45deg);
    z-index: 21;
}

._label_17a1y_281 {
    font-size: 14px;
    color: #1b2337;
    margin-bottom: 0.25rem;
}

._input_17a1y_1 {
    outline: none;
    border-radius: 0.25rem;
    background-color: rgba(247, 248, 250, .72);
    color: #1b2337;
    width: 2.75rem;
    height: 28px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: center;
}.ssml-editor {
    position: relative;
    padding: 8px 12px;
    height: calc(100% - 16px);
    line-height: 2;
    font-size: 14px;
    margin: 8px 4px;
    
    word-break: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    overflow-y: auto;
}

.ssml-editor:empty:before {
    content: attr(data-placeholder);
    color: #999;
    position: absolute;
    pointer-events: none;
}

.ssml-editor:focus {
    outline: none;
}

.ssml-editor *:focus {
    outline: none;
}

.ssml-wrapper {
    line-height: 1.5;
    font-size: 15px;
    margin: 0 1px;
    --color: #9958f4;
    --hover: #a76bf7;
}

.no-editable {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.ssml-placeholder {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    /* font-size: 10px; */
    /* margin: 0 1px; */
    line-height: 24px;
}


.ssml-wrapper-tag {
    line-height: 1.5;
    font-size: 14px;
    color: white;
    border-radius: 3px;
    padding: 0 3px 0 4px;
    background-color: var(--color);
    cursor: default;
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.ssml-wrapper-tag:hover {
    background-color: var(--hover);
    border-radius: 3px 3px 0 3px;
}

.ssml-wrapper-tag .tag {
    white-space: nowrap;
}


.ssml-wrapper-tag svg:hover {
    opacity: 1 !important;
}

.ssml-wrapper .content {
    /*  color: var(--color);
    margin-left: 3px;*/
    padding-left: 3px;
}

.ssml-wrapper .content::before {
    /*  font-size: 12px; */
    content: '\0393';
    color: var(--color);
}

.ssml-wrapper .content::after {
    content: '\0393';
    color: var(--color);
    display: inline-block;
    transform: rotate(180deg);
    /* transform: scaleX(-1); */
    transform-origin: center;
}

.no-editable .content {
    position: relative;
}

.no-editable .content .mark {
    left: -20px;
    z-index: -10;
}

.ssml-break {
    --color: #2da94f;
    --hover: #3bc263;
}

.ssml-phoneme {
    --color: #00cee3;
    --hover: #00e0f5;
}

.ssml-number {
    --color: #3583fb;
    --hover: #4d91ff;
}

.ssml-number_digit {
    --color: #3583fb;
    --hover: #4d91ff;
}

.ssml-alias {
    --color: #f57d19;
    --hover: #ff8c29;
}

.ssml-lianxu {
    --color: #84cc16;
    --hover: #95e02a;
}

.ssml-name {
    --color: #8b5cf6;
    --hover: #a78bfa;
}

.ssml-address {
    --color: #ec4899;
    --hover: #f472b6;
}

.ssml-date {
    --color: #0ea5e9;
    --hover: #38bdf8;
}

.ssml-time {
    --color: #06b6d4;
    --hover: #22d3ee;
}

.ssml-characters {
    --color: #f59e0b;
    --hover: #fbbf24;
}

.ssml-digit {
    --color: #ef4444;
    --hover: #f87171;
}

.ssml-telephone {
    --color: #10b981;
    --hover: #34d399;
}

.ssml-phoneme>.ssml-wrapper-tag:hover~.peer-hover,
.ssml-number>.ssml-wrapper-tag:hover~.peer-hover,
.ssml-alias>.ssml-wrapper-tag:hover~.peer-hover,
.ssml-lianxu>.ssml-wrapper-tag:hover~.peer-hover,
.ssml-text>.ssml-wrapper-tag:hover~.peer-hover {
    border-bottom: 1px solid var(--color);
}.waveform-player{font-family:inherit;color:inherit;line-height:1.4}.waveform-player *{box-sizing:border-box}.waveform-body{display:flex;flex-direction:column;gap:8px}.waveform-track{display:flex;align-items:center;gap:12px;position:relative}.waveform-container{flex:1;position:relative;min-height:32px;cursor:pointer;min-width:0;width:100%}.waveform-container canvas{display:block;width:100%;height:100%;max-width:100%;transition:opacity .3s ease;position:relative;z-index:1}.waveform-loading{position:absolute;inset:0;background:#0000001a;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.waveform-loading:after{content:"";width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffc;border-radius:50%;animation:waveform-spin 1s linear infinite}@keyframes waveform-spin{to{transform:rotate(360deg)}}.waveform-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;z-index:10}.waveform-error-text{font-size:12px;opacity:.7;text-align:center;padding:0 20px}.waveform-player.waveform-focused{outline:2px solid rgba(168,85,247,.5);outline-offset:2px;border-radius:4px}.waveform-player:focus{outline:none}.waveform-player:focus-visible{outline:1px solid rgba(168,85,247,.3);outline-offset:1px}.waveform-player.waveform-focused{outline:none}.waveform-track.waveform-align-top{align-items:flex-start}.waveform-track.waveform-align-center{align-items:center}.waveform-track.waveform-align-bottom{align-items:flex-end}@media(max-width:480px){.waveform-container{min-height:50px}}
._gg-spinner_c4kb7_1 {
    --bw: 2px;
    --size: 20px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: var(--size);
    height: var(--size);
    font-size:8px;
}

._gg-spinner_c4kb7_1::after,
._gg-spinner_c4kb7_1::before {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    border-radius: 100%;
}

._gg-spinner_c4kb7_1::before {
    animation: _spinner_c4kb7_1 infinite 0.75s linear;
    border: var(--bw) solid transparent;
    border-top-color: currentColor;
}

._gg-spinner_c4kb7_1::after {
    border: var(--bw) solid;
    opacity: 0.2;
}

@keyframes _spinner_c4kb7_1 {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}