body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;margin:0;min-height:100vh;min-width:100%;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{align-items:stretch;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;height:100%;justify-content:stretch;margin:0;min-height:100vh;padding:0;width:100%}:root{--background:#f5f5f5;--background-above:#fff;--foreground:#2e3440;--blue:#5e81ac;--light-blue:#81a1c1;--red:#bf616a;--green:#a3be8c;--purple:#b48ead;--orange:#d08770;--yellow:#ebcb8b;--content-box-shadow:0px 0px 90px 10px #00000080;--title-font-size:45px;--title-padding:0.5em 0.5em;--content-margin:2.5vh 0;--header-height:3em;--header-padding:0.5em;--header-button-padding:0em 1.5em;--header-button-font-size:1em;--header-button-title-font-size:1.25em;--header-button-text-shadow:none;--header-background-color:var(--foreground);--header-solid-background-color:var(--header-background-color);--header-color:var(--background);--home-quote-width:55vw;--home-quote-padding:0 5vw;--home-quote-res-padding:5vw;--home-avatar-size:25vw;--home-avatar-res-size:80vw;--home-greet-font-size:1.75em;--home-intro-font-size:max(3em,5vw);--home-info-font-size:1.25em;--sidebar-font-size:1em;--about-chapter-font-size:1.25em;--about-section-font-size:1em;--fileinput-radius:5px;--fileinput-font-size:1em}.header{background-color:var(--header-background-color);box-sizing:border-box;color:var(--header-color);flex-flow:column wrap;font-family:inherit;height:var(--header-height);justify-content:stretch;padding:var(--header-padding);position:-webkit-sticky;position:sticky;top:0;transition:.2s linear;width:100%;z-index:10}.header,.header .subset{align-items:center;display:flex;flex-direction:row;margin:0}.header .subset{flex-grow:1;height:100%;justify-content:center;padding:0}.header .menu-long{display:flex}.header .menu-short{display:none;font-size:1.25em}.header .subset .button{align-items:center;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:var(--header-button-font-size);font-weight:600;height:100%;justify-content:center;outline:none;padding:var(--header-button-padding);text-shadow:var(--header-button-text-shadow);transition:.2s}.header .subset .button:active{transform:scale(.75)}.header .subset .title{font-family:Lemon;font-size:var(--header-button-title-font-size);font-weight:400;text-transform:uppercase;vertical-align:middle}@media only screen and (max-width:575.98px){.header .menu-short{display:flex}.header .menu-long{display:none}}@media only screen and (max-width:777.98px){.header .menu-short{display:flex}.header .menu-long{display:none}}.sidebar{align-items:stretch;background-color:var(--header-solid-background-color);display:flex;flex-direction:column;height:calc(100vh - var(--header-height));justify-content:stretch;position:fixed;right:-100vw;top:var(--header-height);transition:all .3s;width:100vw;z-index:1000}.sidebar button{align-items:center;background-color:initial;border:none;color:#fff;display:flex;flex-direction:row;font-size:var(--sidebar-font-size);justify-content:flex-start;outline:none;padding:2vh 5vh;text-align:left;transition:.3s linear}.sidebar button:active{background-color:#ffffff1a;transform:scale(.75)}.sidebar button *{margin:0 1.5vh}.HomeView{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height))}.HomeView .background{background-color:#2828284d;min-height:100vh;position:fixed;top:0;width:100vw;z-index:-10}.HomeView .above{-webkit-clip-path:polygon(0 0,55% 0,45% 100%,0 100%);clip-path:polygon(0 0,55% 0,45% 100%,0 100%)}.HomeView .above,.HomeView .below{background-size:cover;background:no-repeat 50% fixed;filter:blur(8px);height:100vh;object-fit:cover;overflow:hidden;position:fixed;top:0;transform:scale(1.1);width:100vw;z-index:-15}.HomeView .below{-webkit-clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%);clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%)}.HomeView .background-image img{height:100%;width:100%}.HomeView .content{background-color:var(--foreground);height:-webkit-fit-content;height:fit-content;margin:20px 0}.HomeView .content,.HomeView .content .subset{align-items:center;display:flex;flex-direction:row;justify-content:center;width:-webkit-fit-content;width:fit-content}.HomeView .content .subset{height:100%}.HomeView .content .subset .avatar{background-color:#fff;border-radius:0;-webkit-clip-path:polygon(0 0,100% 0,80% 100%,0 100%);clip-path:polygon(0 0,100% 0,80% 100%,0 100%);height:var(--home-avatar-size);width:var(--home-avatar-size)}.HomeView .content .subset .quote{align-items:center;background-color:initial;border-radius:0;box-sizing:border-box;color:var(--background);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--home-quote-padding);width:var(--home-quote-width)}.HomeView .content .subset .quote p{margin:0;text-align:left;width:100%}.HomeView .content .subset .quote .greet{font-size:var(--home-greet-font-size)}.HomeView .content .subset .quote .intro{font-size:var(--home-intro-font-size);font-weight:700}.HomeView .content .subset .quote .info{font-size:var(--home-info-font-size)}@media (max-aspect-ratio:1/1){.HomeView .content{flex-direction:column}.HomeView .content .subset .avatar{-webkit-clip-path:none;clip-path:none;height:var(--home-avatar-res-size);width:var(--home-avatar-res-size)}.HomeView .content .subset .quote{padding:var(--home-quote-res-padding);width:80vw}.HomeView .content .subset .quote p{text-align:center;width:-webkit-fit-content;width:fit-content}}@media only screen and (max-width:767.98px){.HomeView .content .subset .quote .greet{font-size:1em}.HomeView .content .subset .quote .info{font-size:.8em}}@media only screen and (max-width:991.98px){.HomeView .content .subset .quote .intro{font-size:6vw}}.AsrView{background-color:var(--background);flex-direction:column;justify-content:flex-start;min-height:calc(100vh - var(--header-height));width:100%}.AsrView,.AsrView .loading{align-items:center;display:flex}.AsrView .loading{background-color:#fff3;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.AsrView .container{align-items:center;background-color:var(--background);display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0;width:100%;z-index:2}.AsrView .container .title-container{align-items:stretch;box-sizing:border-box;display:flex;justify-content:center;padding:5px;width:80%}.AsrView .container .title-container .title{align-items:center;background-color:#fff;border:.2px solid #0000001a;border-radius:5px;box-sizing:border-box;color:var(--foreground);display:flex;font-size:var(--title-font-size);font-weight:700;justify-content:center;margin:5px;padding:var(--title-padding);text-align:center;text-transform:capitalize;width:100%;z-index:2}.AsrView .container .title-container .title #mobile{display:none;z-index:2}.AsrView .container .title-container .title #pc{z-index:2}.AsrView .container .data{align-items:stretch;background-color:var(--background);box-sizing:border-box;display:flex;flex-direction:row;font-family:inherit;justify-content:stretch;padding:5px;width:80%;z-index:2}.AsrView .container .data .left{align-items:stretch;background-color:#f5f5f5;box-shadow:none;display:flex;flex-direction:column;flex-grow:0;justify-content:flex-start;z-index:2}.AsrView .container .data .left>*{box-sizing:border-box;margin:5px}.AsrView .container .data .left .extras,.AsrView .container .data .left .extras>*{align-items:center;display:flex;flex-direction:row;justify-content:center}.AsrView .container .data .left .extras>*{box-sizing:border-box;height:51px;margin:0 5px;width:-webkit-fit-content;width:fit-content}.AsrView .container .data .left .extras .github{background-color:var(--foreground);border-radius:5px;color:var(--background);font-size:28px;font-weight:500;padding-left:15px;padding-right:15px;text-decoration:none;text-transform:capitalize;z-index:3}.AsrView .container .data .left .extras .kofi{background-color:#29abe0;border-radius:5px;padding:2px 6px;text-decoration:none;z-index:3}.AsrView .container .data .left .extras .kofi img{height:100%}.AsrView .container .data .left .extras .buymecoffee{text-decoration:none}.AsrView .container .data .left .extras .buymecoffee img{border-radius:15px;height:51px;width:217px;z-index:3}.AsrView .container .data .left .content{align-items:stretch;background-color:var(--background-above);border:.2px solid #0000001a;border-radius:5px;display:flex;flex-direction:column;justify-content:stretch;z-index:2}.AsrView .container .data .left .content .streaming{align-items:center;display:flex;flex-direction:row;justify-content:stretch;padding:16px 16px 0}.AsrView .container .data .left .content .streaming h4{margin:0}.AsrView .container .data .left .content .streaming p{flex-grow:1}.AsrView .container .data .left .content .option{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:3}.AsrView .container .data .left .option audio{box-shadow:none}.AsrView .container .data .left .option>*{margin:16px}.AsrView .container .data .left .content .references{padding:20px}.AsrView .container .data .left .content .references h3{color:var(--blue);margin:0}.AsrView audio{height:2.2em;width:16em}.AsrView .dummy{display:flex;flex-grow:1}.AsrView .error{color:var(--red);font-weight:600;padding:16px 16px 0}.AsrView .container .data .right{align-items:stretch;background-color:var(--background);display:flex;flex-direction:column;flex-grow:1;justify-content:stretch;z-index:3}.AsrView .container .data .right .chapter{align-items:stretch;align-items:center;background-color:var(--background-above);border:.2px solid #0000001a;border-radius:5px;color:var(--foreground);display:flex;flex-direction:column;flex-direction:row;font-size:18pt;font-weight:600;justify-content:center;justify-content:stretch;margin:5px;padding:10px 20px;text-transform:capitalize}.AsrView .container .data .right .chapter>*{margin:0 5px}.AsrView .container .data .right .chapter hr{border:1px solid #000;flex-grow:1}.AsrView .container .data .right .chapter p{text-align:center}.AsrView .container .data .right .section{background-color:var(--background-above);border:.2px solid #0000001a;border-radius:5px;color:var(--foreground);margin:5px;padding:20px}.AsrView .container .data .right .section h3{color:var(--blue);margin:0}.AsrView .container .data .right .section .subsection{margin:5px}.AsrView .container .data .right .section .subsection h4,.AsrView .container .data .right .section .subsection p{margin:0}.AsrView .container .data .right .example{align-items:stretch;display:flex;flex-direction:column;justify-content:stretch}@media (max-aspect-ratio:1/1){.AsrView .container .title-container .title #pc{display:none}.AsrView .container .title-container .title #mobile{display:inline;display:initial}}@media only screen and (max-width:575.98px){.AsrView .container .data .left .option{flex-direction:column;margin:0}.AsrView audio{width:70vw}}@media only screen and (max-width:991.98px){.AsrView .container .data,.AsrView .container .title-container{width:100%}.AsrView .container .data .right .chapter hr{display:none}}@media only screen and (max-width:1199.98px){.AsrView .container .data{flex-direction:column}}.fileinput{align-items:stretch;border-radius:var(--fileinput-radius);box-sizing:border-box;display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;justify-content:stretch;margin:2.5vh 0;overflow:hidden;width:-webkit-fit-content;width:fit-content}.fileinput input{height:.1px;opacity:.1px;overflow:hidden;position:absolute;width:0;z-index:-1}.fileinput label{align-items:center;background-color:var(--background);border:.2px solid #0000001a;border-bottom-left-radius:var(--fileinput-radius);border-top-left-radius:var(--fileinput-radius);color:var(--blue);cursor:pointer;display:flex;flex-direction:row;font-size:var(--fileinput-font-size);font-weight:700;justify-content:stretch;padding:.5em 1.5em;text-transform:uppercase;transition:.5s ease-out}.fileinput label:active{transform:scale(.75)}.fileinput label p{margin:0 .5em}.fileinput .span{align-items:center;background-color:var(--background);background-position:50%;border:.2px solid #0000001a;border-bottom-right-radius:var(--fileinput-radius);border-top-right-radius:var(--fileinput-radius);color:var(--blue);cursor:pointer;font-size:var(--fileinput-font-size);font-weight:800;justify-content:center;outline:0;padding:.5em 1.5em;text-transform:uppercase;transition:.5s ease-out}.fileinput .span:active{transform:scale(.75)}@keyframes ripple{0%{background-size:0 0}to{background-size:1000% 1000%}}
/*# sourceMappingURL=main.a7fbda38.css.map*/