.sv-voice-recorder{gap:calc(var(--sjs-base-unit,8px) * 1.5);flex-direction:column;display:flex}.sv-voice-recorder__decorator{justify-content:center;align-items:center;gap:calc(var(--sjs-base-unit,8px) * .5);padding:calc(var(--sjs-base-unit,8px) * 6) calc(var(--sjs-base-unit,8px) * 2);border:1px dashed var(--sjs-border-default,#00000029);border-radius:calc(var(--sjs-corner-radius,4px));flex-direction:column;display:flex}.sv-voice-recorder__hint{text-align:center;color:var(--sjs-font-questiondescription-color,var(--sjs-general-forecolor-light,#00000073));font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-editorfont-size,var(--sjs-font-size,16px));line-height:calc(1.5 * var(--sjs-font-editorfont-size,var(--sjs-font-size,16px)))}.sv-voice-recorder__record-btn{appearance:none;align-items:center;gap:calc(var(--sjs-base-unit,8px) * .75);padding:calc(var(--sjs-base-unit,8px) * 1) calc(var(--sjs-base-unit,8px) * 2);border-radius:calc(12.5 * var(--sjs-base-unit,8px));font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-editorfont-size,var(--sjs-font-size,16px));color:var(--sjs-primary-backcolor,#19b394);cursor:pointer;transition:background-color var(--sjs-transition-duration,.15s);background:0 0;border:none;font-weight:600;display:inline-flex}.sv-voice-recorder__record-btn:hover{background:var(--sjs-primary-backcolor-light,#19b3941a)}.sv-voice-recorder__record-btn:focus-visible{box-shadow:0 0 0 2px var(--sjs-primary-backcolor,#19b394);outline:none}.sv-voice-recorder__record-btn-icon{color:var(--sjs-primary-backcolor,#19b394);align-items:center;display:flex}.sv-voice-recorder__recording{gap:calc(var(--sjs-base-unit,8px) * 1.5);padding:calc(var(--sjs-base-unit,8px) * 2);border:1px solid var(--sjs-special-red,#e50a3e);border-radius:calc(var(--sjs-corner-radius,4px));background:var(--sjs-general-backcolor,#fff);flex-direction:column;display:flex}.sv-voice-recorder__status{align-items:center;gap:calc(var(--sjs-base-unit,8px) * 1);display:flex}.sv-voice-recorder__dot{background:var(--sjs-special-red,#e50a3e);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.4s ease-in-out infinite sv-voice-pulse}@keyframes sv-voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.sv-voice-recorder__timer{font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-size,16px);font-variant-numeric:tabular-nums;color:var(--sjs-special-red,#e50a3e);font-weight:600;line-height:1}.sv-voice-recorder__timer-sep{color:var(--sjs-general-forecolor-light,#00000059);font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-size,16px);line-height:1}.sv-voice-recorder__timer-max{font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-size,16px);font-variant-numeric:tabular-nums;color:var(--sjs-general-forecolor-light,#00000073);line-height:1}.sv-voice-recorder__progress{background:var(--sjs-border-light,#00000017);border-radius:2px;width:100%;height:4px;overflow:hidden}.sv-voice-recorder__progress-fill{background:var(--sjs-special-red,#e50a3e);border-radius:2px;height:100%;transition:width .8s linear}.sv-voice-recorder__stop-btn{appearance:none;justify-content:center;align-items:center;gap:calc(var(--sjs-base-unit,8px) * .75);padding:calc(var(--sjs-base-unit,8px) * 1) calc(var(--sjs-base-unit,8px) * 2);border-radius:calc(var(--sjs-corner-radius,4px));background:var(--sjs-special-red,#e50a3e);color:#fff;font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-size,16px);cursor:pointer;border:none;align-self:flex-start;font-weight:600;transition:opacity .15s;display:inline-flex}.sv-voice-recorder__stop-btn:hover{opacity:.85}.sv-voice-recorder__saved{gap:calc(var(--sjs-base-unit,8px) * 1.5);flex-direction:column;display:flex}.sv-voice-recorder__audio{border-radius:calc(var(--sjs-corner-radius,4px));width:100%;display:block}.sv-voice-recorder__clear-btn{appearance:none;align-items:center;gap:calc(var(--sjs-base-unit,8px) * .75);padding:calc(var(--sjs-base-unit,8px) * 1) calc(var(--sjs-base-unit,8px) * 4);border-radius:calc(12.5 * var(--sjs-base-unit,8px));color:var(--sjs-primary-backcolor,#19b394);font-family:var(--sjs-font-family,"Open Sans");font-size:var(--sjs-font-editorfont-size,var(--sjs-font-size,16px));cursor:pointer;transition:background-color var(--sjs-transition-duration,.15s);background:0 0;border:none;align-self:flex-start;font-weight:600;display:inline-flex}.sv-voice-recorder__clear-btn:hover{background:var(--sjs-primary-backcolor-light,#19b3941a)}.sv-voice-recorder__clear-btn:focus-visible{box-shadow:0 0 0 2px var(--sjs-primary-backcolor,#19b394);outline:none}