:root{--primary-color: #ffcb1f;--secondary-color: #000000;--secondary-text: #9f7a16}body{background-color:#fff}.main{width:400px;height:644px;border:1px solid var(--primary-color);border-radius:8px;background:var(--primary-color);color:var(--secondary-color)}@media (max-width: 481px){.main{width:100%;height:100%}}.main-header{height:24px}.main-header__title{font-weight:700;padding-top:12px;color:var(--secondary-text)}.main-body{flex:1;padding:24px 24px 64px;font:"Fira Sans",sans-serif}.main-footer{height:44px;border-top:1px solid var(--primary-color);background:linear-gradient(var(--primary-color),transparent);color:beige}.home-container{font-size:54px;line-height:64px}.create-description{font-size:54px}.styled-app-name{font:italic small-caps bolder 54px/64px cursive}.kacheri-cta{gap:32px}.cta-btn{background:#000;color:#fff;padding:12px;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer}.join-input{padding:12px;border-radius:8px;border:1px solid var(--primary-color);background:#fff}.play-btn{height:50px;width:50px;border-radius:50%}#waveform{border-radius:36%}:root{font-family:Fira Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.flex-row{display:flex}.flex-column{display:flex;flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.flex-1{flex:1}.full-height{height:100%}.full-width{width:100%}*{box-sizing:border-box}html,body,#root{height:100%;width:100%}
/*# sourceMappingURL=main.css.map */