*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}*{margin:0}body,html{height:100%}body{line-height:1.4;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}:root{--color-text:#4f4f4f;--color-text-support:#bdbdbd;--color-wave:#e0e0e0;--color-wave-played:#9b9b9b;--color-red:#eb5757;--color-red-secondary:#ffd3d3;--color-blue:#2d9cdb;--color-blue-secondary:#c2e6fb;--color-orange:#f2994a;--color-yellow:#f2c94c;--color-chat:#f2f2f2;--color-border:#e0e0e0;--color-1:#eb5757;--color-2:#f2994a;--color-3:#ebba26;--color-4:#87b624;--color-5:#27ae60;--color-6:#2d9cdb;--color-7:#bb6bd9;--color-8:#e15ead;--color-gray-1:#333;--color-gray-2:#4f4f4f;--color-gray-3:#828282;--color-gray-6:#f2f2f2;--color-accent:var(--color-1);--wave-form-height:max(40px,min(12dvh,100px));--control-button-size:1.8rem;--control-area-height:max(var(--control-button-size),min(15vh,calc(var(--control-button-size)*3)));--button-size:4.5rem;--helpTextHeight:3rem;--comment-icon-size:35px;--comment-bubble-area-height:70px;--control-button-size-big:4.5rem;--control-grid-columns:1fr;--audio-title-size:1.5rem;--bubble-size:3rem;--bubble-line-height:calc(var(--bubble-size) + var(--bubble-size)/2);--preview-color:var(--color-red);--header-padding-inline:1.5rem;--header-area-height:3.75rem;--progress-area-height:2.5rem;--main-height:max(500px,min(calc(100dvh - 4rem),900px));--main-width:min(100vw,950px);--comment-form-height:4rem;--bubble-scale:0.95;--bubble-font-color:#fff;--bubble-scale-preview:1.1}@font-face{font-display:swap;font-family:Cera Round;font-weight:100 900;src:url(/assets/fonts/Cera-Round-Variable.woff) format("woff-variations")}body,html{font:normal 450 16px/1.4 Cera Round,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}rw-icon>svg{box-sizing:content-box;display:inline-block;font-size:inherit!important;height:1em;margin:0;max-width:1em;overflow:visible;padding:0;vertical-align:-.125em;width:auto}rw-icon svg path{fill:currentColor}i>svg{box-sizing:content-box;display:inline-block;font-size:inherit!important;height:1em;margin:0;overflow:visible;padding:0;vertical-align:-.125em;width:auto}i>svg path{fill:currentColor}i.loop>svg{vertical-align:0!important}button{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;font:inherit;justify-content:center;line-height:1;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}p{font-optical-sizing:auto}main>header{align-items:center;display:flex;font-size:.88rem;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:100}main>header h1{left:-100em;margin:0;position:absolute;top:-100em}main>header #logo figure{align-items:center;color:#000;display:flex;gap:12px;justify-content:flex-start;max-width:400px}main>header #logo figure #huikui_logo_head svg{height:2em}main>header #logo figure #huikui_logo_text svg{height:1.4em}main>header #logo figure svg{box-sizing:content-box;font-size:inherit!important;margin:0;overflow:visible;padding:0;width:auto}main>header #logo figure svg path{fill:currentColor}main>header nav{justify-content:flex-end}main>header nav a{border:1px solid #000;border-radius:.5rem;color:inherit;padding:.3rem 1rem;-webkit-text-decoration:none;text-decoration:none;transition:outline 80ms ease-in-out,font-weight 80ms ease-in-out;white-space:nowrap}main>header nav a:hover{font-weight:600;outline:1px solid #000}main:has(.dragging)>header{display:none}main>footer{align-items:center;background-color:#4f4f4f;color:#fff;display:flex;justify-content:center;text-align:center}main>footer>div{max-width:1200px;padding:4rem 1rem}main>footer figure{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}main>footer p{font-size:1rem;font-weight:600;max-width:50ch}main>footer nav{align-items:flex-start;display:flex;gap:3rem;justify-content:center;margin-bottom:2rem;margin-top:2rem}main>footer nav>div{display:grid;grid-template-columns:1fr;grid-gap:.5rem}main>footer nav strong{font-size:1.1rem;font-weight:600}main>footer nav a{color:inherit;font:inherit;-webkit-text-decoration:underline;text-decoration:underline}@media (max-width:800px){main>footer{align-items:center;display:flex;flex-direction:column-reverse;gap:1rem}main>footer nav{justify-content:center}}#hero,#loading_block{height:95vh;overflow:hidden;position:relative;transition:height .25s ease,border-radius .25s ease;width:100%;will-change:background-color,height}#hero,#hero *,#hero :after,#hero :before,#loading_block,#loading_block *,#loading_block :after,#loading_block :before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main>header{transition:opacity .1s ease,height .25s ease;will-change:opacity,height}main.uploading>header{height:0;opacity:0}main.uploading #loading_block{border-radius:0;height:100dvh}#hero{color:#000;display:flex;padding:2rem;position:relative}#hero,#hero article{align-items:center;justify-content:center}#hero article{display:block;width:100%}#hero #errorIcon,#hero #fullScreenMessage{display:none;pointer-events:none!important}#hero #errorIcon *,#hero #fullScreenMessage *{pointer-events:none!important}#hero form{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative}#hero form,#hero form #pageMessage{justify-content:center;text-align:center;width:100%}#hero form #pageMessage{align-content:center;display:grid;grid-template-columns:1fr;left:0;right:0;top:-10rem;grid-gap:48px;padding-bottom:1rem;padding-top:1rem}#hero form #pageMessage svg{margin:0 auto}#hero form #pageMessage h2{font-size:24px;font-weight:500;line-height:1.4em}#hero form #pageMessage h4{font-size:1.1rem;font-weight:300;line-height:1.4em}#hero form footer #upload_here{color:#eb5757;color:var(--color-1);cursor:pointer;font-size:32px;font-weight:700;letter-spacing:.15px;margin-bottom:1rem;transition:scale 80ms ease-in-out}#hero form footer #upload_here:hover{color:#333;scale:1.1}#hero form footer span{color:#4f4f4f;font-size:14px;font-weight:500;letter-spacing:.15px}#hero #more_below{bottom:1rem;display:block;height:1rem;left:50%;position:absolute;transform:translateX(-50%);width:1rem}#hero.dragging form,#hero.error form{display:none!important}#hero.dragging #fullScreenMessage,#hero.error #fullScreenMessage{align-items:center;display:flex!important;justify-content:center;position:relative}#hero.dragging #dragoverMessage,#hero.error #dragoverMessage{color:#fff;display:block!important;font-size:30px!important;font-weight:900;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#hero.error #dragoverMessage{animation-delay:0ms;animation-direction:normal;animation-duration:.15s;animation-fill-mode:forwards;animation-iteration-count:4;animation-name:tilt-shaking}#hero.error #errorIcon{color:#fff;display:block;font-size:3rem;position:absolute;top:-4rem}#hero.dragging{background:rgba(0,0,0,.7)}#hero.error{background:#b22222;transition:background-color .1s ease-in-out}#hero label{animation:shakeHead 6s ease infinite;border-radius:50%;color:#eb5757;color:var(--color-1);cursor:pointer;display:grid;grid-template-rows:1fr;height:12em;overflow:visible;padding:2rem;position:relative;width:12em}#hero label i{transition:transform .12s ease;will-change:transform}#hero label svg{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}#hero label .eyes{animation:eyesClose 3s ease infinite}#hero:not(.error):not(.dragging):not(.uploading) label:hover{animation-delay:0ms;animation-direction:normal;animation-duration:.1s;animation-fill-mode:forwards;animation-iteration-count:2;animation-name:tilt-shaking;border:9px solid #333;color:#333}#hero:not(.error):not(.dragging):not(.uploading) label:hover i{transform:scale(1.2)}@media (max-width:800px){#hero label{height:10em;width:10em}#pageMessage h4 span{display:none}}main.uploading #hero{display:none}#huikui_top_logo .bubble-1,#huikui_top_logo .bubble-2{animation:bubbleMove 4s ease infinite}#huikui_top_logo .bubble-1{animation-delay:1.5s}@keyframes bubbleMove{0%,70%{opacity:1;transform:translateX(0)}85%{opacity:0;transform:translateX(-40px)}90%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes eyesClose{0%{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%);opacity:1}85%{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%);opacity:1}90%{-webkit-clip-path:ellipse(100% 0 at 50% 50%);clip-path:ellipse(100% 0 at 50% 50%);opacity:1}95%{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%);opacity:1}to{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%);opacity:1}}@keyframes spinHead{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowingBefore{0%{opacity:.1;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes glowingAfter{0%{opacity:0;transform:scale(.9)}to{opacity:.1;transform:scale(1.3)}}@keyframes tilt-shaking{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}#loading_block{background-color:#eb5757;background-color:var(--color-red);background-position:50%;background-repeat:no-repeat;bottom:0;color:#fff;display:none;left:0;position:fixed;right:0;top:0;transition:background-color .2s ease}main.uploading #loading_block{display:block!important}#loading_block_wrapper{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);display:flex;height:100%;justify-content:center;position:relative;width:100%;will-color:background;transition:background .5s ease}#loading_block_wrapper svg{height:auto;width:100%}#loading_block_wrapper i svg{height:1em;max-width:1em}#loading_block_wrapper article,#loading_block_wrapper i{align-items:center;display:flex;justify-content:center}#loading_block_wrapper article{height:100%;width:100%}#loading_block_wrapper article>div{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 2rem;justify-content:center;grid-gap:2rem;text-align:center;width:100%}#loading_block_wrapper article>div figure{display:block;margin:auto}#loading_block_wrapper article>div span{font-size:1.2rem;font-weight:700}main.success #upload_message,main.success span#message{opacity:0!important}.flyingBubble{transition:opacity .5s ease;will-change:transform,opacity}main.fade #loading_block{background-color:#fff}main.fade #loading_block #loading_block_wrapper{background:#fff}main.fade #loading_block .flyingBubble{opacity:0}main.fade #loading_block #logoAnimation{transform:scale(0)}#logoAnimation{background-color:#fff;border-radius:100%;height:192px;position:relative;transition:transform .5s ease;width:192px;will-change:transform}#logoAnimation .logo{opacity:0;position:absolute}#logoAnimation.a1 .l1,#logoAnimation.a2 .l2,#logoAnimation.a3 .l3,#logoAnimation.a4 .l4,#logoAnimation.a5 .l5,#logoAnimation.a6 .l6{opacity:1}:root{--glow-rgb:239 42 201}.star{animation-duration:1.5s;animation-fill-mode:forwards;color:#fff;font-size:1rem;pointer-events:none;position:absolute;z-index:2}.star svg{height:2em;width:2em}@keyframes fall-1{0%{opacity:0;transform:translate(0) rotateX(45deg) rotateY(30deg) rotate(0deg) scale(.25)}5%{opacity:1;transform:translate(10px,-10px) rotateX(45deg) rotateY(30deg) rotate(0deg) scale(1)}to{opacity:0;transform:translate(25px,200px) rotateX(180deg) rotateY(270deg) rotate(90deg) scale(1)}}@keyframes fall-2{0%{opacity:0;transform:translate(0) rotateX(-20deg) rotateY(10deg) scale(.25)}10%{opacity:1;transform:translate(-10px,-5px) rotateX(-20deg) rotateY(10deg) scale(1)}to{opacity:0;transform:translate(-10px,160px) rotateX(-90deg) rotateY(45deg) scale(.25)}}@keyframes fall-3{0%{opacity:0;transform:translate(0) rotateX(0deg) rotateY(45deg) scale(.5)}15%{opacity:1;transform:translate(7px,5px) rotateX(0deg) rotateY(45deg) scale(1)}to{opacity:0;transform:translate(20px,120px) rotateX(-180deg) rotateY(-90deg) scale(.5)}}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-200%);transform:translateY(var(--container-height,-200%))}}body,html{font-size:18px}::view-transition-new(root),::view-transition-old(root){animation-duration:5s}body,html{color:#222}main{display:block;position:relative;transition:padding .25s ease}main.uploading{padding:0}#workspace{align-items:flex-start;background-color:#fff;min-height:60dvh}#workspace div{display:grid;grid-template-columns:1fr;grid-gap:2rem;align-items:center;justify-content:center;max-width:60ch;padding:1rem;text-align:center}#workspace h2{font-size:3rem;font-weight:600;margin:auto -3rem}#workspace span{display:block}#workspace p,#workspace span{margin-bottom:auto;margin-top:auto}#workspace p{font-size:1.3rem;font-weight:600}#share_annotate{align-items:center;display:flex;justify-content:center;min-height:80dvh;padding:8rem 2rem}#share_annotate img{height:auto;max-width:100%;width:100%}#share_annotate article{align-items:center;display:grid;grid-template-columns:1fr;justify-content:center;max-width:1000px;width:100%}@media (max-width:900px){#share_annotate article{grid-template-columns:1fr}}#share_annotate article figure>img{height:auto;-o-object-fit:contain;object-fit:contain;width:auto}#share_annotate article>div{display:block;width:100%}#share_annotate article>div p{opacity:0;position:absolute;visibility:hidden}#share_annotate article>div svg{height:auto;margin-left:auto;margin-right:auto;max-width:400px;-o-object-fit:contain;object-fit:contain;width:100%}.bento-grid{background-color:#f8f6f2;display:grid;grid-template-columns:1fr;grid-gap:2.5rem;padding:3rem}.bento-row{align-items:stretch;display:grid;grid-template-columns:2.3fr 1fr;justify-content:flex-start;grid-gap:1rem;gap:1rem;margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.bento-row.text-right{grid-template-columns:1fr 2.3fr}@media (max-width:700px){.bento-row{grid-template-columns:1fr;max-width:100%}.bento-row.text-right{display:flex;flex-direction:column-reverse;grid-template-columns:1fr}}.bento-row article{align-items:center;border-radius:.5rem;display:flex;justify-content:center;padding:2rem;text-align:center}.bento-row article div{max-width:500px}.bento-row article p{color:#6a3936;font-size:1.5rem;font-weight:600;margin-top:2rem}.bento-row h3{display:none}.bento-row img{height:auto;margin-left:auto;margin-right:auto;-o-object-fit:contain;object-fit:contain;width:100%}.bento-row figure{background-color:#fff;border:3px solid transparent;border-radius:.5rem;overflow:clip;padding:0}.bento-row figure img{-webkit-clip-path:inset(4px 4px);clip-path:inset(4px 4px)}#get_started article{background-color:#333}#get_started p{color:#fff!important;font-size:1.8rem;font-weight:500}#get_started video{background-color:#fff;border:3px solid transparent;border-radius:.5rem;overflow:clip;padding:0}#our_story article{margin-left:auto;margin-right:auto;max-width:50ch;padding:6rem 2rem;text-align:center}#our_story article figure{align-items:center;display:flex;justify-content:center;margin-bottom:3rem}#our_story article h3{margin-bottom:2rem}#our_story article p{line-height:1.5;margin-bottom:1rem}
/*# sourceMappingURL=homepage.css.map */