#banner-top[data-v-674362c2]{width:100%;height:300px}.container[data-v-674362c2]{max-width:1200px;margin:0 auto}.banner-is-typec .container[data-v-674362c2]{display:flex;max-width:1400px}.banner-is-typec.header-background[data-v-674362c2]:after{position:absolute;left:auto;background:#ffffff url(https://cms-resource.mastergo.com/firstscreen_bg_e9771f1fc2.svg);background-size:1668px auto;background-position:calc(50vw - 200px) -673px;background-repeat:no-repeat}.mastergo-used-company[data-v-674362c2]{display:flex;width:100%;justify-content:center;flex-wrap:wrap;padding-top:90px;margin:0 auto;overflow:hidden;background:#ffffff}.used-company-logo[data-v-674362c2]{display:flex;box-sizing:border-box;height:62px;width:156px;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,.06);margin:6px 9px;border-radius:10px}.used-company-logo img[data-v-674362c2]{width:85%}.mastergo-canvas-video[data-v-674362c2]{width:750px;flex-shrink:0}.header-background[data-v-674362c2]:after{content:"";background:linear-gradient(120deg,#6236ff 0%,#6236ff 0%,#32c5ff 99%,#32c5ff 100%);position:fixed;z-index:-1;width:100vw;height:100vh;top:0;left:0}.header-scroll[data-v-674362c2]{display:flex;flex-direction:column;min-height:150vh}.ui-box[data-v-674362c2]{width:100%;position:absolute;z-index:2}.ui-box .dropdown[data-v-674362c2]{text-align:center;position:relative;z-index:0}.ui-box .dropdown>a[data-v-674362c2]{display:inline-block;padding:20px}.ui-box .dropdown .dropdown-link[data-v-674362c2]{background:url(https://static.mastergo.com/mainsite/a3420082/public/images/home/animation/banner-dropdown.svg) no-repeat center center}.ui-box .dropdown .dropdown-link[data-v-674362c2]:hover{background:url(https://static.mastergo.com/mainsite/a3420082/public/images/home/animation/banner-dropdown-hover.svg) no-repeat center center}.header-designer-wrapper[data-v-674362c2]{position:-webkit-sticky;position:sticky;top:0;box-sizing:border-box;height:100vh;padding:80px 40px 2vh}.header-designer[data-v-674362c2]{position:relative;overflow:hidden;display:flex;flex-direction:column;width:100%;height:calc(100vh - 160px);border-radius:10px;box-shadow:0 10px 30px #0003;background-color:#fff}.ui-header-bar[data-v-674362c2],.ui-design-canvas[data-v-674362c2]{position:relative;overflow:hidden;display:flex;flex-direction:column;flex:0 0 auto;width:100%}.ui-header-bar[data-v-674362c2]{padding-top:4%}.ui-design-canvas[data-v-674362c2]{flex:1}.ui-header-bar img[data-v-674362c2],.canvas-img[data-v-674362c2]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%}.section[data-v-674362c2]{height:100vh}.cursors[data-v-674362c2],.bubbles[data-v-674362c2],.panels[data-v-674362c2]{width:100%}#cursor-ui[data-v-674362c2],#cursor-ux[data-v-674362c2],#cursor-rd[data-v-674362c2],#bubble1[data-v-674362c2],#bubble2[data-v-674362c2],#bubble3[data-v-674362c2],#bubble4[data-v-674362c2],#bubble5[data-v-674362c2],#panel1[data-v-674362c2],#panel2[data-v-674362c2],#panel3[data-v-674362c2],#panel4[data-v-674362c2]{position:absolute}#cursor-ui[data-v-674362c2],#cursor-ux[data-v-674362c2],#cursor-rd[data-v-674362c2]{z-index:3;width:128px}#bubble1[data-v-674362c2],#bubble2[data-v-674362c2],#bubble3[data-v-674362c2],#bubble4[data-v-674362c2],#bubble5[data-v-674362c2]{width:18px;height:18px;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform:translate3d(0,-100%,0)}#bubble1[data-v-674362c2]{top:149px;left:283px}#bubble2[data-v-674362c2]{top:540px;left:800px;-webkit-animation-delay:.1s;animation-delay:.1s}#bubble3[data-v-674362c2]{top:420px;left:240px;-webkit-animation-delay:.2s;animation-delay:.2s}#bubble4[data-v-674362c2]{top:360px;left:500px;-webkit-animation-delay:.3s;animation-delay:.3s}#bubble5[data-v-674362c2]{top:220px;left:700px;-webkit-animation-delay:.4s;animation-delay:.4s}.actived img[data-v-674362c2]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:bubble-674362c2;animation-name:bubble-674362c2;-webkit-animation-iteration-count:1;animation-iteration-count:1}.actived img#bubble1[data-v-674362c2]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:bubble2-674362c2;animation-name:bubble2-674362c2;-webkit-animation-iteration-count:1;animation-iteration-count:1}#panel1[data-v-674362c2],#panel2[data-v-674362c2],#panel3[data-v-674362c2],#panel4[data-v-674362c2]{box-shadow:0 10px 30px #0003;border-radius:8px;-webkit-border-radius:8px}#panel1[data-v-674362c2]{z-index:3}#panel2[data-v-674362c2]{z-index:1}#panel3[data-v-674362c2]{z-index:3}#panel4[data-v-674362c2]{z-index:1}@-webkit-keyframes bubble-674362c2{0%{width:18px;height:18px;opacity:0}25%{width:36px;height:36px;opacity:.5}50%{width:72px;height:72px;opacity:1}75%{width:76px;height:76px;opacity:1}to{width:72px;height:72px;opacity:1}}@keyframes bubble-674362c2{0%{width:18px;height:18px;opacity:0}25%{width:36px;height:36px;opacity:.5}50%{width:72px;height:72px;opacity:1}75%{width:76px;height:76px;opacity:1}to{width:72px;height:72px;opacity:1}}@-webkit-keyframes bubble2-674362c2{0%{width:32px;height:12px;opacity:0}25%{width:128px;height:48px;opacity:.5}50%{width:328px;height:128px;opacity:1}75%{width:369px;height:144px;opacity:1}to{width:328px;height:128px;opacity:1}}@keyframes bubble2-674362c2{0%{width:32px;height:12px;opacity:0}25%{width:128px;height:48px;opacity:.5}50%{width:328px;height:128px;opacity:1}75%{width:369px;height:144px;opacity:1}to{width:328px;height:128px;opacity:1}}@media screen and (min-width: 300px) and (max-width: 699px){.bubbles[data-v-674362c2]{visibility:hidden}.container .header-flex .title[data-v-674362c2]{font-size:40px;line-height:48px}.container .header-flex .description[data-v-674362c2]{margin:0 auto;max-width:320px;font-size:14px;line-height:21px}.container .header-flex .button[data-v-674362c2]{width:120px;height:40px;font-size:16px;line-height:24px}.container .header-flex .button .go[data-v-674362c2]{width:11px}.container .header-scroll .header-designer-wrapper[data-v-674362c2]{top:10vh;padding:80px 0 0;margin:0 0 40px}.container .header-scroll .ui-box[data-v-674362c2]{overflow:hidden;width:100vw}.container .header-scroll .ui-box .header-designer[data-v-674362c2]{position:relative;max-height:600px;height:66.6vw;z-index:2}.container .header-scroll .ui-box .dropdown[data-v-674362c2]{position:fixed;bottom:0;left:50%;margin:10px;transform:translate(-50%);z-index:1}.container .header-scroll .ui-box .dropdown .dropdown-link[data-v-674362c2]:hover{background:url(/__NUXT_BASE__/images/home/animation/banner-dropdown.svg) no-repeat center center}.container .header-scroll .ui-box .dropdown .dropdown-link[data-v-674362c2]:active{background:url(/__NUXT_BASE__/images/home/animation/banner-dropdown-hover.svg) no-repeat center center}#panels #panel1[data-v-674362c2]{top:35vw;left:0;width:15vw}#panels #panel2[data-v-674362c2]{top:60vw;left:0;width:15vw;z-index:3}#panels #panel4[data-v-674362c2],#panels #panel3[data-v-674362c2]{display:none}#cursor-ui[data-v-674362c2],#cursor-ux[data-v-674362c2],#cursor-rd[data-v-674362c2]{top:300px}#bubble1[data-v-674362c2]{top:25vw;left:45vw;width:30vw}.used-company-logo[data-v-674362c2]:last-child{display:none}}@media screen and (min-width: 800px) and (max-width: 1200px){.banner-is-typec .container[data-v-674362c2]{padding-left:1vw}}@media screen and (min-width: 700px) and (max-width: 949px){.container[data-v-674362c2]{margin:0 40px;max-width:940px}.container .header-flex .title[data-v-674362c2]{font-size:40px;line-height:48px}.container .header-scroll[data-v-674362c2]{min-height:110vh}.container .header-scroll .header-designer-wrapper[data-v-674362c2]{top:calc(10vh + 60px);padding:20px 0 0;height:70vh}.container .header-scroll .header-designer-wrapper .ui-box .header-designer[data-v-674362c2]{max-height:500px;height:calc(70vh - 20px)}.container .header-scroll .header-designer-wrapper .ui-box .dropdown[data-v-674362c2]{margin-top:10px}.banner-is-typec .container[data-v-674362c2]{margin:0}.used-company-logo[data-v-674362c2]:last-child{display:none}#panels #panel1[data-v-674362c2]{top:120px;left:-20px;width:140px}#panels #panel2[data-v-674362c2]{top:380px;left:-10px;width:120px}#panels #panel3[data-v-674362c2]{top:280px;right:-20px;width:170px}#panels #panel4[data-v-674362c2]{top:0;right:-20px;width:180px}}@media screen and (min-width: 950px) and (max-width: 1399px){.container[data-v-674362c2]{max-width:1200px}.container .header-flex .title[data-v-674362c2]{margin-bottom:16px}.container .header-scroll .header-designer-wrapper[data-v-674362c2]{top:calc(8vh + 20px);max-height:730px;padding:20px 0 0}.container .header-scroll .header-designer-wrapper .ui-box .header-designer[data-v-674362c2]{max-height:730px;height:calc(70vh - 20px)}.container .header-scroll .header-designer-wrapper .ui-box .dropdown[data-v-674362c2]{margin-top:10px}#panels #panel1[data-v-674362c2]{top:120px;left:0;width:160px}#panels #panel2[data-v-674362c2]{top:400px;left:0;width:160px}#panels #panel3[data-v-674362c2]{top:310px;right:0;width:180px}#panels #panel4[data-v-674362c2]{top:10px;right:0;width:180px}}@media screen and (min-width: 1400px) and (max-width: 1999px){.container[data-v-674362c2]{max-width:1200px}.header-designer-wrapper[data-v-674362c2]{top:94px;padding:72px 0 0;margin-bottom:40px}.header-designer-wrapper .ui-box .header-designer[data-v-674362c2]{max-height:945px;height:calc(100vh - 200px)}.header-designer-wrapper .ui-box .dropdown[data-v-674362c2]{margin:20px}#panels #panel1[data-v-674362c2]{top:200px;left:-10px;width:190px}#panels #panel2[data-v-674362c2]{top:550px;left:-10px;width:180px}#panels #panel3[data-v-674362c2]{top:400px;right:-20px;width:220px}#panels #panel4[data-v-674362c2]{top:50px;right:-20px;width:220px}}@media screen and (min-width: 2000px){.container[data-v-674362c2]{max-width:1400px}.container .header-flex .title[data-v-674362c2]{font-size:72px;font-weight:800;line-height:100px}.container .header-flex .description[data-v-674362c2]{font-size:20px;line-height:30px;color:#fff}.container .header-flex .button[data-v-674362c2]{margin:40px auto 0;width:184px;height:60px;font-size:24px;line-height:60px}.header-designer-wrapper[data-v-674362c2]{top:90px;padding:80px 0 0}.header-designer-wrapper .ui-box .header-designer[data-v-674362c2]{max-height:1080px;height:calc(100vh - 260px)}.header-designer-wrapper .ui-box .dropdown[data-v-674362c2]{margin:25px auto}#panels #panel1[data-v-674362c2]{top:280px;left:-20px;width:220px}#panels #panel2[data-v-674362c2]{top:800px;left:-20px;width:220px}#panels #panel3[data-v-674362c2]{top:640px;right:-20px;width:220px}#panels #panel4[data-v-674362c2]{top:60px;right:-20px;width:220px}}@media screen and (min-width: 1200px){.banner-is-typec .container[data-v-674362c2]{padding:0 0 0 calc(50% - 600px);margin:0}}@media screen and (min-width: 800px) and (max-width: 1400px){.container[data-v-674362c2]{overflow:hidden}}@media screen and (max-width: 800px){.mastergo-canvas-video[data-v-674362c2]{width:100%;height:79.9vw}.banner-is-typec .container[data-v-674362c2]{display:flex;flex-wrap:wrap}.banner-is-typec.header-background[data-v-674362c2]:after{background:linear-gradient(120deg,#6236ff 0%,#6236ff 0%,#32c5ff 99%,#32c5ff 100%)}}