.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:var(--sjs2-spacing-x200,16px);padding:calc(var(--sjs-base-unit,8px) * 6) calc(var(--sjs-base-unit,8px) * 2);border:1px dashed var(--sjs2-color-component-input-default-line,#00000029);flex-direction:column;display:flex}.sv-voice-recorder__hint{text-align:center;color:var(--sjs2-color-component-question-default-title-placeholder,var(--sjs2-color-fg-basic-secondary,#5f6368));font-family:var(--sjs2-typography-font-family-text), sans-serif;font-size:var(--sjs2-typography-font-size-component-input-content,16px);line-height:calc(1.5 * var(--sjs2-typography-font-size-component-input-content,16px))}.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(--sjs2-typography-font-family-text), sans-serif;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(--sjs2-typography-font-family-text), sans-serif;font-size:var(--sjs-font-size,16px);line-height:1}.sv-voice-recorder__timer-max{font-family:var(--sjs2-typography-font-family-text), sans-serif;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(--sjs2-typography-font-family-text), sans-serif;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(--sjs2-color-fg-brand-primary,var(--sjs-primary-backcolor,#1a73e8));font-family:var(--sjs2-typography-font-family-text), sans-serif;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(--sjs2-color-bg-brand-secondary,var(--sjs-primary-backcolor-light,#e8f0fe))}.sv-voice-recorder__clear-btn:focus-visible{box-shadow:0 0 0 2px var(--sjs2-color-bg-brand-primary,var(--sjs-primary-backcolor,#1a73e8));outline:none}