@font-face{font-family:hsbcFont;src:url(/_next/static/media/1e368d5f93d2c7bc-s.p.otf) format("opentype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:hsbcFont;src:url(/_next/static/media/fba19767480218f5-s.p.otf) format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:hsbcFont;src:url(/_next/static/media/9f894a9ee3a0e21e-s.p.otf) format("opentype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:hsbcFont;src:url(/_next/static/media/e89ff2633d7767ec-s.p.otf) format("opentype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:hsbcFont Fallback;src:local("Arial");ascent-override:100.92%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:105.83%}.__className_6867fd{font-family:hsbcFont,hsbcFont Fallback,Arial,Helvetica,sans-serif}.__variable_6867fd{--font-hsbc:"hsbcFont","hsbcFont Fallback",Arial,Helvetica,sans-serif}:root{--background:#000;--foreground:#171717;overscroll-behavior:none}@media(prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;height:100%}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media(prefers-color-scheme:dark){html{color-scheme:dark}}p{color:#fff;font-weight:400;font-size:.8rem;letter-spacing:.05rem}p strong{font-weight:600;letter-spacing:0}h1{font-size:2rem}h1,h2{color:#fff;font-weight:300;letter-spacing:.05rem}h2{font-size:1.4rem}h3{font-weight:300}h3,h4{color:#fff;font-size:1rem;letter-spacing:.05rem}h4{font-weight:500}li{color:#fff}.bgContainer{z-index:-1;position:absolute;top:0;height:100%;width:100%;overflow:hidden;display:grid;justify-content:center}#bgImage,#bgVideo{height:100vh}#bgImage{width:auto}.actionButton{background-color:red;border:none;width:80%;padding:10px;font-family:inherit}.actionButton:disabled{background-color:#333;color:#767676}.actionButton:active{background-color:#ff4949}.next-button{position:absolute;bottom:6%;width:100%}.embla,.next-button{display:flex;justify-content:center}.embla{position:relative;max-width:48rem;margin:auto;--slide-height:10rem;--slide-spacing:0.5rem;--slide-size:20%;width:80%}.embla .emblaViewport{overflow:hidden;z-index:99}.embla .emblaViewport .emblaContainer{display:flex;touch-action:pan-x pinch-zoom;margin-top:calc(var(--slide-spacing)*-1);height:calc(var(--slide-spacing) + var(--slide-height));flex-direction:column}.embla .emblaViewport .emblaSlide{transform:translateZ(0);flex:0 0 var(--slide-size);min-height:0;padding-top:0}.embla .emblaViewport .emblaSlide .emblaSlideContent{color:#fff;font-size:1.5rem;line-height:.5rem;font-weight:300;display:flex;align-items:center;justify-content:center;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.embla .emblaViewport .emblaSlide:not(.is-snapped){opacity:.5}.embla .emblaViewport .emblaSlide:not(.is-snapped) .emblaSlideContent{font-size:1.2rem}.embla .pointer{position:absolute;height:1.8rem;top:40%;left:-10%}.embla:after{position:absolute;left:0;right:0;content:"";display:block;height:calc(50% - 1rem);z-index:1;pointer-events:none;bottom:-.5px;border-top:2px solid #fff}.loading-circle{width:60%}.loading-circle .loading-line.loading{animation:pulse-loading 1s infinite;animation-timing-function:ease-in-out}.loading-circle .loading-line.complete{stroke-width:1}@keyframes pulse-loading{0%{stroke-width:1}to{stroke-width:0}}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-container .error-text{position:absolute;color:#fff;font-size:1rem;line-height:1rem;font-weight:200}.landing-page-container{height:100%;display:flex;flex-direction:column;align-items:center}.landing-page-container .header{position:absolute;top:10%;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.landing-page-container .header p{font-weight:300}.landing-page-container #logo-video{height:100%}.landing-page-container #logo-bg{height:100%;width:auto}.landing-page-container .name-form{position:absolute;bottom:5%;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.landing-page-container .name-form label{width:80%;text-align:left}.landing-page-container .name-form input{border:none;width:80%;padding:10px}.landing-page-container .name-form #terms{width:80%;text-align:center}.landing-page-container #landing-error{position:absolute;bottom:40%}.landing-page-container .error-instruction{width:80%;text-align:center;position:absolute;bottom:20%}@media screen and (max-height:680px){.landing-page-container .header{top:5%}}.modal-container{z-index:999;background-color:rgba(0,0,0,.6);height:100%;width:100%;align-items:center;top:0;left:0}.modal-container,.modal-container .modal-window{display:flex;flex-direction:column;position:absolute}.modal-container .modal-window{background-color:#000;border:2px solid #fff;width:90%;padding:5%;bottom:5%;gap:10px}.modal-container .modal-window button{width:100%}.modal-container .modal-window p{font-weight:300}.topic-page-container{background-color:rgba(0,0,0,.6);height:100%;display:flex;flex-direction:column;align-items:center}.topic-page-container .header{position:absolute;top:10%;width:100%;text-align:center}.topic-page-container .options-container{position:absolute;top:20%;width:80%;display:flex;flex-direction:column;gap:1rem}.topic-page-container .options-container .option{border:2px solid #fff}.topic-page-container .options-container .option .option-content{margin:1rem}.topic-page-container .options-container .option.selected{background-color:red}@media screen and (max-height:680px){.topic-page-container .header{top:5%}.topic-page-container .option-content{margin:.5rem!important}}.view-page-container{background-color:rgba(0,0,0,.6);height:100%;display:flex;flex-direction:column;align-items:center}.view-page-container .header{top:10%;width:100%;text-align:center;gap:20px}.view-page-container .header,.view-page-container .triangle-container{position:absolute;display:flex;flex-direction:column;align-items:center}.view-page-container .triangle-container{top:30%;width:80%;max-width:400px;height:auto;gap:15px}.view-page-container .triangle{width:100%;height:100%}.view-page-container .text-container{display:flex;width:100%;justify-content:space-between}.view-page-container #center-triangle{animation:pulse 1s infinite}@keyframes pulse{0%{fill:rgba(255,51,51,.9)}50%{fill:#ff5858}to{fill:rgba(255,51,51,.9)}}@media screen and (max-height:680px){.view-page-container .header{top:5%}.view-page-container .triangle-container{width:60%;max-width:50vh}}.keyword-page-container{background-color:rgba(0,0,0,.6);height:100%;display:flex;flex-direction:column;align-items:center}.keyword-page-container .header{top:10%;gap:20px}.keyword-page-container .header,.keyword-page-container .picker-container{position:absolute;width:60%;text-align:center;display:flex;flex-direction:column;align-items:center}.keyword-page-container .picker-container{top:25%;max-width:300px;gap:10px}@media screen and (max-height:680px){.keyword-page-container .header{top:5%}.keyword-page-container .picker-container{top:20%}}.generating-page-container{background-color:rgba(0,0,0,.6);height:100%;display:flex;flex-direction:column;align-items:center;gap:5%}.generating-page-container .title{text-align:center;width:100%;margin-top:20%}.generating-page-container .loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.generating-page-container .loading-container .loading-text{position:absolute;display:flex;margin-left:.6rem;color:#fff}.generating-page-container .loading-container .loading-text #progress-number{font-size:2rem;line-height:2rem;font-weight:200;margin-right:2px}.generating-page-container .loading-container .loading-text #percentage{font-size:.8rem;font-weight:200}.generating-page-container .instructions{text-align:center;width:80%}.preview-page-container{background-color:#000;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%}.preview-page-container .videos-container{position:absolute;top:10%;left:0;display:flex;flex-direction:column;align-items:center;height:80vh;width:100%;overflow:hidden}.preview-page-container .videos-container video{width:80%}.preview-page-container .videos-container #preview-video{-webkit-touch-callout:default}.preview-page-container .videos-container #mirrored-video{transform:scaleY(-1);filter:blur(5px);touch-action:none}.preview-page-container .action-container{z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0;background:linear-gradient(transparent,#000)}.preview-page-container .action-container #ios-instruction{touch-action:none}.preview-page-container .action-container .hashtags{background-color:#323232;padding:5%;margin-top:10%}.preview-page-container .action-container .hashtags #copy{border:2px solid #fff;padding:5px;background-color:transparent;margin-top:2%}.preview-page-container .action-container .hashtags #copy:active{background-color:gray}@media screen and (max-height:680px){.preview-page-container .videos-container{top:5%!important}.preview-page-container .hashtags{margin-top:5%!important}}