@font-face{font-family:'Mermaid';src:url("Mermaid-Bold.woff2") format("woff2"),url("Mermaid-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 2, 2024 */@font-face{font-family:'don_julioregular';src:url("donjulio-regular-webfont.woff2") format("woff2"),url("donjulio-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 25, 2024 */@font-face{font-family:'ariata_displayregular';src:url("ariata_display_regular-webfont.woff2") format("woff2"),url("ariata_display_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}.customCheckbox{width:33px;height:33px;background-color:white;border-radius:6px;vertical-align:middle;border:1px solid #ddd;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.customCheckbox:checked{background-color:black;border:4px solid #ddd}html body{margin:0;padding:0;font-family:"Roboto", sans-serif;background-color:#f5f5f5;width:1200px;height:1920px}html body #container{width:1200px;height:1920px;margin:0;overflow:hidden}html body #container .screen{display:block;width:1200px;height:1920px;overflow:hidden}html body #container .screen.screen1{background:url("../images/start.png") no-repeat center center}html body #container .screen.registration{background:url("../images/registration.png") no-repeat center center}html body #container .screen.registration .button_container{position:absolute;top:1620px;width:1200px}html body #container .screen.registration .button_container a.button{font-size:0px;float:left}html body #container .screen.registration .button_container a.button.backbutton{margin:0 0 0 350px;width:210px;height:73px;display:block;background:url("../images/back_button.svg") no-repeat center center}html body #container .screen.registration .button_container a.button.nextbutton{display:none;margin:0 0 0 50px;width:210px;height:73px;background:url("../images/next_button.svg") no-repeat center center}html body #container .screen.registration .button_container a.button.nextbutton.active{display:block}html body #container .screen.registration .legalContainer{width:450px;height:210px;position:absolute;top:1220px;left:400px;font-size:24px;color:#fff;font-family:"ariata_displayregular"}html body #container .screen.registration .legalContainer a{color:#fff;text-decoration:underline}html body #container .screen.registration .legalContainer a:hover{color:#fff}html body #container .screen.registration .legalContainer a:visited{color:#fff}html body #container .screen.registration input[type="checkbox" i]{position:absolute;top:1253px;left:340px}html body #container .screen.registration input[type="text" i]{width:520px;text-transform:lowercase;font-size:90px;font-family:"don_julioregular";text-align:center;border:none;background:none;text-decoration:none !important}html body #container .screen.registration input[type="text" i]:focus{outline:none}html body #container .screen.registration input[type="text" i].name{position:absolute;top:750px;left:340px}html body #container .screen.registration input[type="text" i].email{position:absolute;top:990px;left:340px}html body #container .screen.screen2{background:url("../images/brandselect.png") no-repeat center center}html body #container .screen.screen2 .button{width:600px;height:1000px;display:block;position:absolute;z-index:999;font-size:0px}html body #container .screen.screen2 .button::before{content:""}html body #container .screen.screen2 .button.brand1{top:0px;left:0px}html body #container .screen.screen2 .button.brand2{top:0px;left:600px}html body #container .screen.screen2 .button.brand3{top:1000px;left:0px;height:920px}html body #container .screen.screen2 .button.brand4{top:1000px;left:600px;height:920px}html body #container .screen.screen3{display:block;width:1200px;height:1920px}html body #container .screen.screen3.brand1{background:url("../images/brand1.png") no-repeat center center}html body #container .screen.screen3.brand2{background:url("../images/brand2.png") no-repeat center center}html body #container .screen.screen3.brand3{background:url("../images/brand3.png") no-repeat center center}html body #container .screen.screen3.brand4{background:url("../images/brand4.png") no-repeat center center}html body #container .screen.screen3 .button_container{position:absolute;top:1720px;width:1200px}html body #container .screen.screen3 .button_container a.button{font-size:0px;float:left}html body #container .screen.screen3 .button_container a.button.backbutton{margin:0 0 0 350px;width:210px;height:73px;display:block;background:url("../images/back_button.svg") no-repeat center center}html body #container .screen.screen3 .button_container a.button.nextbutton{margin:0 0 0 50px;width:210px;height:73px;display:block;background:url("../images/next_button.svg") no-repeat center center}html body #container .screen.screen4.brand1{background:url("../images/brand1customizer.png") no-repeat center center}html body #container .screen.screen4.brand2{background:url("../images/brand2customizer.png") no-repeat center center}html body #container .screen.screen4.brand3{background:url("../images/brand3customizer.png") no-repeat center center}html body #container .screen.screen4.brand4{background:url("../images/brand4customizer.png") no-repeat center center}html body #container .screen.screen4 .genderSelection{position:absolute;top:360px;left:453px;width:342px;height:51px;background:url(../images/gender_selector.svg) no-repeat center center}html body #container .screen.screen4 .genderSelection #male{position:absolute;top:8px;left:-54px}html body #container .screen.screen4 .genderSelection #female{position:absolute;top:8px;left:141px}html body #container .screen.screen4 .genderName{position:absolute;top:1106px;left:427px;display:block}html body #container .screen.screen4 .genderName.male{background:url("../images/don_pa.svg") no-repeat center center;width:185px;height:154px;display:none}html body #container .screen.screen4 .genderName.female{display:none;background:url("../images/dona_pa.svg") no-repeat center center;width:231px;height:163px}html body #container .screen.screen4 .nameInputHolder{position:absolute;top:1230px;left:412px;width:auto;background:none}html body #container .screen.screen4 .nameInputHolder .nameInput{font-family:"Mermaid";text-align:right;width:360px;background:none;border:none;font-size:84px}html body #container .screen.screen4 .nameInputHolder .nameInput:focus{outline:none}html body #container .screen.screen4 .button_container{position:absolute;top:1700px;width:1200px}html body #container .screen.screen4 .button_container a.button{font-size:0px;float:left}html body #container .screen.screen4 .button_container a.button.backbutton{margin:0 0 0 350px;width:210px;height:73px;display:block;background:url("../images/back_button.svg") no-repeat center center}html body #container .screen.screen4 .button_container a.button.nextbutton{margin:0 0 0 50px;width:210px;height:73px;display:none;background:url("../images/next_button.svg") no-repeat center center}html body #container .screen.screen4 .errorHolder{position:absolute;top:1530px;left:442px;width:360px;height:50px;font-size:40px;color:red;font-family:"don_julioregular";display:none}html body #container .screen.screen5{background:url("../images/preview_bg.png") no-repeat center center}html body #container .screen.screen5 .previewContainer{display:block;margin:auto;position:relative}html body #container .screen.screen5 .previewContainer.brand1{background:url("../images/brand1_bottle.png") no-repeat center center;width:904px;height:1275px;margin-top:310px}html body #container .screen.screen5 .previewContainer.brand1 img{position:absolute;top:585px;left:213px;width:474px}html body #container .screen.screen5 .previewContainer.brand2{background:url("../images/brand2_bottle.png") no-repeat center center;width:904px;height:1275px;margin-top:200px}html body #container .screen.screen5 .previewContainer.brand2 img{position:absolute;top:587px;left:217px;width:454px}html body #container .screen.screen5 .previewContainer.brand3{background:url("../images/brand3_bottle.png") no-repeat center center;width:904px;height:1275px;margin-top:330px}html body #container .screen.screen5 .previewContainer.brand3 img{position:absolute;top:588px;left:239px;width:441px}html body #container .screen.screen5 .previewContainer.brand4{background:url("../images/brand4_bottle.png") no-repeat center center;width:904px;height:1275px;margin-top:330px}html body #container .screen.screen5 .previewContainer.brand4 img{position:absolute;top:588px;left:239px;width:441px}html body #container .screen.screen5 .button_container{position:absolute;top:1700px;width:1200px}html body #container .screen.screen5 .button_container a.button{font-size:0px;float:left}html body #container .screen.screen5 .button_container a.button.backbutton{margin:0 0 0 350px;width:210px;height:73px;display:block;background:url("../images/back_button.svg") no-repeat center center}html body #container .screen.screen5 .button_container a.button.nextbutton{margin:0 0 0 50px;width:210px;height:73px;display:block;background:url("../images/next_button.svg") no-repeat center center}html body #container .screen.screen6 .recordVideoButton{position:absolute;top:680px;left:80px;width:490px;height:300px;background-color:aqua;font-size:0px;font-size:0px;opacity:0}html body #container .screen.screen6 .recordAudioButton{position:absolute;top:650px;left:640px;width:490px;height:300px;background-color:aqua;font-size:0px;font-size:0px;opacity:0}html body #container .screen.screen6 .checkedVideo{position:absolute;background:url(../images/checked-tick.svg) no-repeat center center;background-size:cover;width:200px;height:200px;top:790px;left:420px;display:none}html body #container .screen.screen6 .checkedAudio{position:absolute;background:url("../images/checked-tick.svg") no-repeat center center;background-size:cover;width:200px;height:200px;top:790px;left:950px;display:none}html body #container .screen.screen6 .messageInput{position:absolute;top:1290px;left:209px;width:775px;height:260px;font-size:40px;background:none;border:none;margin:10px}html body #container .screen.screen6 .messageInput:focus{outline:none}html body #container .screen.screen6 .wordcount{position:absolute;top:1590px;left:929px;font-size:44px;color:#fff;font-family:"don_julioregular"}html body #container .screen.screen6 .button_container{position:absolute;top:1700px;width:1200px}html body #container .screen.screen6 .button_container a.button{font-size:0px;float:left}html body #container .screen.screen6 .button_container a.button.skipbutton{margin:0 0 0 350px;width:210px;height:73px;display:block;background:url("../images/skip_button.svg") no-repeat center center}html body #container .screen.screen6 .button_container a.button.nextbutton{margin:0 0 0 50px;width:210px;height:73px;display:block;background:url("../images/next_button.svg") no-repeat center center}html body #container .screen.screen6.brand1{background:url("../images/brand1_message.png") no-repeat center center}html body #container .screen.screen6.brand2{background:url("../images/brand2_message.png") no-repeat center center}html body #container .screen.screen6.brand3{background:url("../images/brand3_message.png") no-repeat center center}html body #container .screen.screen7.brand1{background:url("../images/brand1_print.png") no-repeat center center}html body #container .screen.screen7.brand2{background:url("../images/brand2_print.png") no-repeat center center}html body #container .screen.screen7.brand3{background:url("../images/brand3_print.png") no-repeat center center}html body #container .screen.screen7.brand4{background:url("../images/brand4_print.png") no-repeat center center}html body #container .screen.screen7 .loader{position:absolute;top:810px;left:400px;width:400px;height:400px;background:url(../images/loader.gif) no-repeat center center;display:none}html body #container .screen.screen7 .previewContainer{position:absolute}html body #container .screen.screen7 .previewContainer.brand1{top:416px;left:410px;width:564px}html body #container .screen.screen7 .previewContainer.brand1 img{opacity:0.9;rotate:-2deg;scale:0.3;transform:skew(-5deg, -11deg)}html body #container .screen.screen7 .previewContainer.brand2{top:666px;left:816px;width:200px}html body #container .screen.screen7 .previewContainer.brand2 img{width:190px;height:253px;rotate:-4deg;transform:skew(-5deg, 0deg)}html body #container .screen.screen7 .previewContainer.brand3{top:724px;left:219px;width:200px}html body #container .screen.screen7 .previewContainer.brand3 img{width:220px;height:269px;transform:skew(0deg, 14deg)}html body #container .screen.screen7 .previewContainer.brand4{top:624px;left:289px;width:200px}html body #container .screen.screen7 .previewContainer.brand4 img{width:260px;transform:skew(0deg, -16deg)}html body #container .screen.screen7 .button_container{position:absolute;top:1700px;width:1200px;text-align:center}html body #container .screen.screen7 .button_container a.button{font-size:0px}html body #container .screen.screen7 .button_container a.button.backbutton{margin:0 0 0 350px;width:210px;height:73px;display:none;background:url("../images/back_button.svg") no-repeat center center}html body #container .screen.screen7 .button_container a.button.nextbutton{margin:auto;width:210px;height:73px;display:block;background:url("../images/print_button.svg") no-repeat center center}html body #container .screen.screen7 .printFrame{position:absolute;top:0;left:0;width:1200px;height:1920px}html body #container .screen.screen7 .printFrame iframe{width:1200px;height:1920px;border:none;pointer-events:none}iframe{display:none}
/*# sourceMappingURL=styles.css.map */