.sv-voice-recorder{display:flex;flex-direction:column;gap:calc(var(--sjs-base-unit, 8px) * 1.5)}.sv-voice-recorder__decorator{display:flex;flex-direction:column;align-items:center;justify-content: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, rgba(0, 0, 0, .16));border-radius:calc(var(--sjs-corner-radius, 4px))}.sv-voice-recorder__hint{text-align:center;color:var( --sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, .45)) );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;display:inline-flex;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:none;border-radius:calc(12.5 * var(--sjs-base-unit, 8px));background:transparent;font-family:var(--sjs-font-family, "Open Sans");font-size:var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px));font-weight:600;color:var(--sjs-primary-backcolor, #19b394);cursor:pointer;transition:background-color var(--sjs-transition-duration, .15s)}.sv-voice-recorder__record-btn:hover{background:var(--sjs-primary-backcolor-light, rgba(25, 179, 148, .1))}.sv-voice-recorder__record-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sjs-primary-backcolor, #19b394)}.sv-voice-recorder__record-btn-icon{display:flex;align-items:center;color:var(--sjs-primary-backcolor, #19b394)}.sv-voice-recorder__recording{display:flex;flex-direction:column;gap:calc(var(--sjs-base-unit, 8px) * 1.5);padding:calc(var(--sjs-base-unit, 8px) * 2);border:1px solid var(--sjs-special-red, rgba(229, 10, 62, 1));border-radius:calc(var(--sjs-corner-radius, 4px));background:var(--sjs-general-backcolor, #fff)}.sv-voice-recorder__status{display:flex;align-items:center;gap:calc(var(--sjs-base-unit, 8px) * 1)}.sv-voice-recorder__dot{width:10px;height:10px;border-radius:50%;background:var(--sjs-special-red, rgba(229, 10, 62, 1));flex-shrink:0;animation:sv-voice-pulse 1.4s ease-in-out infinite}@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-weight:600;font-variant-numeric:tabular-nums;color:var(--sjs-special-red, rgba(229, 10, 62, 1));line-height:1}.sv-voice-recorder__timer-sep{color:var(--sjs-general-forecolor-light, rgba(0, 0, 0, .35));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, rgba(0, 0, 0, .45));line-height:1}.sv-voice-recorder__progress{width:100%;height:4px;background:var(--sjs-border-light, rgba(0, 0, 0, .09));border-radius:2px;overflow:hidden}.sv-voice-recorder__progress-fill{height:100%;background:var(--sjs-special-red, rgba(229, 10, 62, 1));transition:width .8s linear;border-radius:2px}.sv-voice-recorder__stop-btn{appearance:none;display:inline-flex;align-items:center;justify-content: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:none;border-radius:calc(var(--sjs-corner-radius, 4px));background:var(--sjs-special-red, rgba(229, 10, 62, 1));color:#fff;font-family:var(--sjs-font-family, "Open Sans");font-size:var(--sjs-font-size, 16px);font-weight:600;cursor:pointer;align-self:flex-start;transition:opacity .15s ease}.sv-voice-recorder__stop-btn:hover{opacity:.85}.sv-voice-recorder__saved{display:flex;flex-direction:column;gap:calc(var(--sjs-base-unit, 8px) * 1.5)}.sv-voice-recorder__audio{width:100%;display:block;border-radius:calc(var(--sjs-corner-radius, 4px))}.sv-voice-recorder__clear-btn{appearance:none;display:inline-flex;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:none;border-radius:calc(12.5 * var(--sjs-base-unit, 8px));background:transparent;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));font-weight:600;cursor:pointer;align-self:flex-start;transition:background-color var(--sjs-transition-duration, .15s)}.sv-voice-recorder__clear-btn:hover{background:var(--sjs-primary-backcolor-light, rgba(25, 179, 148, .1))}.sv-voice-recorder__clear-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sjs-primary-backcolor, #19b394)}