.icon-mic path{transition:stroke .3s ease-in-out}.is-recording .icon-mic{animation:message-bounce 1.2s ease-in-out infinite}.btn-record{transition:all .4s ease-in-out}.btn-record.is-recording{background-color:#df1919!important}#container{padding-left:"6px"!important;padding-right:"6px"!important}.suggestion-box{padding:0 12px;min-width:auto;height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#fff;border-radius:8px!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;margin-bottom:2px!important;margin-left:0!important;margin-right:12px!important;cursor:pointer;text-align:left;pointer-events:none;color:#272727;opacity:0}.suggestion-box:last-child{margin-right:0!important}.is-dark .suggestion-box{background:#000;color:#fff}.liveagent-buttons-container{display:flex;justify-content:space-between;width:88px;margin-bottom:5px}.liveagent-buttons-container .logo-icon-wrapp{width:40px;height:40px;border:1px solid #e6e6e6;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;background:none;outline:none}.liveagent-buttons-container .logo-icon-wrapp.dark-mode{border:1px solid #fff}.liveagent-buttons-container .logo-agent-wrapp{width:40px;height:40px;border:1px solid #e6e6e6;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;background:none;outline:none}.bubble-wrapper .liveagent-buttons-container{top:6px;position:relative}.waiting-label{font-size:12px;padding:6px;color:#000;font-weight:600;z-index:9999}.suggestions-wrapper.is-visible .suggestion-box,.suggestions-wrapper.is-visible .suggestions-intro-msg{opacity:1;pointer-events:all}.suggestions-intro-msg{opacity:0;transition:all .25s ease-in-out}.ellipsis-container{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.suggestion-box:has(.ellipsis-container.overflow):hover{padding:10px 12px}.suggestions-wrapper{overflow-x:scroll;margin-bottom:2px}.fade-effect{content:"";position:absolute;top:0;right:0;width:40px;pointer-events:none}.suggestions-wrapper.suggestions-all{overflow-x:hidden;width:100%;scrollbar-width:thin}.suggestions-wrapper.suggestions-all.is-visible{overflow-x:auto}.suggestions-wrapper.suggestions-all .suggestion-box{transition:none}.chat-date{font-style:normal!important;font-weight:300!important;font-size:10px!important;line-height:18px!important;min-height:24px;display:flex;align-items:center}.chat-left-box{position:relative;border-radius:0 24px 24px;font-style:normal!important;font-size:16px;line-height:24px!important;padding:0!important;color:#272727!important}.demo-mode{background-image:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 62.72%)!important;background-origin:border-box!important;box-shadow:inset 0 100vw #09081f;border:1px solid transparent;border-radius:24px}.demo-mode .chat-left-box{background-color:#111026;color:#fff!important;border-radius:8px;background-image:linear-gradient(91.7deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.02) 100%)!important;box-shadow:inset 0 100vw #111026;background-origin:border-box;border:1px solid transparent;padding-left:8px!important}.demo-mode .chat-right-box{background-color:#111026;color:#fff!important;border-radius:8px!important;background-image:linear-gradient(91.7deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.02) 100%)!important;box-shadow:inset 0 100vw #09081f;background-origin:border-box!important;border:1px solid transparent;position:relative}.demo-mode .chat-right-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(93.89deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.1) 42.93%);border-radius:8px}.demo-mode .suggestions-wrapper.suggestions-all{scrollbar-width:none;-webkit-overflow-scrolling:touch}.demo-mode .chat-container.chat-container-embed{padding-left:0!important}.demo-mode .suggestion-box{color:#fff!important;border-radius:8px!important;background-image:linear-gradient(91.7deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.05) 100%)!important;background-origin:border-box!important;box-shadow:inset 0 100vw #09081f;border:1px solid transparent!important;position:relative}.demo-mode .suggestion-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(93.57deg,rgba(255,255,255,.0625) 0%,rgba(255,255,255,.0125) 50.01%)}.demo-mode .suggestion-box .ellipsis-container{margin:0 12px}.demo-mode .fade.upper-fade{background:linear-gradient(to top,transparent,#09081f)!important}.demo-mode .fade.horizontal-fade{background:linear-gradient(to bottom,transparent,#09081f)!important}.demo-mode .fade-effect{background:linear-gradient(to left,#09081f,transparent)!important;height:95%!important}.demo-mode .btn-submit-container button{background-image:linear-gradient(135deg,rgba(255,255,255,.55) .02%,rgba(255,255,255,0) 100.02%)!important;background-origin:border-box!important;box-shadow:inset 0 100vw #111026!important;position:relative;border:.25px solid transparent!important}.demo-mode .btn-submit-container button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(128.09deg,rgba(255,255,255,.1375) 26.65%,rgba(255,255,255,.005) 79.7%)!important;border-radius:8px}.chat-message-wrapper .message-details{position:relative;display:flex;justify-content:flex-start;width:100%;margin-top:8px}.chat-message-wrapper .message-details~.MuiCardContent-root{margin-top:2px!important}.chat-message-wrapper .agent-message-img{border-radius:50%;overflow:hidden;margin:0 6px 0 0}.chat-message-wrapper .chat-img-loader{padding:20px 0;display:none}.chat-message-wrapper.image-loader-visible .chat-img-loader{display:block}.chat-left-box.is-dark{color:#fff!important}.chat-left-box img{width:400px;max-width:100%}.chat-right-box{border-radius:24px 0 24px 24px;font-style:normal!important;font-size:16px;white-space:pre-line!important;line-height:24px!important;padding:0!important}.chat-right-box ol{margin-top:0;padding-left:15px;padding-right:15px;line-height:24px}.chat-right-box,.chat-left-box{padding:10px 0!important}.is-bubbleMode .chat-right-box{border-radius:12px 0 12px 12px}.is-bubbleMode .chat-left-box{border-radius:0 12px 12px}.chat-left-box div p{white-space:pre-line!important;margin-bottom:1.2em!important}.chat-left-box div p a,.chat-left-box div a{color:inherit}.chat-left-box div table{white-space:normal!important;margin-bottom:1.2rem;padding-left:15px}.chat-left-box div p:last-child{margin-bottom:0!important}.chat-message-wrapper ol,.chat-message-wrapper ul{padding:0 15px 0 20px!important;margin:0!important;white-space:normal}.chat-message-wrapper .has-bg-dante ol,.chat-message-wrapper .has-bg-dante ul{padding:0 15px 0 30px!important}.chat-message-wrapper ul{list-style-type:disc}.chat-message-wrapper ol ul{padding:0 15px 0 20px!important}.chat-message-wrapper ol li,.chat-message-wrapper ul li{font-size:14px}.chat-message-wrapper ol+p{padding-top:1.2rem!important}.chat-message-wrapper ul+p{padding-top:1.2rem!important}.chat-message-wrapper ol li p,.chat-message-wrapper ul li p{padding-left:6px!important;padding-right:6px!important;margin:0!important}.chat-left-box>div>table>thead>tr{border-top:1px solid #c6cbd1;background:#fff}.chat-left-box>div>table>tbody>tr{border-top:1px solid #c6cbd1;background:#fff}.chat-left-box.is-dark>div>table>thead>tr{border-top:1px solid #c6cbd1;background:#000}.chat-left-box.is-dark>div>table>tbody>tr{border-top:1px solid #c6cbd1;background:#000}.chat-left-box>div>table>tbody>tr>td{padding:6px 13px;border:1px solid #dfe2e5}.chat-left-box>div>table>thead>tr>th{padding:6px 13px;border:1px solid #dfe2e5}.chat-left-box>div>table tr:nth-child(2n){background:#f6f8fa}.chat-left-box.is-dark>div>table tr:nth-child(2n){background:#000}.chat-left-box.is-dark p a{color:#ff0!important}.chat-left-box li+li{margin-top:.5em}.chat-message-wrapper .chat-left-box,.chat-message-wrapper .chat-right-box{margin-top:8px!important}.chat-container-dashboard .chat-message-wrapper .chat-left-box,.chat-container-dashboard .chat-message-wrapper .chat-right-box{margin-top:0!important}.chat-container-dashboard .chat-message-wrapper .chat-right-box{border-radius:24px;padding:6px 12px!important}.chat-container-dashboard .chat-right-box div p,.chat-container-dashboard .chat-left-box div p{font-size:14px;padding:0}.chat-message-wrapper:first-child .chat-left-box{margin-top:0!important}.chat-container.is-bubbleMode .chat-message-wrapper:first-child .card-logo{margin-top:10px!important}.chat-container.is-bubbleMode .chat-message-wrapper .card-logo{margin-top:24px!important}.chat-container.is-bubbleMode .chat-message-wrapper:first-child .has-bg .card-logo{margin-top:0!important}.chat-container.is-bubbleMode .chat-message-wrapper .has-bg .card-logo{margin-top:16px!important}.chat-container-embed .chat-message-wrapper:first-child .card-logo{margin-top:11px!important}.chat-message-wrapper .agent-row{position:relative;width:100%;margin:10px 0;display:flex;justify-content:center;align-items:center}.chat-message-wrapper .agent-row:before{position:absolute;width:100%;height:1px;background:#dddddd;top:55%;left:0;content:""}.chat-message-wrapper .agent-row-text{padding:0 16px;font-size:12px;color:#232323;z-index:2;text-align:center}.bubble-wrapper .chat-message-wrapper .agent-row-text{max-width:360px;font-size:11px;line-height:13px;padding:0 8px}.bubble-wrapper .chat-bottom-div{height:30px}.chat-left-box .consent-check-container span.MuiTypography-root{font-size:14px}.chat-right-box div p,.chat-left-box div p{margin:0;font-size:15px;padding-right:15px}.has-bg .chat-left-box div p{padding-left:15px}.chat-container-embed .chat-right-box{border-radius:24px}.chat-right-box div p{padding-left:15px}.chat-right-box h1,.chat-right-box h2,.chat-right-box h3,.chat-right-box h4,.chat-right-box h5,.chat-right-box h6,.chat-left-box h1,.chat-left-box h2,.chat-left-box h3,.chat-left-box h4,.chat-left-box h5,.chat-left-box h6{padding-left:15px;padding-right:15px}.chat-right-box.chat-form div h1,h2,h3,h4,h5,h6,.chat-left-box.chat-form div h1{padding-left:0;padding-right:0}.chat-logs .chat-right-box div p,.chat-logs .chat-left-box div p{margin:0;padding-left:15px;padding-right:15px}.menu-sub-title{font-style:normal!important;font-weight:300!important;font-size:14px!important;line-height:20px!important;color:#475467!important}.menu-list-text{font-style:normal!important;font-weight:300!important;font-size:14px!important;line-height:20px!important;color:#344054!important}.App-dropzone-content{font-style:normal;font-weight:400;font-size:18px;line-height:140%}.chat-container .css-8zd03f{top:70px!important}.markdown-code{padding:0!important;margin:0!important}.play-btn{font-family:Poppins,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"sans-serif"!important;font-style:normal;font-weight:400;line-height:20px;height:37px}.drawer-kb-btns{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.drawer-kb-btns .kb-settings-text{display:none}.drawer-kb-btns .btn-kb-settings{min-width:unset!important;width:36px;height:36px;margin:0 0 0 8px!important;display:flex;align-items:center;padding:0!important}.drawer-kb-btns .btn-kb-settings div{margin:0;padding:11px!important}.drawer-kb-btns .btn-kb-settings svg{display:block;width:13px!important;height:12px!important}.btn-kb-new svg{height:12px;width:12px}.sources-dialog .MuiDialog-paper{min-width:540px;min-height:200px;border-radius:8px}.sources-dialog .title-text{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(241,241,241,1)}.sources-dialog .file-container{margin-bottom:18px}.sources-dialog .file-size{opacity:.6}.sources-dialog .file-name{font-weight:700}.sources-dialog button{font-weight:700!important}.chat-input-container{position:relative}.chat-input-container .button-input-liveagent{position:absolute;bottom:12px;right:60px;min-width:unset;background:none;outline:none;border:none;cursor:pointer}.btn-submit-container{height:44px}.chatform-input-container .MuiTextField-root{width:100%}.chatform-input-container .MuiOutlinedInput-root:hover fieldset{border-color:#0000003b!important}.chatform-input-container .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#0000003b!important;border-width:1px}.chatform-input-container .react-tel-input .form-control{width:100%;border-radius:8px;height:48px;padding:14px 14px 14px 60px;outline:none;cursor:auto}.chatform-input-container .react-tel-input .form-control:focus{background-color:#fff;border-color:#0000003b;box-shadow:inherit}.react-tel-input .selected-flag:focus:before,.react-tel-input .selected-flag.open:before{border:none!important;box-shadow:none!important}.react-tel-input .country-list{padding:0!important;margin-top:4px!important}.react-tel-input .country-list .search{padding:0!important}.react-tel-input .country-list .search-box{width:100%!important;margin:0!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.23)!important;border-radius:0!important;padding:5px 12px!important}.react-tel-input .country-list .country{margin:0!important;padding:6px 9px 7px 46px!important}.react-tel-input .selected-flag:before{border:none!important}.react-tel-input input::placeholder{font-size:14px}.bubble-wrapper .stop-generating-container{position:relative;top:10px}.chat-button-box-wrapper{display:flex}.chat-left-box.chat-button-box{width:auto;max-width:60%;background:#ffefe0;padding:10px 12px!important}.chat-left-box.chat-button-box button{margin:12px 0 6px!important;background:#000}.preview-embed .chat-container-embed{padding-top:6px}@media (max-width: 1400px){#chat-box{padding-left:16px!important;padding-right:16px!important}}@media only screen and (min-width: 768px){#chat-box{max-width:63rem;margin:auto}}@media only screen and (min-width: 830px){.demo-mode #chat-box{max-width:49rem;margin:auto}}@media (max-width: 830px){.demo-mode #chat-box{max-width:100%;padding:0 16px;margin:0 16px}}@media (min-width: 600px) and (max-width: 700px){.suggestions-paper{left:96px}}@media (min-width: 600px) and (max-width: 780px){.suggestions-paper .MuiContainer-root{max-width:480px;padding:0 0 0 8px}}@media only screen and (max-width: 600px){.chat-container{bottom:56px!important}.chat-container.is-bubbleMode{margin-top:0!important}.chat-container>.MuiStack-root{margin-bottom:10px;transition:all .3s ease-in-out}.MuiStack-root.suggestions-wrapper:not(.futurebrand){flex-direction:row;gap:8px}.MuiStack-root.suggestions-wrapper:after{content:none}.MuiStack-root.suggestions-wrapper:not(.futurebrand) .suggestion-box{max-width:100%;width:100%;margin-right:0!important}.MuiStack-root.suggestions-wrapper.futurebrand .suggestion-box{margin-right:6px}.suggestions-wrapper.suggestions-all.futurebrand.is-mobile .suggestion-box.wide{flex:unset}button.btn-close-drawer{padding:6px 18px 6px 0;min-width:36px}.suggestions-wrapper .suggestion-box{padding:8px 16px!important;height:42px!important}.suggestions-wrapper .suggestion-box.is-bubbleMode{padding:0 16px!important;height:34px!important;min-height:34px!important;background:#ffffff;border:1px solid #ebebeb}.suggestions-wrapper.is-dark .suggestion-box.is-bubbleMode{background:#000}.suggestions-wrapper .suggestion-box.is-bubbleMode:hover{min-height:34px!important;height:auto!important}.suggestion-box:has(.ellipsis-container.overflow).is-bubbleMode:hover{padding:8px 16px!important}.suggestions-wrapper.is-dark .suggestions-intro-msg{color:#fff}.suggestions-wrapper.is-dark .suggestions-intro-msg svg path{fill:#fff}.suggestions-paper .MuiContainer-root{padding:0 6px!important}.chat-left-box.is-font-set,.chat-right-box.is-font-set{font-size:12px;line-height:24px!important;padding:8px 0!important}.chat-message-wrapper .chat-left-box,.chat-message-wrapper .chat-right-box{margin-top:16px!important}.chat-right-box.is-font-set div,.chat-left-box.is-font-set div{font-size:16px}.chat-container:not(.is-bubbleMode) .chat-left-box.is-font-set p{font-size:16px}.suggestion-box{font-size:12px!important}.suggestions-intro-msg{display:flex;justify-content:center;align-items:center;font-weight:700;margin-bottom:12px}.suggestions-intro-msg img{width:18px;margin-right:12px}.chatbot-preview-container .btn-submit-container{bottom:22px!important;right:6px!important;height:calc(100% - 12px)}.btn-submit-container{bottom:0;top:0;margin:auto;right:6px!important;height:calc(100% - 12px)}.chat-input-container{position:fixed;width:100vw;bottom:0;left:0}.chat-input-container>.MuiFormControl-root{border:none;border-top:1px solid #ebebeb;border-radius:0!important}.chat-input-container div.MuiInputBase-root{width:calc(100% - 60px)}.chat-input-container .MuiInputBase-input{padding:0 14px 0 23px!important}.chat-input-container.is-bubbleMode .MuiInputBase-input{padding:0 16px!important}.chat-input-container.is-bubbleMode{border-radius:0!important}.suggestions-paper{bottom:60px!important}.suggestions-paper.iPhone{bottom:90px!important}.preview-embed .chat-input-container{bottom:unset!important}.preview-embed .suggestions-paper{bottom:190px!important}.stop-generating-container button{background:#ebebeb;transform:scale(.75)}.stop-generating-container.is-dark button{color:#ebebeb;background:#3f372e}.generating-wrapper{background:none!important}.copy-tooltip{display:none!important}.sources-dialog .MuiDialog-paper{min-width:340px}.chat-form .MuiFormControl-root{width:100%;min-width:100%}.newfeature-image{max-width:100%;height:auto;width:auto}.demo-mode{background-image:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 70%)!important}.demo-mode #chat-box{margin:0}}@media only screen and (max-width: 380px){.MuiStack-root.suggestions-wrapper.futurebrand .suggestion-box{padding:8px 13px!important;margin-right:8px!important}}.affiliate-dialog{z-index:11111111!important;margin:0 auto;width:600px}.disclaimer-text-chat{word-wrap:break-word;font-size:12px;color:#676767;line-height:14px;position:absolute;margin-top:17px;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center}.disclaimer-text-chat .is-dark{color:"#fff"}.disclaimer-text-chat-large-screen{word-wrap:break-word;font-size:12px;color:#676767;line-height:14px;margin:10px 0;width:100%;text-align:center}.disclaimer-text-chat-large-screen .is-dark{color:#fff}.disclaimer-text-chat-bubble{margin-top:2px;font-size:11px;padding-left:2px;text-align:center;word-wrap:break-word;width:213px;color:#676767;line-height:14px}.disclaimer-text-chat-chat-bubble .is-dark{color:"#fff"}.agent-buttons{opacity:1;transition:opacity .3s ease-in-out}.agent-buttons.agent-buttons-hidden{opacity:0;pointer-events:none}.font-Tahoma,.font-Tahoma *{font-family:Tahoma,Verdana,sans-serif!important}.font-Georgia,.font-Georgia *{font-family:Georgia,Times New Roman,Times,serif!important}.font-Helvetica,.font-Helvetica *{font-family:Arial,Helvetica,sans-serif!important}.font-Roboto,.font-Roboto *{font-family:Roboto,sans-serif!important}.font-Courier,.font-Courier *{font-family:Courier New,Courier,monospace!important}.font-Inter,.font-Inter *{font-family:Inter,sans-serif!important}.font-Montserrat,.font-Montserrat *{font-family:Montserrat,sans-serif!important}.font-Lato,.font-Lato *{font-family:Lato,sans-serif!important}.font-Oswald,.font-Oswald *{font-family:Oswald,sans-serif!important}.font-Bree,.font-Bree *{font-family:"Bree Serif",serif!important}.font-Merriweather,.font-Merriweather *{font-family:Merriweather,serif!important}.font-Arvo,.font-Arvo *{font-family:Arvo,sans-serif!important}.font-RobotoSlab,.font-RobotoSlab *{font-family:Roboto Slab,sans-serif!important}.font-size-10 .chat-left-box span,.font-size-10 .chat-right-box span,.font-size-10 .chat-left-box p,.font-size-10 .chat-right-box p{font-size:10px!important}.font-size-11 .chat-left-box span,.font-size-11 .chat-right-box span,.font-size-11 .chat-left-box p,.font-size-11 .chat-right-box p{font-size:11px!important}.font-size-12 .chat-left-box span,.font-size-12 .chat-right-box span,.font-size-12 .chat-left-box p,.font-size-12 .chat-right-box p{font-size:12px!important}.font-size-13 .chat-left-box span,.font-size-13 .chat-right-box span,.font-size-13 .chat-left-box p,.font-size-13 .chat-right-box p{font-size:13px!important}.font-size-14 .chat-left-box span,.font-size-14 .chat-right-box span,.font-size-14 .chat-left-box p,.font-size-14 .chat-right-box p{font-size:14px!important}.font-size-15 .chat-left-box span,.font-size-15 .chat-right-box span,.font-size-15 .chat-left-box p,.font-size-15 .chat-right-box p{font-size:15px!important}.font-size-16 .chat-left-box span,.font-size-16 .chat-right-box span,.font-size-16 .chat-left-box p,.font-size-16 .chat-right-box p{font-size:16px!important}.font-size-17 .chat-left-box span,.font-size-17 .chat-right-box span,.font-size-17 .chat-left-box p,.font-size-17 .chat-right-box p{font-size:17px!important}.font-size-18 .chat-left-box span,.font-size-18 .chat-right-box span,.font-size-18 .chat-left-box p,.font-size-18 .chat-right-box p{font-size:18px!important}.font-size-19 .chat-left-box span,.font-size-19 .chat-right-box span,.font-size-19 .chat-left-box p,.font-size-19 .chat-right-box p{font-size:19px!important}.font-size-20 .chat-left-box span,.font-size-20 .chat-right-box span,.font-size-20 .chat-left-box p,.font-size-20 .chat-right-box p{font-size:20px!important}.chart-container{margin-top:32px;width:100%;height:auto;display:flex;justify-content:center}.chart-Example{max-width:600px;width:100%;height:auto}.chart-buttons{width:100%;display:flex;justify-content:center;padding:24px 0}.chart-buttons button{margin:0 6px}.chart-contact-btn{display:flex;justify-content:center}@media (max-width: 600px){.chart-Example{max-width:100%;width:100%;height:auto}}@keyframes quiet{25%{transform:scaleY(.6)}50%{transform:scaleY(.4)}75%{transform:scaleY(.8)}}@keyframes normal{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.6)}}@keyframes loud{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.2)}}.boxContainer{display:flex;justify-content:space-between;height:64px;--boxSize: 20px;--gutter: 10px;width:calc((var(--boxSize) + var(--gutter)) * 5)}.box{height:100%;width:var(--boxSize);animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;border-radius:999px}.box .tooltip-text{margin:0!important}.recording .box{animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.recording .box1{animation-name:quiet}.recording .box2{animation-name:normal}.recording .box3{animation-name:quiet}.recording .box4{animation-name:loud}.recording .box5{animation-name:quiet}