/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,*::before,*::after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body *{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:0;padding:0}img{border-style:none;max-width:100%;height:auto}blockquote{margin:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:normal;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-family-serif: "SourceSerif4", "Georgia", "Times New Roman", Times, serif;--font-family-sans: "IBMPlexSans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--color-light-header: #0b1220;--color-dark-header: #ffffff;--color-primary: #4e65ff}@font-face{font-family:"hubot-sans";src:url("../fonts/hubot-sans-regular-webfont.woff2") format("woff2"),url("../fonts/hubot-sans-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"inter";src:url("../fonts/inter-medium-webfont.woff2") format("woff2"),url("../fonts/inter-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}body{font-size:100%;-webkit-font-smoothing:antialiased;font-family:"hubot-sans",sans-serif}p{font-family:"hubot-sans";font-size:14px;font-weight:normal;line-height:1.43;letter-spacing:.28px;text-align:left;color:var(--color-dark-header)}@media screen and (min-width: 800px){p{font-size:19px;line-height:1.53;letter-spacing:-0.48px}}@keyframes blink{50%{background-color:rgba(0,0,0,0)}}@keyframes showForeground{0%{opacity:0;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}@keyframes hideForeground{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.95)}}.button,button,.dialog-button{display:inline-block;font-size:13px;padding:7px 12px;border-radius:10px;background-color:var(--color-dark-header);opacity:.9;font-family:"inter";font-weight:500;color:var(--color-light-header);cursor:pointer;border:none;transition:all .1s ease-in-out;line-height:1;position:relative;text-decoration:none;text-align:left}@media screen and (min-width: 600px){.button,button,.dialog-button{font-size:16px;padding:12px 15px;text-align:center}}.button::before,button::before,.dialog-button::before{content:"";display:inline-block;width:calc(100% + 9px);height:calc(100% + 9px);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:14px;border:solid 1px rgba(148,162,255,.7);background-color:rgba(162,174,255,.35);transition:all .1s ease-in-out;opacity:0}.button:hover,button:hover,.dialog-button:hover{background:var(--color-primary);color:var(--color-dark-header)}.button:hover::before,button:hover::before,.dialog-button:hover::before{opacity:1}main{background-color:#060a20;min-height:100vh;overflow-x:clip;display:flex;flex-direction:column;justify-content:flex-start}@media screen and (min-width: 1024px){main{justify-content:center}}.interaction{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:970px;aspect-ratio:100/67;margin:0 auto;position:relative;max-height:100vh;padding-top:60px}@media screen and (min-width: 1400px){.interaction{max-width:1500px;padding-top:60px}}.background-container{width:100%;height:100%;position:relative;overflow:hidden}.background-container::after{content:"";position:absolute;width:100%;height:16%;bottom:-15px;left:0;background-image:linear-gradient(to top, #060a20 42%, rgba(6, 10, 32, 0) 86%);z-index:2}@media screen and (min-width: 1024px){.background-container::after{height:360px;bottom:0}}.background-container img.laptop{position:relative;z-index:2}.background-container .background-bg{display:inline-block;position:absolute;top:calc(4% - 1px);left:50%;transform:translateX(-50%);width:87%;height:auto;transition:opacity .3s ease-in-out;opacity:0}@media screen and (min-width: 420px){.background-container .background-bg{top:calc(3% - 4px)}}@media screen and (min-width: 1024px){.background-container .background-bg{width:87%}}@media screen and (min-width: 1400px){.background-container .background-bg{width:calc(86% + 6px);top:calc(3% - 2px)}}.background-container.is-bg-1 .background-bg-1,.background-container.is-bg-2-1 .background-bg-2-1,.background-container.is-bg-2-2 .background-bg-2-2,.background-container.is-bg-2-3 .background-bg-2-3,.background-container.is-bg-2-4 .background-bg-2-4,.background-container.is-bg-2-5 .background-bg-2-5,.background-container.is-bg-2-6 .background-bg-2-6,.background-container.is-bg-2-7 .background-bg-2-7,.background-container.is-bg-2-12 .background-bg-2-12,.background-container.is-bg-2-14 .background-bg-2-14,.background-container.is-bg-2-16 .background-bg-2-16,.background-container.is-bg-2-16b .background-bg-2-16b,.background-container.is-bg-2-17 .background-bg-2-17,.background-container.is-bg-2-17b .background-bg-2-17b,.background-container.is-bg-2-18 .background-bg-2-18,.background-container.is-bg-2-19 .background-bg-2-19,.background-container.is-bg-2-20 .background-bg-2-20,.background-container.is-bg-2-21 .background-bg-2-21,.background-container.is-bg-3-1 .background-bg-3-1,.background-container.is-bg-3-4 .background-bg-3-4,.background-container.is-bg-3-6 .background-bg-3-6,.background-container.is-bg-3-11 .background-bg-3-11{opacity:1}#dialog-container{width:100%;max-width:1143px;z-index:10;padding:0 15px;margin-top:-28px;padding-bottom:32px}@media screen and (min-width: 1024px){#dialog-container{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);padding-left:68px;padding-bottom:0;margin-top:0}}.dialog p{position:relative;margin-bottom:16px;cursor:default}@media screen and (min-width: 1024px){.dialog p{margin-bottom:21px}}.dialog p::after{content:"";display:inline-block;width:1.5px;height:15px;background-color:#96d1ff;animation:blink 1s step-end infinite;position:relative;top:1px}.dialog-action{display:flex;flex-direction:column;gap:10px;flex-wrap:wrap;align-items:flex-start}@media screen and (min-width: 1024px){.dialog-action{flex-direction:row;gap:20px;align-items:center}}.dialog-speaker{width:90px;height:90px;background:url("../images/pose1.webp") no-repeat center;background-size:contain;position:relative;-webkit-mask-image:linear-gradient(to bottom, #060a20 70%, transparent 100%);mask-image:linear-gradient(to bottom, #060a20 70%, transparent 100%)}@media screen and (min-width: 1024px){.dialog-speaker{position:absolute;width:90px;height:90px;left:-27px;bottom:-10px}}@media screen and (min-width: 1200px){.dialog-speaker{left:-106px;width:171px;height:171px}}.typing .dialog-speaker:after{content:"";position:absolute;width:13px;height:11px;top:53px;left:42px;background:url("../images/pose1-lips.webp") no-repeat center;background-size:contain}@media screen and (min-width: 1024px){.typing .dialog-speaker:after{width:13px;height:11px;top:53px;left:42px}}@media screen and (min-width: 1200px){.typing .dialog-speaker:after{width:23px;height:16px;top:103px;left:81px}}.dialog-button-wrapper{position:relative}.assets-dropdown{position:absolute;background-color:#e7e8e9;padding:10px;border-radius:10px;width:100%;top:-90px;transition:all .1s ease-in-out;opacity:0;pointer-events:none}.assets-dropdown.is-visible{opacity:1;pointer-events:auto;transform:translateY(-8px)}.assets-dropdown ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.assets-dropdown ul li{font-size:14px;font-weight:400;color:#4d4d47;cursor:pointer;padding:6px 5px 3px;line-height:1;transition:all .1s ease-in-out}.assets-dropdown ul li:hover{background-color:var(--color-primary);color:var(--color-dark-header);border-radius:5px}#modifier-container{position:absolute;top:0;left:50%;width:70%;height:100%;transform:translateX(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}#modifier-container:has(.background-fg-2-4) img{border-radius:unset}#modifier-container:has(.background-fg-2-16),#modifier-container:has(.background-fg-2-12){width:52%}#modifier-container:has(.background-fg-3-4),#modifier-container:has(.background-fg-3-11){width:60%}@media screen and (min-width: 1400px){#modifier-container{width:70%}#modifier-container:has(.background-fg-2-16),#modifier-container:has(.background-fg-2-12){width:60%}#modifier-container:has(.background-fg-3-4),#modifier-container:has(.background-fg-3-11){width:70%}}@media screen and (min-width: 1400px)and (max-height: 900px){#modifier-container{width:50%}#modifier-container:has(.background-fg-2-16),#modifier-container:has(.background-fg-2-12){width:43%}#modifier-container:has(.background-fg-3-4),#modifier-container:has(.background-fg-3-11){width:50%}}@media screen and (min-width: 1400px)and (max-height: 700px){#modifier-container{width:38%}#modifier-container:has(.background-fg-2-16),#modifier-container:has(.background-fg-2-12){width:30%}#modifier-container:has(.background-fg-3-4),#modifier-container:has(.background-fg-3-11){width:38%}}#modifier-container .background-fg{width:100%;opacity:0;transform:scale(0.95);animation:showForeground .3s ease-in-out forwards;animation-delay:.4s;position:relative;border-radius:5px;top:0;box-shadow:0 10px 35px 0 rgba(0,0,0,.5);object-fit:contain}@media screen and (min-width: 1024px){#modifier-container .background-fg{top:-10%}}@media screen and (min-width: 1400px){#modifier-container .background-fg{top:0}}#modifier-container .background-fg.hide{animation:hideForeground .3s ease-in-out forwards}.video-bg{position:absolute;top:0;width:100%;height:100%;z-index:0;overflow:hidden}.video-bg .video-container{width:1000px;height:600px;max-width:50%;position:absolute;top:0;opacity:.65;left:50%;transform:translateX(-50%);--fade: 60px;mask-image:linear-gradient(to right, transparent, #060a20 var(--fade), #060a20 calc(100% - var(--fade)), transparent),linear-gradient(to bottom, transparent, #060a20 var(--fade), #060a20 calc(100% - var(--fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #060a20 var(--fade), #060a20 calc(100% - var(--fade)), transparent),linear-gradient(to bottom, transparent, #060a20 var(--fade), #060a20 calc(100% - var(--fade)), transparent);mask-composite:intersect;-webkit-mask-composite:source-in;filter:blur(25px)}.video-bg .video-container video{cursor:auto;width:100%;height:50%;max-height:100px;border-radius:0px;display:block;object-fit:cover;background-color:rgba(0,0,0,0);object-position:50% 50%}.video-bg .overlay{background-color:#060a20;flex:0 0 auto;height:100%;left:0px;mix-blend-mode:lighten;overflow:clip;position:absolute;top:0px;width:100%;z-index:1}/*# sourceMappingURL=style.css.map */