@charset "UTF-8";:root{--whispp-text: #083028;--whispp-white: #FFFFFF;--whispp-green-light: #E6F7F6;--whispp-green-sublight: #C3E5E2;--whispp-green: #08B0A0;--whispp-green-dark: #0F7366;--whispp-red: #EA4335;--whispp-blue: #D9EAF8;--whispp-blue-dark: #0087F5;--whispp-yellow: #FBF5E6;--whispp-yellow-dark: #D39800;--whispp-grey: #DADADA;--whispp-grey-dark: #6D6D6D}html,body,#app{padding:0;margin:0;height:100%}body,*{color:var(--whispp-text);font-family:Inter,Rubik,sans-serif}h1{color:var(--whispp-green-dark);font-size:32px;line-height:40px;font-weight:800}h1.large{color:var(--whispp-white);font-size:48px;font-weight:900;line-height:58px}h2{color:var(--whispp-green-dark);font-size:20px;line-height:28px;font-weight:800}h3{color:var(--whispp-green-dark);font-size:17px;line-height:22px;font-weight:700}.large{font-size:18px;line-height:27px;font-weight:400}p,li,.regular{font-size:17px;line-height:25px;font-weight:400}.subline{font-size:14px;line-height:20px;font-weight:500}.caption{font-size:13px;line-height:20px;font-weight:400}button{color:var(--whispp-white);background-color:var(--whispp-green);font-size:17px;line-height:40px;font-weight:600;padding:8px 20px;border-radius:40px;box-shadow:0 20px 32px #0000000d;cursor:pointer;border:none;transition-duration:.2s}button.secondary{color:var(--whispp-green);background-color:var(--whispp-white)}button.danger{color:var(--whispp-white);background-color:var(--whispp-red)}button:disabled{color:var(--whispp-green-light);background-color:var(--whispp-white);cursor:not-allowed}input{border-radius:8px;padding:16px;border:1px solid var(--whispp-grey)}.card{border-radius:20px;padding:.2em 1em 1em;background-color:var(--whispp-white);box-shadow:0 8px 8px -4px var(--whispp-grey);margin-bottom:1em}p.bold{font-weight:600}p.light{font-weight:400}img{width:100%;height:100%}#login_form{width:100%}form{display:flex;flex-direction:column;gap:20px}.container[data-v-02c89e9c]{display:flex;flex-direction:row;justify-content:center;gap:10px}.container input[data-v-02c89e9c]{width:20px;height:35px;padding:16px;border-radius:8px;text-align:center;font-size:24px}input[data-v-02c89e9c]::-webkit-outer-spin-button,input[data-v-02c89e9c]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-02c89e9c]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}@media screen and (max-width: 500px){.container[data-v-02c89e9c]{gap:5px}.container input[data-v-02c89e9c]{width:15px;height:35px;padding:12px;font-size:18px}}form[data-v-b63b5d72]{display:flex;flex-direction:column;gap:20px}p[data-v-b63b5d72]{text-align:center}form .actions[data-v-b63b5d72]{display:flex;flex-direction:row;gap:10px}form .actions button[data-v-b63b5d72]{flex:1}.loading[data-v-da55c210]{display:flex;width:50px;height:50px}.loader[data-v-da55c210]{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate-da55c210 1s linear infinite}.loader[data-v-da55c210]:before,.loader[data-v-da55c210]:after{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid var(--whispp-green);animation:prixClipFix-da55c210 2s linear infinite alternate-reverse}.loader[data-v-da55c210]:after{top:8px;right:8px;bottom:8px;left:8px;transform:rotate3d(90,90,0,180deg);border-color:var(--whispp-green-dark)}@keyframes rotate-da55c210{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix-da55c210{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.gradient-border[data-v-660f1d58]{width:fit-content;border-radius:10px;background:linear-gradient(to bottom right,var(--whispp-white),var(--whispp-green-sublight));padding:1px}.container[data-v-660f1d58]{display:flex;flex-direction:row;justify-content:center;border-radius:10px;width:fit-content;background:linear-gradient(180deg,var(--whispp-green-sublight) -71.44%,var(--whispp-white) 30.6%)}.container .option[data-v-660f1d58]{font-family:Inter,Rubik,sans-serif;display:inline-block;font-size:12px;font-weight:600;padding:12px 16px;text-align:center;color:var(--whispp-green-dark);text-transform:uppercase;-webkit-user-select:none;user-select:none}.option[data-v-660f1d58]:hover{cursor:pointer}.option.active[data-v-660f1d58]{background:var(--whispp-green);margin:2px;padding:10px 16px;border-radius:8px;color:var(--whispp-white)}.option.active[data-v-660f1d58]:hover{cursor:default}#login_and_card[data-v-bd02b728]{display:flex;flex-direction:row;gap:32px}#login_and_card #card .card-content[data-v-bd02b728]{padding:24px;display:flex;flex-direction:column;gap:24px}#login_and_card #card .card-content[data-v-bd02b728] *{margin:0}#login_and_card #login[data-v-bd02b728]{margin:0 auto}#login_and_card #login p[data-v-bd02b728]{margin:0}#login_and_card #login .card[data-v-bd02b728]{width:100px}#login_and_card #login .card .download-img[data-v-bd02b728]{width:100px;height:100px}#login_and_card #login .horizontal[data-v-bd02b728]{display:flex;flex-direction:row;justify-content:center;gap:32px}#login_and_card #login .center[data-v-bd02b728]{display:flex;flex-direction:row;justify-content:center}@media screen and (max-width: 600px){#login_and_card[data-v-bd02b728]{flex-direction:column}}.align-vertical[data-v-a74e1196]{display:flex;flex-direction:column;gap:8px}.card[data-v-a74e1196]{display:flex;flex-direction:row;padding:24px 16px 24px 24px;gap:8px}.card[data-v-a74e1196] *{margin:0}.card .carret[data-v-a74e1196]{width:20px}.gradient-card[data-v-6f02724b]{border-radius:16px;background:linear-gradient(180deg,var(--whispp-green-light) 0%,var(--whispp-white) 100%);border:1px solid;border-image-source:linear-gradient(360deg,var(--whispp-green-sublight) 0%,var(--whispp-white) 173.86%)}#welcome_card[data-v-2dbbfe79]{display:flex;flex-direction:row;gap:32px}#welcome_card #card[data-v-2dbbfe79]{flex:3}#welcome_card #card .card-content[data-v-2dbbfe79]{padding:24px;display:flex;flex-direction:column;gap:24px}#welcome_card #card .card-content[data-v-2dbbfe79] *{margin:0}#welcome_card .vertical[data-v-2dbbfe79]{display:flex;flex-direction:column;justify-content:start;flex:2}#welcome_card .vertical .card[data-v-2dbbfe79]{cursor:pointer}.horizontal[data-v-2dbbfe79]{display:flex;flex-direction:row;justify-content:center}@media screen and (max-width: 600px){#welcome_card[data-v-2dbbfe79]{flex-direction:column}}.v-gap[data-v-fd8b7d30]{display:flex;flex-direction:column;gap:32px}li[data-v-fd8b7d30]{text-align:start}.list-p[data-v-fd8b7d30]{margin-bottom:0;text-align:start;font-weight:700}.card-content[data-v-fd8b7d30]{padding:24px}.card-content h1[data-v-fd8b7d30]{margin:0}@media screen and (max-width: 500px){h1[data-v-fd8b7d30]{font-size:24px}li[data-v-fd8b7d30],p[data-v-fd8b7d30],i[data-v-fd8b7d30]{font-size:12px}}.box[data-v-0c2de074]{border-radius:12px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='%23FFFFFFFF' rx='12' ry='12' stroke='%230087F5FF' stroke-width='3' stroke-dasharray='5%2c10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");display:flex;flex-direction:column;justify-content:space-around;gap:4px;padding:0 1em 1em;margin-top:1em}.icon[data-v-0c2de074]{display:inline-block;width:36px;height:36px;margin:0 auto;padding:1em}.icon img[data-v-0c2de074]{width:100%;height:100%}p[data-v-0c2de074]{margin:0}p.center[data-v-0c2de074]{text-align:center}p.caption[data-v-0c2de074]{color:var(--whispp-grey-dark)}.clickable[data-v-0c2de074]{color:var(--whispp-green);cursor:pointer}.clickable[data-v-0c2de074]:hover{color:var(--whispp-green-dark)}.button[data-v-5e01654c]{display:flex;width:100px;height:100px;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;outline-offset:10px;outline-width:5px;outline-style:solid}.idle[data-v-5e01654c]{background-color:var(--whispp-green);outline-color:var(--whispp-grey)}.recording[data-v-5e01654c]{background-color:var(--whispp-red);outline-color:var(--whispp-red)}.select-none[data-v-3e7df277]{-webkit-user-select:none;user-select:none;text-align:center;margin:0 auto}p[data-v-3e7df277],h2[data-v-3e7df277]{margin:0}.button[data-v-3e7df277]{margin:2em auto}.progress-bar[data-v-527d1e96]{display:block;width:100%;height:8px;border-radius:50px;background-color:var(--whispp-grey);position:relative}.progress[data-v-527d1e96]{display:block;background-color:var(--whispp-green);position:absolute;height:100%;top:0;left:0;border-radius:50px;transition:width .2s ease-in-out}.upload-card[data-v-d51d5c9f]{border:1px solid var(--whispp-grey, #e7e7e7);border-radius:20px;padding:16px;display:flex;flex-direction:row;justify-content:space-between}p[data-v-d51d5c9f]{margin:0;font-size:13px;line-height:16px}p.failed[data-v-d51d5c9f]{color:var(--whispp-red)}p.filename[data-v-d51d5c9f]{font-weight:600;overflow-wrap:anywhere}p.size[data-v-d51d5c9f]{color:var(--whispp-grey-dark)}.actions[data-v-d51d5c9f]{display:flex;flex-direction:column;justify-content:center}.remove[data-v-d51d5c9f]{width:20px;height:20px;cursor:pointer}.remove img[data-v-d51d5c9f]{width:100%;height:100%}.files[data-v-dd4262f9]{display:flex;flex-direction:column;gap:8px;margin-top:16px}form[data-v-3bdd5e59]{width:100%}#upload_audio[data-v-3eee5122]{display:grid;grid-template-areas:"a b b" ". . c";gap:8px}#upload_audio #legend[data-v-3eee5122]{grid-area:a;width:220px}#upload_audio #legend li[data-v-3eee5122]{color:var(--whispp-green);list-style-type:circle}#upload_audio #legend li.active[data-v-3eee5122]{color:var(--whispp-green-dark);font-weight:700;list-style-type:disc}#upload_audio #upload_card[data-v-3eee5122]{grid-area:b;padding:24px}#upload_audio #upload_card h1[data-v-3eee5122]{margin:0}#upload_audio #upload_card h1.center[data-v-3eee5122]{text-align:center;margin-bottom:1em}#upload_audio #upload_card .audio-target[data-v-3eee5122]{display:flex;flex-direction:row;align-items:center}#upload_audio #upload_card p.complete[data-v-3eee5122]{color:var(--whispp-green)}#upload_audio #upload_card p.incomplete[data-v-3eee5122]{color:var(--whispp-red)}#upload_audio #upload_card .check[data-v-3eee5122]{width:20px;height:20px;padding-right:6px}#upload_audio #upload_card .check img[data-v-3eee5122]{width:100%;height:100%}#upload_audio #actions[data-v-3eee5122]{grid-area:c}#upload_audio #actions .buttons[data-v-3eee5122]{width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:20px;margin-top:1em}#upload_audio #actions button[data-v-3eee5122]{width:150px}@media screen and (max-width: 800px){#upload_audio[data-v-3eee5122]{grid-template-areas:"a" "b" "c"}}@media screen and (max-width: 500px){p[data-v-3eee5122],li[data-v-3eee5122],i[data-v-3eee5122]{font-size:14px;line-height:22px}h1[data-v-3eee5122]{font-size:24px}}button.secondary[data-v-04ac2127]{margin-right:1em}div[data-v-ba525641]{position:relative}div input[data-v-ba525641]{display:none}div input+label[data-v-ba525641]{padding-left:20px;-webkit-user-select:none;user-select:none;display:block}div input+label[data-v-ba525641]:before{display:block;content:"";border:1px solid black;width:15px;height:15px;position:absolute;left:0;top:2px}div input:checked+label[data-v-ba525641]:before{background-color:var(--whispp-green);content:"✓";color:#fff;line-height:16px}.center[data-v-9e394be9]{margin:0 auto;width:fit-content}.center .img-container[data-v-9e394be9]{width:100px;height:100px}.center .img-container img[data-v-9e394be9]{width:100%;height:100%}.center .spacer[data-v-9e394be9]{display:block;content:"";height:12px}footer[data-v-557ed153] *{color:var(--whispp-white)}#footer_slogan[data-v-557ed153]{background-image:url(/header.png);background-size:100vw 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px}#footer_slogan[data-v-557ed153] *{text-align:center}#footer_slogan h1[data-v-557ed153]{font-size:48px;margin:12px}#footer_slogan p[data-v-557ed153]{width:max(280px,50%)}#footer_slogan .downloads[data-v-557ed153]{display:flex;flex-direction:row;gap:32px;margin-top:2em}#footer_slogan .downloads .download-img[data-v-557ed153]{height:40px}#footer_socials_and_links[data-v-557ed153]{background:linear-gradient(135deg,var(--whispp-green),var(--whispp-green-dark));display:grid;grid-template-areas:"a b" "c c";padding:50px 24px 24px;gap:24px}#footer_socials_and_links #footer_socials[data-v-557ed153]{grid-area:a;display:flex;flex-direction:column;justify-content:center;align-items:center}#footer_socials_and_links #footer_socials .logo[data-v-557ed153]{display:block;width:217px;height:63px}#footer_socials_and_links #footer_socials .socials[data-v-557ed153]{display:flex;flex-direction:row;gap:26px}#footer_socials_and_links #footer_links[data-v-557ed153]{grid-area:b;display:flex;flex-direction:row;justify-content:center;gap:min(50px,5vw)}#footer_socials_and_links #footer_links .links[data-v-557ed153]{width:fit-content;display:flex;flex-direction:column;gap:12px}#footer_socials_and_links #footer_links .links a[data-v-557ed153]{text-decoration:none}#footer_socials_and_links #footer_kvk[data-v-557ed153]{grid-area:c}#footer_socials_and_links #footer_kvk p[data-v-557ed153]{text-align:center;font-weight:200}@media screen and (max-width: 800px){#footer_slogan h1[data-v-557ed153]{font-size:32px}#footer_socials_and_links[data-v-557ed153]{grid-template-areas:"a" "b" "c";gap:32px}#footer_socials_and_links #footer_links[data-v-557ed153]{justify-content:center;align-items:baseline}#footer_socials_and_links #footer_links[data-v-557ed153] *{text-align:center}#footer_socials_and_links #footer_links .links[data-v-557ed153]{width:20vw}}@media screen and (max-width: 450px){#footer_links .links[data-v-557ed153]{font-size:12px}}.container[data-v-6914eb31]{display:flex;flex-direction:column;min-height:100%}header[data-v-6914eb31]{background-image:url(/header.png);background-size:100vw 100%;position:relative;display:flex;width:100%;height:340px;flex-shrink:0}header a[data-v-6914eb31]{color:#fff;font-weight:700}header .header-content[data-v-6914eb31]{position:absolute;top:50px;left:10vw}header .header-content h1[data-v-6914eb31]{margin-top:80px}header .logo[data-v-6914eb31]{display:block;width:147px;height:43px}header .logo img[data-v-6914eb31]{width:100%;height:100%}section.withbg[data-v-6914eb31]{background-image:url(/background.png);background-size:100vw 100vh;align-self:stretch;flex-grow:1;flex-shrink:0}.center[data-v-6914eb31]{padding:2em 0;margin:0 auto;width:clamp(320px,94vw,850px)}.top-right[data-v-6914eb31]{position:absolute;right:10vw;top:50px;display:flex;flex-direction:row;align-items:center;gap:32px}@media screen and (max-width: 440px){.top-right[data-v-6914eb31]{position:absolute;top:130px;right:0;height:fit-content;justify-content:center;width:100%}}