:root{--pulseColor1:0 0 0 0 #003cff;--pulseColor2:0 0 0 2.5vh #0026ff00;--pulseColor3:0 0 0 0 #001aff00;--sendButtonBackgroundColor:linear-gradient(144deg,#3f7b74,#37aa99 50%,#3f7b74);--volumeBarHeight:0%;--volumeMeterOpacity:0;--volumeMeterLeftPos:16vw;--volumeMeterRightPos:22vw;--volumeBarColor:rgba(255,0,0,0.679)}h1,h2,h3,h4,h5,h6{margin:8px 0}p{margin:0}.toolbar{position:absolute;top:0;left:0;right:0;height:8vh;display:flex;align-items:center;background-color:#3f7b74;color:#fff;font-weight:600;font-family:Roboto,sans-serif}.toolbar img{margin:0 16px;height:5vh;width:auto;transition:all .2s ease-in-out}.toolbar img:hover{opacity:.8;height:7vh;width:auto;cursor:pointer}.right-fixed{position:absolute;right:0;top:1.5vh}.footer{position:absolute;bottom:0;left:0;right:0;height:3vh;background-color:#3f7b74;color:#fff;font-weight:600}.content,.footer{text-align:center;display:flex;align-items:center}.content{margin:8vh auto 4vh;padding:0 16px;max-width:960px;flex-direction:column;font-family:Roboto,sans-serif}.cover{position:absolute;bottom:0;height:100%;width:100%;background:#0009;z-index:100}.alert-wrapper{visibility:hidden;width:100%;height:0;align-items:center;justify-content:center;top:0;overflow:hidden;position:fixed;z-index:150}.alert-frame{position:absolute;bottom:3vh;width:100vw;box-shadow:5px 5px 10px #0003}.alert-header{height:9vh;border-top-left-radius:.5vh;border-top-right-radius:.5vh}.alert-footer,.alert-header{display:flex;flex-direction:column;background-color:#3f7b74}.alert-footer{height:2.5vh;border-bottom-left-radius:.5vh;border-bottom-right-radius:.5vh}.alert-close{color:#ffffffb3;font-family:Roboto,sans-serif;font-weight:700;font-size:1.5vh;cursor:pointer;margin-right:1vh;margin-top:1vh;margin-left:auto}.alert-body{background-color:#fff;padding:5vh}.alert-title{margin-top:2.1vh;font-size:3.5vh;color:#fff}.alert-message,.alert-title{font-family:Roboto,sans-serif;font-weight:700}.alert-message{color:#323232;margin-bottom:1vh}.alert-subtitle{color:#323232;font-family:Roboto,sans-serif;font-size:1.5vh;text-align:center;margin-bottom:0;line-height:1.6;align-self:center}.choice-button{width:100%;height:100%}.send-button{visibility:hidden;z-index:120;position:absolute;background-image:var(--sendButtonBackgroundColor);border-radius:1vh;box-shadow:0 2vh 2vh -2vh #3f7b74;color:#fff;font-family:Roboto,sans-serif;font-size:4vh;padding:2vh;cursor:pointer;transition:.1s}.send-button:hover{padding:2.5vh;transition:.1s}.send-button:active{padding:1.5vh;transition:20ms}.send-button:first-child{bottom:30vh}.send-button:nth-child(2){bottom:43vh}.img-words{width:auto;height:40vh;z-index:40;position:absolute;bottom:45vh}.img-micro{width:100%;height:100%}.mic-area{cursor:pointer;border-radius:100%;width:20vh;border:1vh solid #dcdcdc;height:20vh;transition:all .2s ease-in-out;display:inline-block;overflow:hidden;z-index:120}@media (hover: hover){.mic-area:hover{transform:translateY(-3px);box-shadow:0 4px 17px #ff989859;height:21vh;width:21vh}}.bottom-fixed{position:absolute;bottom:5vh;text-align:center}.pulse{animation:pulse 3s infinite}@media (hover: hover){.pulse:hover{animation:none}}@keyframes pulse{0%{box-shadow:var(--pulseColor1)}70%{box-shadow:var(--pulseColor2)}to{box-shadow:var(--pulseColor3)}}#volume-bars-left{left:var(--volumeMeterLeftPos)}#volume-bars-left,#volume-bars-right{height:30px;position:absolute;bottom:15vh}#volume-bars-right{right:var(--volumeMeterRightPos)}.bar{background:green;height:1.8vh;bottom:0;position:absolute;width:6vw}.bar:first-child{bottom:0;opacity:calc(.1 + var(--volumeMeterOpacity) / 10)}.bar:nth-child(2){bottom:2vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 20)}.bar:nth-child(3){bottom:4vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 30)}.bar:nth-child(4){bottom:6vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 40)}.bar:nth-child(5){bottom:8vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 60)}.bar:nth-child(6){bottom:10vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 80)}.bar:nth-child(7){bottom:12vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 100);background:orange}.bar:nth-child(8){bottom:14vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 120);background:orange}.bar:nth-child(9){bottom:16vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 140);background:red}.bar:nth-child(10){bottom:18vh;opacity:calc(.1 + var(--volumeMeterOpacity) / 160);background:red}.status{background-color:#3c3c3c80;z-index:60;position:relative;bottom:65%;font-size:5vh;color:#fff;font-family:Roboto,sans-serif}.blink{animation:blink 3s infinite}#tagi{width:70vw;height:30vh;margin:auto}@keyframes blink{0%{text-shadow:0 0 20px #e2192d00}20%{fill:#e2192d;text-shadow:-5px -5px 20px #e2192dcc,5px -5px 20px #e2192dcc,5px 5px 20px #e2192dcc,-5px 5px 20px #e2192dcc}30%{fill:#e2192d;text-shadow:-5px -5px 20px #e2192dcc,5px -5px 20px #e2192dcc,5px 5px 20px #e2192dcc,-5px 5px 20px #e2192dcc}to{text-shadow:0 0 20px #e2192d00}}