.cbp-speech{position:relative;display:inline-flex;align-items:center}.cbp-speech__button{position:relative;width:40px;height:40px;border:none;border-radius:50%;background:var(--cbp-color-white);color:var(--cbp-color-gray-600);cursor:pointer;transition:all var(--cbp-transition-fast);padding:0;margin:0 var(--cbp-spacing-2);display:flex;align-items:center;justify-content:center;box-shadow:var(--cbp-shadow-sm)}.cbp-speech__button:hover{background:var(--cbp-color-gray-50);color:var(--cbp-color-primary);transform:translateY(-1px);box-shadow:var(--cbp-shadow-md)}.cbp-speech__button:active{transform:translateY(0);box-shadow:var(--cbp-shadow-sm)}.cbp-speech__button--active{background:var(--cbp-color-primary);color:var(--cbp-color-white);animation:pulse 2s infinite}.cbp-speech__button--active:hover{background:var(--cbp-color-primary);color:var(--cbp-color-white)}.cbp-speech__icon{width:24px;height:24px;transition:transform var(--cbp-transition-fast)}.cbp-speech__button--active .cbp-speech__icon{transform:scale(.9)}.cbp-speech__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:var(--cbp-z-index-modal);opacity:0;visibility:hidden;transition:all var(--cbp-transition-normal)}.cbp-speech__overlay--active{opacity:1;visibility:visible}.cbp-speech__content{background:var(--cbp-color-white);border-radius:var(--cbp-border-radius-lg);padding:var(--cbp-spacing-6);width:90%;max-width:500px;box-shadow:var(--cbp-shadow-xl);transform:translateY(20px);transition:transform var(--cbp-transition-normal)}.cbp-speech__overlay--active .cbp-speech__content{transform:translateY(0)}.cbp-speech__status{text-align:center;margin-bottom:var(--cbp-spacing-4);color:var(--cbp-color-gray-700);font-size:var(--cbp-font-size-lg)}.cbp-speech__wave{display:flex;align-items:center;justify-content:center;height:60px;margin:var(--cbp-spacing-4) 0}.cbp-speech__bar{width:4px;height:20px;margin:0 2px;background:var(--cbp-color-primary);border-radius:var(--cbp-border-radius-full);animation:wave 1s ease-in-out infinite}.cbp-speech__bar:nth-child(1){animation-delay:0s}.cbp-speech__bar:nth-child(2){animation-delay:0.1s}.cbp-speech__bar:nth-child(3){animation-delay:0.2s}.cbp-speech__bar:nth-child(4){animation-delay:0.3s}.cbp-speech__bar:nth-child(5){animation-delay:0.4s}.cbp-speech__bar:nth-child(6){animation-delay:0.5s}.cbp-speech__bar:nth-child(7){animation-delay:0.4s}.cbp-speech__bar:nth-child(8){animation-delay:0.3s}.cbp-speech__bar:nth-child(9){animation-delay:0.2s}.cbp-speech__bar:nth-child(10){animation-delay:0.1s}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(74 144 226 / .4)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes wave{0%,100%{height:20px}50%{height:40px}}.cbp-speech__error{color:var(--cbp-color-danger);text-align:center;margin:var(--cbp-spacing-4) 0;padding:var(--cbp-spacing-4);background:color-mix(in srgb,var(--cbp-color-danger) 10%,white);border-radius:var(--cbp-border-radius-md)}@media (max-width:640px){.cbp-speech__content{width:95%;padding:var(--cbp-spacing-4)}.cbp-speech__wave{height:40px}.cbp-speech__button{width:36px;height:36px}.cbp-speech__icon{width:20px;height:20px}}@media (max-width:768px){.cbp-speech__button{order:2;width:36px;height:36px}.cbp-speech__icon{width:20px;height:20px}}