@use '../base/common/base-variables' as *;

// Speechtotext component styles

$stt-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12) !default;
$stt-border-radius: 9999px !default;
$stt-font-weight: 500 !default;
$stt-font-size: 14px !default;
$stt-line-height: 20px !default;
$stt-round-width: 40px !default;
$stt-round-height: 40px !default;
$stt-btn-font-size: 18px !default;
$stt-min-height: 40px !default;
$stt-min-width: 40px !default;
$stt-padding: 0 14px !default;
$stt-margin-top: 1px !default;
$stt-round-padding: 0 !default;
$stt-btn-icon-line-height: 2px !default;

$stt-bigger-border-radius: $stt-border-radius !default;
$stt-bigger-font-weight: 500 !default;
$stt-bigger-font-size: 16px !default;
$stt-bigger-line-height: 20px !default;
$stt-bigger-round-width: 52px !default;
$stt-bigger-round-height: 52px !default;
$stt-bigger-btn-font-size: 22px !default;
$stt-bigger-min-height: 52px !default;
$stt-bigger-min-width: 52px !default;
$stt-bigger-padding: 0 16px !default;
$stt-bigger-margin-top: 0 !default;
$stt-bigger-round-padding: 0 !default;
$stt-bigger-round-btn-margin-top: 0 !default;
$stt-bigger-btn-icon-line-height: 1px !default;
