@-webkit-keyframes showEffect{0%{height:0;color:rgba(0,0,0,0)}50%{color:rgba(0,0,0,0)}100%{height:1.5em;color:inherit}}@-ms-keyframes showEffect{0%{height:0;color:rgba(0,0,0,0)}50%{color:rgba(0,0,0,0)}100%{height:1.5em;color:inherit}}@-o-keyframes showEffect{0%{height:0;color:rgba(0,0,0,0)}50%{color:rgba(0,0,0,0)}100%{height:1.5em;color:inherit}}@keyframes showEffect{0%{height:0;color:rgba(0,0,0,0)}50%{color:rgba(0,0,0,0)}100%{height:1.5em;color:inherit}}@-webkit-keyframes hideEffect{0%{height:1.5em}50%{height:1.5em}70%{height:1.5em;color:inherit}90%{color:rgba(0,0,0,0)}100%{height:0;color:rgba(0,0,0,0)}}@-ms-keyframes hideEffect{0%{height:1.5em}50%{height:1.5em}70%{height:1.5em;color:inherit}90%{color:rgba(0,0,0,0)}100%{height:0;color:rgba(0,0,0,0)}}@-o-keyframes hideEffect{0%{height:1.5em}50%{height:1.5em}70%{height:1.5em;color:inherit}90%{color:rgba(0,0,0,0)}100%{height:0;color:rgba(0,0,0,0)}}@keyframes hideEffect{0%{height:1.5em}50%{height:1.5em}70%{height:1.5em;color:inherit}90%{color:rgba(0,0,0,0)}100%{height:0;color:rgba(0,0,0,0)}}@font-face{font-family:"Inter";src:url(f958c681d7293226a319.ttf) format("truetype");font-display:fallback}*,:after,:before{box-sizing:border-box}html,body{margin:0;color:#fff}html{font-family:"Inter",sans-serif;font-size:.8rem}@media only screen and (min-width: 426px){html{font-size:1rem}}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative}body .background{position:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw;z-index:-1}body .network-state-wrapper{height:1.5em}body .network-state-wrapper .network-state{display:none;text-transform:capitalize;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);position:sticky;top:0;left:0;right:0;color:rgba(0,0,0,0)}body .network-state-wrapper .network-state.offline{color:inherit;display:flex;background-color:rgba(240,128,128,.5019607843);height:1.5em;animation:showEffect 1s ease-in-out}body .network-state-wrapper .network-state.online{color:inherit;display:flex;background-color:rgba(64,191,128,.5019607843);transition:background-color 300ms linear;overflow:hidden;height:0;animation:hideEffect 2.5s ease-in-out}a:focus-visible,button:focus-visible{outline:#fff solid 2px;outline-offset:.25em}button{border:none;cursor:pointer;font-size:1.3rem;background:linear-gradient(71deg, rgba(230, 100, 101, 0.5294117647), rgba(145, 152, 229, 0.7607843137)),linear-gradient(197deg, rgba(236, 173, 0, 0.9803921569), rgba(181, 142, 179, 0.968627451));padding:1em;border-radius:2em;color:inherit;font-weight:bolder;transition:box-shadow 150ms}button:not([disabled]):hover{box-shadow:0 0 2px 1px rgba(255,255,255,.5019607843)}button.button-as-text{background:none;font-weight:initial;border-radius:unset;padding:initial}button.button-as-text:not([disabled]):hover{box-shadow:none;text-decoration:underline}input{border-radius:1em;height:2em;line-height:2em;padding:.5em 1em;border:none}.text-bigger{font-size:1.5rem}.text-biggest{font-size:2rem}.bold{font-weight:bold}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a.underlined{text-decoration:underline}*.hidden{display:none !important}p{margin:0}.text-align-center{text-align:center}.error{display:flex;flex-direction:column;display:none;align-items:center;flex-grow:1;justify-content:center;padding:0 1em;font-size:1.3rem;z-index:999}.content{display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:flex-start;flex-grow:1;max-width:100vw;padding:1rem}@media only screen and (min-width: 426px){.content{max-width:65rem}}.content.embed{display:flex;flex-direction:column;flex-grow:1;align-items:center}.content.embed .agreement{margin-top:0;font-size:.75em}.content.embed .recording{height:10rem}.content.embed .notice{margin-top:0}.logo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.logo-wrapper .logo{width:7.5em;height:7.5em;margin:1em;color:#b9b6a9;display:flex;align-items:center;justify-content:center;border-radius:.7em;overflow-wrap:anywhere}.logo-wrapper .logo img{max-width:7.5em}.question-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;align-self:center;padding:1em 0;margin-top:2em}@media screen and (max-width: 426px),(max-height: 667px){.question-wrapper{margin-top:0}}.question-wrapper .question{text-align:center;line-height:125%}.start-recording{display:flex;flex-direction:column;margin-top:1em;margin-bottom:1em;align-items:center;flex-basis:17vh;justify-content:flex-end}.start-recording .start-button{padding:1em 2em;border-radius:2em;color:#fff;font-weight:bolder;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg, #e8049a, #891ec3)}.start-recording .start-button .icon-identifiable{width:2em;height:2em;margin-right:.5em}.start-recording .start-button .icon-identifiable path{fill:#fff}.question-info{font-weight:bold;text-align:center;margin-top:1em}.question-info:empty{display:none}.question-info:not(:empty){display:flex}.agreement{margin-top:3rem;text-align:center;padding:.3em}.agreement a{display:inline-block}.notice{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:1em;line-height:1.5em;padding:.7em .7em .7em 1em;margin-top:5rem}@media only screen and (min-width: 426px){.notice{max-width:70%}}@media only screen and (orientation: portrait)and (max-height: 667px){.notice{margin-top:2rem}}.notice .notice-title{text-align:center;font-size:1.5rem;font-weight:bold;margin:0 auto}.notice .notice-title .arrow{border-style:solid;border-color:inherit;border-width:0 3px 3px 0;display:inline-block;padding:.15em;margin-left:.3em;margin-right:.3em;margin-bottom:.2em;transition:transform .3s;transform:rotate(45deg);-webkit-transform:rotate(45deg);vertical-align:middle}.notice .notice-title.opened .arrow{transform:rotate(-135deg);-webkit-transform:rotate(225deg);margin-bottom:0;margin-top:.2em}.notice .notice-title.how-to{cursor:pointer}.notice .notice-title.how-to:hover{text-decoration:underline}.notice .notice-title.next{margin-top:2rem}.notice .collapsible{display:flex;flex-direction:column;overflow:hidden;transition:height .3s ease-out .1s;height:0}.notice .collapsible ol.list{padding-left:2em}.notice .collapsible .text-next{margin-top:1rem;margin-bottom:1rem}.permission{display:flex;flex-direction:column;align-items:flex-start;display:none;margin-top:1em;padding:1em}@media only screen and (min-width: 426px){.permission{max-width:90%}}.permission .permission__head{align-self:center;text-align:center}.permission .permission__guide ul{display:flex;flex-direction:column;padding-left:0}.permission .permission__guide ul li{margin-left:2rem}.permission .permission__guide ul li:only-child{margin-left:0;list-style:none;text-align:center}.audio-review{display:flex;flex-direction:column;display:none;width:min(30rem,100%)}.audio-review .player-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;max-width:100%;min-width:min(30em,100vw - 2rem);height:max(17em,27vh);margin:1em auto;padding:1em;background:linear-gradient(71deg, rgba(230, 100, 101, 0.5294117647), rgba(145, 152, 229, 0.7607843137)),linear-gradient(197deg, rgba(236, 173, 0, 0.9803921569), rgba(181, 142, 179, 0.968627451));border-radius:2em;height:17em;display:flex}@media only screen and (max-width: 426px){.audio-review .player-wrapper{margin-left:0;margin-right:0}}@media only screen and (max-height: 667px){.audio-review .player-wrapper{height:15em}}.audio-review .player-wrapper .inner{position:relative;width:100%;height:100%}.audio-review .player-wrapper .inner canvas.visualize{position:absolute;bottom:0;left:0;width:100%;height:75%}.audio-review .player-wrapper .inner .review-message{text-align:center;margin:0}.audio-review .player-wrapper .inner .play-stop-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:75%}.audio-review .player-wrapper .inner .play-stop-wrapper .play-stop{display:flex;align-items:center;justify-content:center;padding:.7em;border:1px solid #fff}.audio-review .player-wrapper .inner .play-stop-wrapper .play-stop .icon{width:24px;height:24px}.audio-review .player-wrapper .inner .play-stop-wrapper .play-stop .icon.pause{display:none}.audio-review .player-wrapper .inner .play-stop-wrapper .play-stop.playing .play{display:none}.audio-review .player-wrapper .inner .play-stop-wrapper .play-stop.playing .pause{display:initial}.audio-review .controls{display:flex;justify-content:space-around;width:100%;padding:0 1.5rem}@media screen and (max-width: 426px){.audio-review .controls{padding:0}}.audio-review .controls>button{padding:1rem;border:1px solid #fff;font-weight:bold;font-size:initial;min-width:10rem}.audio-review .controls>button:hover{cursor:pointer}.audio-review .restart{background:gray}.countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;max-width:100%;min-width:min(30em,100vw - 2rem);height:max(17em,27vh);margin:1em auto;padding:1em;background:linear-gradient(71deg, rgba(230, 100, 101, 0.5294117647), rgba(145, 152, 229, 0.7607843137)),linear-gradient(197deg, rgba(236, 173, 0, 0.9803921569), rgba(181, 142, 179, 0.968627451));border-radius:2em;display:none}@media only screen and (max-width: 426px){.countdown{margin-left:0;margin-right:0}}@media only screen and (max-height: 667px){.countdown{height:15em}}.countdown .body{position:relative;width:100%;height:100%;align-items:center;justify-content:center}.countdown .body .countdown-numbers,.countdown .body .countdown-text{font-weight:bold;font-size:2rem}.countdown .body .countdown-text{display:none}.mode-option{display:flex;flex-direction:column;display:none;width:min(30rem,100%)}.mode-option .inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;margin-top:2em}.mode-option .inner .controls{display:flex;flex-direction:column;align-items:center;row-gap:.7rem;width:min(23em,95vw);align-items:stretch;align-self:center}.mode-option .inner .controls .anonymous-button,.mode-option .inner .controls .identifiable-button{padding:1em 2em;border-radius:2em;color:#fff;font-weight:bolder;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg, #e8049a, #891ec3)}.mode-option .inner .controls .anonymous-button .icon-identifiable,.mode-option .inner .controls .anonymous-button .icon-anonymous,.mode-option .inner .controls .identifiable-button .icon-identifiable,.mode-option .inner .controls .identifiable-button .icon-anonymous{width:2em;height:2em;margin-right:.5em}.mode-option .inner .controls .anonymous-button .icon-identifiable path,.mode-option .inner .controls .anonymous-button .icon-anonymous path,.mode-option .inner .controls .identifiable-button .icon-identifiable path,.mode-option .inner .controls .identifiable-button .icon-anonymous path{fill:#fff}.recording{display:flex;flex-direction:column;display:none;width:min(30rem,100%)}.recording .recorder-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;max-width:100%;min-width:min(30em,100vw - 2rem);height:max(17em,27vh);margin:1em auto;padding:1em;background:linear-gradient(71deg, rgba(230, 100, 101, 0.5294117647), rgba(145, 152, 229, 0.7607843137)),linear-gradient(197deg, rgba(236, 173, 0, 0.9803921569), rgba(181, 142, 179, 0.968627451));border-radius:2em;display:flex}@media only screen and (max-width: 426px){.recording .recorder-wrapper{margin-left:0;margin-right:0}}@media only screen and (max-height: 667px){.recording .recorder-wrapper{height:15em}}.recording .recorder-wrapper .inner{position:relative;width:100%;height:100%}.recording .recorder-wrapper .inner .timer-view{display:flex;justify-content:center;transition:color .2s}.recording .recorder-wrapper .inner .timer-view.red{color:red}.recording .recorder-wrapper .inner canvas.visualize{position:absolute;bottom:0;left:0;width:100%;height:100%}.recording .recorder-wrapper .inner .stop-wrapper{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.recording .recorder-wrapper .inner .stop-wrapper .stop{display:flex;align-items:center;justify-content:center;border:1px solid #fff;padding:.5em 1em}.recording .recorder-wrapper .inner .stop-wrapper .stop .stop-icon{width:1.8em;height:1.8em;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;margin-right:.5em}.recording .recorder-wrapper .inner .stop-wrapper .stop .stop-icon .dot{width:.8em;height:.8em;border-radius:.15em;background-color:red}.recording .stop-anonymous{display:none}.recording[mode=anonymous] .stop .stop-anonymous{display:initial}.recording[mode=anonymous] .stop .stop-default{display:none}.recording .controls{display:flex;justify-content:space-around;width:100%;padding:0 1.5rem}@media screen and (max-width: 426px){.recording .controls{padding:0}}.recording .controls>button{padding:1rem;border:1px solid #fff;font-weight:bold;font-size:initial;min-width:10rem}.recording .controls>button:hover{cursor:pointer}.waiting-online{display:flex;flex-direction:column;display:none;align-items:center}.waiting-online .send-now{padding-left:2em;padding-right:2em;color:#fff;display:flex}.waiting-online .send-now .waiting{display:initial}.waiting-online .send-now .offline{display:none}.waiting-online .send-now.show-offline .waiting{display:none}.waiting-online .send-now.show-offline .offline{display:initial}.sending,.anonymizing{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;max-width:100%;min-width:min(30em,100vw - 2rem);height:max(17em,27vh);margin:1em auto;padding:1em;background:linear-gradient(71deg, rgba(230, 100, 101, 0.5294117647), rgba(145, 152, 229, 0.7607843137)),linear-gradient(197deg, rgba(236, 173, 0, 0.9803921569), rgba(181, 142, 179, 0.968627451));border-radius:2em;display:none}@media only screen and (max-width: 426px){.sending,.anonymizing{margin-left:0;margin-right:0}}@media only screen and (max-height: 667px){.sending,.anonymizing{height:15em}}.sending .loading-wrapper,.anonymizing .loading-wrapper{display:flex;flex-direction:column;width:100%;height:100%}.sending .loading-wrapper .loading-message,.anonymizing .loading-wrapper .loading-message{text-align:center}.contacts-request{display:flex;flex-direction:column;display:none;align-content:center;justify-content:center;padding:1em 0;flex-basis:50vh}.contacts-request .message{display:flex;justify-content:center;text-align:center}.contacts-request .thanks-link{margin:1em auto 0 auto;display:flex;justify-content:center;align-items:center}.contacts-request .thanks-link svg{margin-right:.25em}.contacts-request .thanks-link svg path{fill:var(--app-font-color)}.contacts-request .contacts-form{display:flex;flex-direction:column;align-items:center;margin-top:1em;row-gap:.75em}.contacts-request .contacts-form .input-submit{display:flex;flex-direction:row;column-gap:.5em;margin-top:1em;align-items:center;font-size:1.5rem;max-width:calc(100vw - 2rem)}.contacts-request .contacts-form .input-submit input{min-width:35%;font-size:1.5rem;border:#000 solid #fff}.contacts-request .contacts-form .input-submit .submitContacts{font-size:1em;padding:.5em 2em;color:#fff}.contacts-request .contacts-form .contacts-invalid{opacity:0;transition:opacity 250ms;color:red;font-size:1rem}.contacts-request .contacts-form[invalid] .contacts-invalid{opacity:1}.contacts-request .contacts-form[invalid] .submitContacts{background:gray}.thanks,.thanks-contacts{display:flex;flex-direction:column;display:none;align-content:center;justify-content:center;padding:1em 0;flex-basis:50vh}.thanks .message,.thanks-contacts .message{display:flex;justify-content:center;text-align:center}.thanks .thanks-contact-link,.thanks-contacts .thanks-contact-link{margin:1em auto 0 auto;display:flex;justify-content:center;align-items:center}.thanks .thanks-contact-link svg,.thanks-contacts .thanks-contact-link svg{margin-right:.25em}.thanks .thanks-contact-link svg path,.thanks-contacts .thanks-contact-link svg path{fill:var(--app-font-color)}.thanks .anonymous-reminder,.thanks-contacts .anonymous-reminder{margin-top:1.5rem}.debug{display:none;max-height:30vh;width:100%;justify-content:center;background-color:rgba(0,0,0,.7019607843);overflow:auto}[app-state="mode:option"] .start-recording{display:none}[app-state="mode:option"] .mode-option{display:flex}[app-state=countdown] .notice,[app-state=countdown] .permission,[app-state=countdown] .start-recording,[app-state=countdown] .agreement,[app-state=countdown] .question-info{display:none}[app-state=countdown] .countdown{display:flex}[app-state=countdown] .countdown .body{display:flex}[app-state="countdown:done"] .notice,[app-state="countdown:done"] .permission,[app-state="countdown:done"] .start-recording,[app-state="countdown:done"] .agreement,[app-state="countdown:done"] .question-info{display:none}[app-state="countdown:done"] .countdown{display:flex}[app-state="countdown:done"] .countdown .body{display:flex}[app-state="countdown:done"] .countdown .body .countdown-numbers{display:none}[app-state="countdown:done"] .countdown .body .countdown-text{display:block}[app-state=recording] .notice,[app-state=recording] .permission,[app-state=recording] .start-recording,[app-state=recording] .agreement,[app-state=recording] .question-info{display:none}[app-state=recording] .recording{display:flex}[app-state=anonymizing] .notice,[app-state=anonymizing] .permission,[app-state=anonymizing] .start-recording,[app-state=anonymizing] .agreement,[app-state=anonymizing] .question-info{display:none}[app-state=anonymizing] .anonymizing{display:flex}[app-state="audio:review"] .notice,[app-state="audio:review"] .permission,[app-state="audio:review"] .start-recording,[app-state="audio:review"] .agreement,[app-state="audio:review"] .question-info{display:none}[app-state="audio:review"] .audio-review{display:flex}[app-state="waiting:online"] .notice,[app-state="waiting:online"] .permission,[app-state="waiting:online"] .start-recording,[app-state="waiting:online"] .agreement,[app-state="waiting:online"] .question-info{display:none}[app-state="waiting:online"] .waiting-online{display:flex}[app-state="audio:sending"] .notice,[app-state="audio:sending"] .permission,[app-state="audio:sending"] .start-recording,[app-state="audio:sending"] .agreement,[app-state="audio:sending"] .question-info{display:none}[app-state="audio:sending"] .sending{display:flex}[app-state="contacts:request"] .notice,[app-state="contacts:request"] .permission,[app-state="contacts:request"] .start-recording,[app-state="contacts:request"] .agreement,[app-state="contacts:request"] .question-info{display:none}[app-state="contacts:request"] .question-wrapper{display:none}[app-state="contacts:request"] .contacts-request{display:flex;justify-content:start}[app-state="thanks:contacts"] .notice,[app-state="thanks:contacts"] .permission,[app-state="thanks:contacts"] .start-recording,[app-state="thanks:contacts"] .agreement,[app-state="thanks:contacts"] .question-info{display:none}[app-state="thanks:contacts"] .question-wrapper{display:none}[app-state="thanks:contacts"] .thanks-contacts{display:flex}[app-state=thanks] .notice,[app-state=thanks] .permission,[app-state=thanks] .start-recording,[app-state=thanks] .agreement,[app-state=thanks] .question-info{display:none}[app-state=thanks] .question-wrapper{display:none}[app-state=thanks] .thanks{display:flex}[app-state="error:permission"] .notice{display:none}[app-state="error:permission"] .permission{display:flex}[app-state="error:unknown"] .notice{display:none}[app-state="error:unknown"] .permission{display:flex}[app-state="error:unknown"],[app-state="error:fatal"]{display:none}[app-state="error:unknown"]+.error,[app-state="error:fatal"]+.error{display:flex}.footer{margin-top:1.5em;display:flex;justify-content:center;padding-bottom:.7em}