@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@0;1&display=swap);@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes ripple-out{0%{opacity:0}28%{opacity:1}to{top:-20px;right:-20px;bottom:-20px;left:-20px;opacity:0}}@keyframes ripple-out{0%{opacity:0}28%{opacity:1}to{top:-20px;right:-20px;bottom:-20px;left:-20px;opacity:0}}@-webkit-keyframes shimmer{0%{background-position:100% 0}30%{background-position:0 0}}@keyframes shimmer{0%{background-position:100% 0}30%{background-position:0 0}}@font-face{font-family:"Apercu Pro Light";src:url(/static/media/Apercu-Pro-Light.bb2d8540.otf)}@font-face{font-family:"Apercu Pro Regular";src:url(/static/media/Apercu-Pro-Regular.42bb1a1e.otf)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-white:#fafafa;--color-black:#222;--color-red:#f16060}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased}body{background:#000;color:#dce0df;font-family:"Apercu Pro Light";min-height:100vh}a,a:hover,a:visited{text-decoration:none;color:#dce0df}ol{-webkit-padding-start:40px;padding-inline-start:40px}ol,p{margin-top:1em;margin-bottom:1em}button{cursor:pointer}button:focus{outline:none}.instructions{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/static/media/soundwaves_leaves_higher.d8136588.png);background-size:cover;background-position:top}.instructions__container{background:#fafafa;background:var(--color-white);color:#222;color:var(--color-black);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(5px);padding:50px;border-radius:5px;width:50%}@media (max-width:360px){.instructions__container{font-size:14px;padding:20px;width:80%}}@media (min-width:361px) and (max-width:767px){.instructions__container{font-size:14px;padding:20px;width:80%}}@media (min-width:2000px){.instructions__container{width:auto}}.instructions__btn{cursor:pointer;color:#222;color:var(--color-black)}.landingpage{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh;background:url(/static/media/soundwaves_leaves.fb2031e7.png);background-repeat:no-repeat;background-position:50%;background-size:contain;background-position:0,60%;z-index:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.landingpage,.landingpage__bg{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s}.landingpage__bg{position:absolute;z-index:1;background-size:contain;background-position:top;opacity:0;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width:361px) and (max-width:767px){.landingpage__bg{background-position-x:-508px;background-position-y:68px}}@media (max-width:360px){.landingpage__bg{background-position-x:-508px;background-position-y:68px}}@media (min-width:1200px){.landingpage__bg{background-position:top}}.landingpage__header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.landingpage__header h1{margin:100px 0 0;font-size:8vw;line-height:85%}@media (min-width:361px) and (max-width:767px){.landingpage__header h1{font-size:8vw;text-align:center;line-height:99%}}@media (max-width:360px){.landingpage__header h1{font-size:8vw;text-align:center;line-height:99%}}.landingpage__cardheader{padding-top:7%;vertical-align:middle}@media (min-width:361px) and (max-width:767px){.landingpage__cardheader{font-size:20px;padding-top:20%}}.landingpage__cardsubheader{padding-bottom:7%;vertical-align:middle}@media (min-width:361px) and (max-width:767px){.landingpage__cardsubheader{font-size:20px;padding-bottom:200%}}.landingpage__tagline{position:absolute;z-index:2;bottom:58%;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (max-width:360px){.landingpage__tagline{bottom:60%}}.landingpage__tagline h2{font-size:2.5vw;margin-bottom:20px}@media (max-width:360px){.landingpage__tagline h2{font-size:6vw;text-align:center}}@media (min-width:361px) and (max-width:767px){.landingpage__tagline h2{font-size:6vw;text-align:center}}@media (min-width:361px) and (max-width:767px){.landingpage__tagline{bottom:66%}}.landingpage__get-involved{z-index:2;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:20px}.landingpage__get-involved>*{text-transform:uppercase}@media (max-width:360px){.landingpage__get-involved{font-size:10px;bottom:20%}}@media (min-width:361px) and (max-width:767px){.landingpage__get-involved{font-size:14px;bottom:20%}}@media (min-width:768px) and (max-width:1015px){.landingpage__get-involved{bottom:17%}}.landingpage__info{z-index:2;position:absolute;height:20%;bottom:35%;width:100%;display:flex;justify-content:center;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width:361px) and (max-width:767px){.landingpage__info{margin-top:0;justify-content:space-evenly;bottom:41%}}.landingpage__info>:first-child{margin-right:50px}@media (min-width:361px) and (max-width:767px){.landingpage__info>:first-child{margin:0}}.landingpage__info button{color:#fafafa;color:var(--color-white);background:none;border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:20px;padding:10px;transition:all .3s}.landingpage__info button:hover{color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white)}.landingpage__info a{justify-content:center;vertical-align:middle;margin-left:5%;margin-right:5%;text-align:center;color:#fafafa;color:var(--color-white);background:none;border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:15px;padding:16px;transition:all .3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:120%;font-size:25px;background:hsla(0,0%,100%,.2)}.landingpage__info a:hover{opacity:.75;color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white)}@media (max-width:360px){.landingpage__info a{font-size:9px;width:30%;height:90%}}@media (min-width:361px) and (max-width:767px){.landingpage__info a{font-size:10px;width:33%}}.landingpage__imprint{position:absolute;bottom:20px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 30px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width:361px) and (max-width:767px){.landingpage__imprint{padding:0 20px;bottom:20px}}.landingpage__logo-img{max-width:40px;margin:0 10px}@media (max-width:360px){.landingpage__logo-img{max-width:20px}}@media (min-width:361px) and (max-width:767px){.landingpage__logo-img{max-width:30px}}.recording-page{width:100%;height:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background 2s}.recording-page.Kusunda{background:#253a33}.recording-page.Sirayan{background:#412d43}.recording-page .randomized-bg{position:absolute;height:100%;width:100%;mix-blend-mode:overlay;transition:background-image .6s}.recording-page .randomized-bg.sirayan{background-image:url(/static/media/sirayan_people.06272896.jpg);background-size:cover;background-position:50%}.recording-page .randomized-bg.hema{background-image:url(/static/media/hema.3810cdd1.jpg);background-size:cover;background-position:50%}.recording-page .randomized-bg.gyani{background-image:url(/static/media/gyani.cbfc4968.jpg);background-size:cover;background-position:50%}.recording-page .randomized-bg.fern{background-image:url(/static/media/fern.f969ac7c.jpg);background-size:cover;background-position:50%}.recording-page .recorder-component{z-index:9999;min-width:40%}@media (max-width:360px){.recording-page .recorder-component{width:100%}}@media (min-width:361px) and (max-width:767px){.recording-page .recorder-component{width:100%}}@media (min-width:2000px){.recording-page .recorder-component{min-width:25%}}.recording-page__container{background:hsla(0,0%,100%,.15);padding:50px;border-radius:5px}.recording-page__btn{cursor:pointer}.aboutpage{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh;z-index:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width:361px) and (max-width:767px){.aboutpage{height:80vh}}@media (max-width:360px){.aboutpage{height:80vh}}.aboutpage__bg{position:absolute;z-index:1;background-size:cover;background-position:top;height:100vh;width:100vw;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (max-width:360px){.aboutpage__bg{background-position-x:-508px;background-position-y:68px}}@media (min-width:361px) and (max-width:767px){.aboutpage__bg{background-position-x:-508px;background-position-y:68px}}@media (min-width:1200px){.aboutpage__bg{background-position:top}}.aboutpage__header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (max-width:360px){.aboutpage__header{padding-top:10vw;padding-bottom:0;margin:3vh;line-height:40%}}@media (min-width:361px) and (max-width:767px){.aboutpage__header{padding-top:10vw;padding-bottom:0;margin:3vh;line-height:40%}}.aboutpage__header h1{margin:100px 0 0;font-size:8vw;line-height:85%}@media (max-width:360px){.aboutpage__header h1{font-size:20vw;text-align:center}}@media (min-width:361px) and (max-width:767px){.aboutpage__header h1{font-size:20vw;text-align:center}}.aboutpage__tagline{position:relative;z-index:2;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.aboutpage__tagline h2{font-size:2.5vw;margin-bottom:20px}@media (max-width:360px){.aboutpage__tagline h2{font-size:8vw;text-align:center}}@media (min-width:361px) and (max-width:767px){.aboutpage__tagline h2{font-size:8vw;text-align:center}}.aboutpage__info{z-index:2;position:relative;width:100%;display:flex;justify-content:center;margin-top:10px}@media (max-width:360px){.aboutpage__info{margin-top:5px;justify-content:space-evenly}}@media (min-width:361px) and (max-width:767px){.aboutpage__info{margin-top:5px;justify-content:space-evenly}}.aboutpage__info>:first-child{margin-right:50px}@media (max-width:360px){.aboutpage__info>:first-child{margin:0;font-size:3vw}}@media (min-width:361px) and (max-width:767px){.aboutpage__info>:first-child{margin:0;font-size:3vw}}.aboutpage__info button{color:#fafafa;color:var(--color-white);background:none;border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:30px;padding:10px;transition:all .3s}.aboutpage__info button:hover{color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white)}.aboutpage__link:hover{text-decoration:underline}.aboutpage__imprint{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-right:50px;margin-top:20px;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (max-width:360px){.aboutpage__imprint{bottom:2px;padding-right:0}}@media (min-width:361px) and (max-width:767px){.aboutpage__imprint{bottom:2px;padding-right:0}}.aboutpage__logo-img{max-width:100px;margin:0 10px}@media (max-width:360px){.aboutpage__logo-img{max-width:70px}}@media (min-width:361px) and (max-width:767px){.aboutpage__logo-img{max-width:70px}}.aboutpage__poke-logo-img{max-width:70px;margin:10px}@media (max-width:360px){.aboutpage__poke-logo-img{max-width:50px}}@media (min-width:361px) and (max-width:767px){.aboutpage__poke-logo-img{max-width:50px}}.aboutpage__video{width:640px;height:360px}@media (max-width:360px){.aboutpage__video{max-width:256px;height:320px}}@media (min-width:361px) and (max-width:767px){.aboutpage__video{max-width:300px;height:320px}}.kusunda-img{width:80%;height:75%;object-fit:scale-down;object-position:top}@media (max-width:360px){.kusunda-img{width:90%}}@media (min-width:361px) and (max-width:767px){.kusunda-img{width:90%}}.landing-btn{display:block;font-weight:700;text-align:center;border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:30px;width:200px;padding:12px;transition:all .3s;background-size:1000px 100%;background-position:0 0}.landing-btn:hover{opacity:1%;background:#dce0df;color:#111}.landing-btn:active{transform:scale(.98)}.btn-main{background:none;color:#dce0df;border:1px solid #dce0df;border-radius:30px;padding:10px;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-main:hover{background:#dce0df;color:#111}.btn-main.btn-nav{font-size:12px;margin-left:20px;width:115px;padding:8px}@media (max-width:360px){.btn-main.btn-nav{font-size:8px;width:75px;margin:0;padding:6px}}@media (min-width:361px) and (max-width:767px){.btn-main.btn-nav{font-size:8px;width:75px;margin:0;padding:6px}}.btn-main.btn-instructions-card{font-size:12px;border-color:#222;border-color:var(--color-black);color:#222;color:var(--color-black);padding:5px}.btn-main.btn-instructions-card:hover{background:#222;background:var(--color-black);color:#fafafa;color:var(--color-white)}.nav{position:fixed;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px}@media (max-width:360px){.nav{justify-content:center}}@media (min-width:361px) and (max-width:767px){.nav{justify-content:center}}.nav__title{font-size:20px;font-weight:700;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:360px){.nav__title{padding-bottom:20px}}@media (min-width:361px) and (max-width:767px){.nav__title{padding-bottom:20px}}@media (max-width:360px){.nav__btns{position:absolute;width:95%;display:flex;justify-content:space-between}}@media (min-width:361px) and (max-width:767px){.nav__btns{position:absolute;width:95%;display:flex;justify-content:space-between}}.nav__logo-img{max-width:50px}.flash-card{background:#f7f7f7;color:#111;padding:30px;border-radius:5px;margin-bottom:20px;box-shadow:0 0 15px 4px rgba(0,0,0,.69)}@media (max-width:360px){.flash-card{width:90%;padding:30px;margin:20px auto}}@media (min-width:361px) and (max-width:767px){.flash-card{width:90%;padding:30px;margin:20px auto}}@media (min-width:2000px){.flash-card{min-width:30%}}.flash-card__top-panel{display:flex;justify-content:space-between;align-items:center}.flash-card .read-instructions{cursor:pointer}.flash-card .curr-language{font-family:"Libre Baskerville",serif;font-style:italic;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:360px){.flash-card .curr-language{font-size:12px}}@media (min-width:361px) and (max-width:767px){.flash-card .curr-language{font-size:12px}}.flash-card .current-word{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flash-card .word-display{margin:5% 0;transition:font-size .6s;font-family:"Libre Baskerville",serif}@media (max-width:360px){.flash-card .word-display{font-size:40px}}@media (min-width:361px) and (max-width:767px){.flash-card .word-display{font-size:40px}}@media (min-width:768px) and (max-width:1015px){.flash-card .word-display{font-size:50px}}@media (min-width:1016px) and (max-width:1199px){.flash-card .word-display{font-size:60px}}@media (min-width:1200px){.flash-card .word-display{font-size:80px}}.flash-card .blurred-bg{position:absolute;z-index:3;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.flash-card .blurred-bg.hidden{display:none}.flash-card .word-play{position:relative;z-index:4;background:#f7f7f7;width:90px;height:90px;border:0;border-radius:50%;padding:5px;margin-bottom:20px;cursor:pointer;transition:all .2s}.flash-card .word-play:active{transform:translateY(1px) scale(.99)}.flash-card .word-play.Sirayan{box-shadow:0 0 10px 0 rgba(191,72,143,.5)}.flash-card .word-play.Sirayan:hover{box-shadow:0 0 12px 3px rgba(191,72,143,.5)}.flash-card .word-play.Kusunda{box-shadow:0 0 10px 0 rgba(121,189,146,.57)}.flash-card .word-play.Kusunda:hover{box-shadow:0 0 12px 3px rgba(121,189,146,.57)}@media (max-width:360px){.flash-card .word-play{font-size:40px;margin-bottom:0}}@media (min-width:361px) and (max-width:767px){.flash-card .word-play{font-size:40px;margin-bottom:0}}@media (min-width:768px) and (max-width:1015px){.flash-card .word-play{font-size:40px}}.flash-card .word-play:after,.flash-card .word-play:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.4s;animation-duration:.4s}.flash-card .word-play:before{border:4px solid #fff}.flash-card .word-play:after{border:2px solid #fff}.flash-card .word-play:hover:after,.flash-card .word-play:hover:before{-webkit-animation-name:ripple-out;animation-name:ripple-out}.flash-card .word-play:hover:after{-webkit-animation-delay:.1s;animation-delay:.1s}.flash-card .shimmer{color:rgba(0,0,0,.1);background:-webkit-gradient(linear,left top,right top,from(#000),to(#000),color-stop(.5,#fff));background:-moz-gradient(linear,left top,right top,from(#000),to(#000),color-stop(.5,#fff));background:gradient(linear,left top,right top,from(#000),to(#000),color-stop(.5,#fff));background-size:500px 100%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-repeat:no-repeat;background-position:0 0;background-color:#000}.flash-card .divider{height:1px;width:100%;background:#d6d6d6;margin:30px 0}@media (max-width:360px){.flash-card .divider{margin:10px 0}}@media (min-width:361px) and (max-width:767px){.flash-card .divider{margin:10px 0}}.flash-card .completed{display:flex;justify-content:center}.flash-card .completed :not(:last-child){margin-right:40px}.flash-card .dot{width:10px;height:10px;background:#adadad;border-radius:50%}.flash-card .dot-completed{width:10px;height:10px;background:#88f9d4;border-radius:50%}.flash-card .dot-recording{width:10px;height:10px;background:#f75c5c;border-radius:50%}.flash-card .info-bar{display:flex;justify-content:space-between}.flash-card .info-bar>*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:360px){.flash-card .info-bar{font-size:12px}}@media (min-width:361px) and (max-width:767px){.flash-card .info-bar{font-size:12px}}.flash-card .words-left{text-align:right}.funfact-popup{position:absolute;top:0;display:flex;align-items:center;justify-content:center;z-index:10000;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.funfact-popup_wrapper{display:flex;flex-direction:column;width:400px;height:400px;background:#fafafa;background:var(--color-white);color:#222;color:var(--color-black);padding:30px;border-radius:5px}@media (max-width:360px){.funfact-popup_wrapper{width:80%;height:380px}}@media (min-width:361px) and (max-width:767px){.funfact-popup_wrapper{width:80%;height:380px}}.funfact-popup_wrapper button{border:1px solid #222;border:1px solid var(--color-black);background:none;color:#222;color:var(--color-black);padding:10px;border-radius:30px;cursor:pointer;transition:all .3s}.funfact-popup_wrapper button:hover{background:#222;background:var(--color-black);color:#fafafa;color:var(--color-white)}.funfact-popup_inner{flex-direction:column;text-align:center;height:85%;font-size:20px}.funfact-popup_inner,.popup{display:flex;justify-content:center;align-items:center}.popup{position:fixed;z-index:10000;width:100%;height:100%;top:0;background-color:rgba(0,0,0,.7)}.popup.complete{position:absolute;top:0;background:url(/static/media/soundwaves_leaves_higher.d8136588.png);background-size:cover;background-position:top}.popup_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;width:60%;max-height:85%;height:auto;background:#fafafa;background:var(--color-white);color:#222;color:var(--color-black);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:30px;border-radius:5px}@media (max-width:360px){.popup_wrapper{width:80%;height:80%}}@media (min-width:361px) and (max-width:767px){.popup_wrapper{width:80%;height:80%}}@media (min-width:2000px){.popup_wrapper{max-width:730px;max-height:40%}}.popup_wrapper .back-btn,.popup_wrapper button{border:1px solid #222;border:1px solid var(--color-black);background:none;color:#222;color:var(--color-black);padding:10px;border-radius:30px;min-width:80px;margin:0 0 0 auto;cursor:pointer;transition:all .3s}.popup_wrapper .back-btn:hover,.popup_wrapper button:hover{color:#fafafa;color:var(--color-white);background:#222;background:var(--color-black)}.popup_inner{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;width:100%;margin-bottom:10px}.popup_inner::-webkit-scrollbar{display:none}.popup_inner .about-img{width:100%;height:70%;object-fit:cover;object-position:top}.popup_inner .about-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.popup_inner .about-logo{max-width:50px}.progress-bar{width:100%;height:6px;margin:30px 0;background:#e8e8e8;border-radius:7px}.progress-bar__progress{height:6px;width:0;border-radius:7px;transition:all .6s}.progress-bar__progress.Kusunda{background:#46ad6b}.progress-bar__progress.Sirayan{background:#bf488f}.audio-recorder{position:relative;justify-content:center;width:100%}.audio-recorder,.audio-recorder .btn-wrapper{display:flex;flex-direction:column;align-items:center}.audio-recorder .btn-wrapper{top:20px}.audio-recorder__ctrl-btn{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.audio-recorder__ctrl-btn:hover .audio-recorder__background{opacity:1}.audio-recorder__stop-btn{color:#f16060!important;color:var(--color-red)!important}.audio-recorder .btn-ctrl{position:relative;z-index:2;color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white);border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:50%;height:90px;width:90px;font-size:35px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 14px 3px rgba(0,0,0,.2);cursor:pointer;transition:all .6s}.audio-recorder .btn-ctrl:focus{outline:none}.audio-recorder .btn-ctrl:hover{color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white)}.audio-recorder .btn-ctrl:hover i{color:#f16060;color:var(--color-red)}.audio-recorder .btn-ctrl:after,.audio-recorder .btn-ctrl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.4s;animation-duration:.4s}.audio-recorder .btn-ctrl:before{border:4px solid #fafafa;border:4px solid var(--color-white)}.audio-recorder .btn-ctrl:after{border:2px solid #fafafa;border:2px solid var(--color-white)}.audio-recorder .btn-ctrl:hover:after,.audio-recorder .btn-ctrl:hover:before{-webkit-animation-name:ripple-out;animation-name:ripple-out}.audio-recorder .btn-ctrl:hover:after{-webkit-animation-delay:.1s;animation-delay:.1s}.audio-recorder .play{border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:50%;padding:0;font-size:25px;width:50px;height:50px;color:#fafafa;color:var(--color-white);background:none;cursor:pointer;transition:all .4s}.audio-recorder .play:hover{color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white)}.audio-recorder .play:disabled{color:hsla(0,0%,100%,.51);cursor:not-allowed}.audio-recorder .play:disabled:hover{background:none}.audio-recorder .play>*{margin-left:4px;margin-top:3px}.audio-recorder .next{opacity:1;border:1px solid #fafafa;border:1px solid var(--color-white);border-radius:30px;width:78px;padding:10px;margin-top:20px;font-size:12px;background:none;color:#fafafa;color:var(--color-white);text-transform:uppercase;cursor:pointer;transition:all .4s}.audio-recorder .next:hover{color:#222;color:var(--color-black);background:#fafafa;background:var(--color-white)}.audio-recorder .next:disabled{visibility:hidden;opacity:0}.audio-recorder canvas{display:inline-block;position:absolute;z-index:-1;top:-30px}.waveform-container{position:absolute;width:100vw;top:-17px;z-index:-1}.waveform-container #waveform wave canvas{width:100%!important}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,footer,header,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.d4d40ac6.chunk.css.map */