html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}strong{font-weight:bold}img{max-width:100%}.divider{margin:20px 0;background:transparent;height:1px}.divider--margin-small{margin:5px 0}.divider--margin-small-extra{margin:2.5px 0}.divider--margin-big{margin:30px 0}.divider--margin-normal{margin:10px 0}.divider--margin-big-extra{margin:45px 0}.divider--mobile{display:none}@media only screen and (max-width: 768px){.divider--mobile{display:block}}.text-center{text-align:center}@media only screen and (max-width: 500px){.text-center-sm{text-align:center !important}}@media only screen and (max-width: 768px){.text-center-md{text-align:center !important}}@media only screen and (max-width: 1024px){.text-center-lg{text-align:center !important}}.text-left{text-align:left}@media only screen and (max-width: 500px){.text-left-sm{text-align:left !important}}@media only screen and (max-width: 768px){.text-left-md{text-align:left !important}}@media only screen and (max-width: 1024px){.text-left-lg{text-align:left !important}}.d-flex{display:flex}.d-flex--justify-content-center{justify-content:center}.d-flex--justify-content-xl-end{justify-content:flex-end}@media only screen and (max-width: 1024px){.d-flex--justify-content-lg-center{justify-content:center}}@media only screen and (max-width: 768px){.d-flex--justify-content-md-center{justify-content:center}}.mobile-small-show{display:none}@media only screen and (max-width: 500px){.mobile-small-show{display:block}}@media only screen and (max-width: 500px){.mobile-small-hide{display:none}}.mobile-show{display:none}@media only screen and (max-width: 1024px){.mobile-show{display:block}}@media only screen and (max-width: 1024px){.mobile-hide{display:none !important}}.mobile-sm-show{display:none}@media only screen and (max-width: 768px){.mobile-sm-show{display:block !important}}@media only screen and (max-width: 768px){.mobile-sm-hide{display:none !important}}.desktop-hide{display:none}.no-padding{padding:0 !important}.no-padding-top{padding-top:0 !important}.no-padding-bottom{padding-bottom:0 !important}.no-padding-left{padding-left:0 !important}.no-padding-right{padding-right:0 !important}.block-image img{display:block}@font-face{font-family:'DM Sans';src:url("../assets/fonts/DMSans/DMSans-BoldItalic.woff2") format("woff2"),url("../assets/fonts/DMSans/DMSans-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:'DM Sans';src:url("../assets/fonts/DMSans/DMSans-Italic.woff2") format("woff2"),url("../assets/fonts/DMSans/DMSans-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:'DM Sans';src:url("../assets/fonts/DMSans/DMSans-Bold.woff2") format("woff2"),url("../assets/fonts/DMSans/DMSans-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url("../assets/fonts/DMSans/DMSans-Regular.woff2") format("woff2"),url("../assets/fonts/DMSans/DMSans-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url("../assets/fonts/DMSans/DMSans-Medium.woff2") format("woff2"),url("../assets/fonts/DMSans/DMSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url("../assets/fonts/DMSans/DMSans-MediumItalic.woff2") format("woff2"),url("../assets/fonts/DMSans/DMSans-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}.button{font:700 18px 'DM Sans', Arial, sans-serif !important;color:#fff;position:relative;text-transform:none;padding:16px 12px;width:auto;border:0;background:linear-gradient(90deg, #FFDB26 0%, #FFB800 98.18%);transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;outline:none;cursor:pointer;text-decoration:none;border-radius:16px}.button:hover{transform:translateY(-4px);-ms-box-shadow:0px 8px 15px rgba(0,11,2,0.082),inset 2px 1px 8px rgba(244,216,161,0.59);-o-box-shadow:0px 8px 15px rgba(0,11,2,0.082),inset 2px 1px 8px rgba(244,216,161,0.59);box-shadow:0px 8px 15px rgba(0,11,2,0.082),inset 2px 1px 8px rgba(244,216,161,0.59);color:#fff}.button--block{width:100%;display:block}.button--mod{padding:14px 12px !important}.button--mod2{background:linear-gradient(89.94deg, #FFFDF8 17.74%, #FFF59F 99.95%);box-shadow:0px 20px 25px rgba(252,181,0,0.4);color:#1A382A}.button--mod2:hover{color:#1A382A}.button--blue{background:linear-gradient(90deg, #000 0%, #0F206C 100%) !important;color:#fff}.button--white{background:#fff !important;color:#142DC5}.button--white:hover{background:#142DC5 !important}.button--disable{pointer-events:none;cursor:not-allowed;background:#ccc !important;color:#fff}.button--disable:hover{background:#111 !important}.button--border{color:#FF8E01;background:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:1px solid #FF8E01}.button--border:hover{color:#FF8E01}.button--icon{display:flex;align-items:center;justify-content:center}.button--icon .block-image{width:24px;margin-right:8px}@-webkit-keyframes up-and-down{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}100%{height:60%}}@keyframes up-and-down{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}100%{height:60%}}@-webkit-keyframes addScore{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@keyframes addScore{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@-webkit-keyframes removeScore{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@keyframes removeScore{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1, 1);opacity:1}100%{-webkit-transform:scale(1.5, 1.5);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(1, 1);opacity:1}100%{-webkit-transform:scale(1.5, 1.5);opacity:0}}@-webkit-keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.055)}100%{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.055)}100%{transform:scale(1)}}@-webkit-keyframes scale2{0%{transform:scale(1);opacity:1}50%{opacity:1}100%{transform:scale(3.6);opacity:0}}@keyframes scale2{0%{transform:scale(1);opacity:1}50%{opacity:1}100%{transform:scale(3.6);opacity:0}}@-webkit-keyframes bottomTop{0%{transform:translateY(-5%)}100%{transform:translateY(5%)}}@keyframes bottomTop{0%{transform:translateY(-5%)}100%{transform:translateY(5%)}}@-webkit-keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}@-webkit-keyframes rotate{0%{transform:rotate(20deg)}25%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}100%{transform:rotate(0deg)}}@keyframes rotate{0%{transform:rotate(20deg)}25%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes rotateMod{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes rotateMod{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@-webkit-keyframes rem-1{to{stroke-dashoffset:-339.292}}@keyframes rem-1{to{stroke-dashoffset:-339.292}}html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;padding:0;font-family:'DM Sans', Arial, sans-serif;color:#fff;font-size:14px}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-flow:column;z-index:99999;width:100%;height:100%;background-color:#fff;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;text-align:center}.preloader img{width:180px;display:block;margin-bottom:18px}.preloader .loading{height:30px;position:relative;margin-top:16px;margin-bottom:7px;display:flex;align-items:center}.preloader .loading .percentage{z-index:100;border:0 !important;text-align:right;color:#FF2828;line-height:30px;font-size:15px;width:42px}.preloader .loading .loader{width:calc(100% - 42px);height:12px !important}.preloader .loading .loader,.preloader .loading .percentage{height:30px;border-radius:8px;position:relative;top:0;bottom:0;left:0;right:0;margin:auto}.preloader .loading .loader:after,.preloader .loading .percentage:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0}.preloader .loading .trackbar{width:100%;height:100%;border-radius:8px;color:#fff;text-align:center;line-height:12px;overflow:hidden;position:relative;opacity:0.99;background:rgba(255,40,40,0.1)}.preloader .loading .loadbar{width:0%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background-color:#FF2828}.preloader .moment{display:block;margin-top:0;font-size:80px;opacity:1;transition:all ease 450ms;transition-delay:75ms;line-height:1px;color:#FF2828;text-align:center}.preloader .moment span{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;font-size:80px}.preloader .moment span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.preloader .moment span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.preloader p{color:#FF2828;margin-top:1.2rem;margin-bottom:0.2rem}.preloader__content{-webkit-animation:bottomTop 1250ms ease-in-out infinite alternate;animation:bottomTop 1250ms ease-in-out infinite alternate}.preloader.hide{opacity:0;visibility:hidden;transition-delay:430ms}.popup{position:fixed;width:500px;bottom:20px;max-width:94%;left:0;right:0;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:3px 4px 15px rgba(0,0,0,0.15);z-index:99999;display:flex;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;transform:translateY(155%)}@media only screen and (max-width: 500px){.popup{bottom:20px}}.popup.show{transform:translateY(0%)}.popup-image{width:48px;margin-right:10px}.popup-text{width:calc(100% - (48px + 10px))}.popup-text p{font-size:16px;line-height:1.4}.popup-text .button{font-size:16px !important}.popup-text__button{display:flex}@media only screen and (max-width: 500px){.popup-text__button{flex-flow:column}}@media only screen and (max-width: 500px){.popup-text__button .button{width:100%}}.popup-text__button .button:first-child{margin-right:8px}@media only screen and (max-width: 500px){.popup-text__button .button:first-child{margin-bottom:8px;margin-right:0}}.animupdown{-webkit-animation:bottomTop 450ms linear infinite alternate;animation:bottomTop 450ms linear infinite alternate}.audio{position:fixed;z-index:-1;pointer-events:none}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-flow:column;z-index:99999;width:100%;height:100%;overflow-y:auto;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}@media only screen and (max-width: 500px){.modal{justify-content:inherit}.modal#modalCountDown{justify-content:center}}.modal#modalWelcome{z-index:99995}.modal#modalSelesai .modal__container,.modal#modalBiodata .modal__container{margin-top:70px}.modal--middle{justify-content:center}.modal--center{justify-content:center}@media only screen and (max-width: 500px){.modal--center{justify-content:inherit}}.modal--end{justify-content:flex-end}.modal-title{font-family:'DM Sans', Arial, sans-serif;font-weight:900;font-size:34px;line-height:1.2;letter-spacing:-0.02em}.modal-title--mod{font-size:22px}.modal__logo{width:200px;margin:-100px auto 0}.modal__container{width:400px;max-width:94%;margin:60px 0 35px;position:relative}.modal__header .block-image img{width:100%;-moz-border-top-right-radius:18px;border-top-right-radius:18px;-moz-border-top-left-radius:18px;border-top-left-radius:18px}.modal__content{padding:20px;border-radius:8px;color:#1A382A;border-top:5px solid #FFC01E;background:#fff}.modal__content.mod{border:0;padding:0;background:transparent}.modal__content h4{font-size:24px;font-weight:700}.modal__content p{font-size:16px;line-height:1.3}.modal__content ol{margin-left:20px}.modal__content ol li{color:#809089;font-size:16px;line-height:1.3;margin-bottom:5px}.modal__close{position:absolute;top:-64px;right:0;display:flex;justify-content:flex-end;width:65px;padding:10px}.modal.hide{opacity:0;visibility:hidden;transition-delay:50ms}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-flow:column;z-index:1000;width:100%;height:100%;background-color:rgba(43,43,43,0.8);transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}.backdrop--mod{background-color:transparent !important;z-index:999999}.backdrop--body{overflow:hidden}.backdrop.hide{opacity:0;visibility:hidden}.akhirmain-point{box-shadow:0px 8px 14px #FFAC0C;background:linear-gradient(180deg, #FFFEFD 0%, #FFECC7 100%);border-radius:16px;padding:15px 35px 11px;display:inline-flex;flex-flow:column;margin-bottom:20px}.akhirmain-point h5{font-size:20px;font-weight:bold}.akhirmain-point__text{display:flex;align-items:center;justify-content:center;margin-top:5px}.akhirmain-point__text .block-image{width:60px}.akhirmain-point__text span{font-size:40px;font-weight:bold;color:#884D1B}.gameplay{position:relative;z-index:10}.gameplay .section{position:fixed;top:0;left:0;right:0;bottom:0;margin:0 auto;width:100%;height:100%;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}.gameplay .section .btn-skip{position:absolute;top:0;right:0;padding:20px;z-index:20;width:135px}.gameplay .section.hide{opacity:0;pointer-events:none}.home{background-image:url(../assets/images/bg.jpeg);background-size:cover;display:flex;align-items:center;justify-content:center;flex-flow:column}.home__button{position:absolute;left:0;right:0;bottom:10vh;width:80%;margin:0 auto}.home .logo{width:90%;margin:-25% auto 0}.home .logo .block-image:first-child{display:block;-webkit-animation:bottomTop 2950ms ease-in-out infinite alternate;animation:bottomTop 2950ms ease-in-out infinite alternate}.home .logo .block-image:last-child{display:block;margin-top:-35%;-webkit-animation:bottomTop 2250ms ease-in-out infinite alternate;animation:bottomTop 2250ms ease-in-out infinite alternate}.end{background-image:url(../assets/images/bg-end.jpeg);background-size:cover;display:flex;align-items:center;justify-content:center;flex-flow:column}.end__button{position:absolute;left:0;right:0;bottom:5vh;width:80%;margin:0 auto}.opener{background:linear-gradient(90deg, #FFDB26 0%, #FFB800 98.18%);display:flex;justify-content:center;overflow:hidden}.opener video{position:fixed;top:0;left:0;right:0;bottom:0;width:100% !important;height:auto;margin:auto !important}.videoend{background:linear-gradient(90deg, #FFDB26 0%, #FFB800 98.18%);display:flex;justify-content:center;overflow:hidden}.videoend video{position:fixed;top:0;left:0;right:0;bottom:0;width:100% !important;height:auto;margin:auto !important}.videoend__button{position:absolute;left:0;right:0;bottom:5vh;width:80%;margin:0 auto;z-index:5;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}.videoend__button.hide{opacity:0;visibility:hidden}.logo-woods{position:fixed;z-index:20;pointer-events:none;top:20px;left:20px;width:82px;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}.logo-woods.hide{opacity:0;visibility:hidden}.tessuara{text-align:center}.tessuara h5{font-size:20px}.tessuara h5 span{font-size:45px}.tessuara #volumeMeter{width:80%;border:0;height:20px}.tessuara .btn{border:none;padding:0;border-radius:100%;width:100px;height:100px;font-size:3em;color:#fff;padding:0;margin:0;background:#b6acac;position:relative;z-index:999;display:inline-block;line-height:100px;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;display:flex;align-items:center;justify-content:center;margin:12px auto 14px;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}.tessuara .btn.active{background:#FFEEA0}.tessuara .block-image{position:relative;z-index:2;width:30px}.tessuara .pulse-ring{content:'';width:100px;height:100px;background:#b6acac;border:5px solid rgba(155,137,137,0.233);border-radius:50%;position:absolute;z-index:1}.tessuara .pulse-ring.animation{-webkit-animation:pulsate infinite 1.5s;animation:pulsate infinite 1.5s;background:#FFEEA0;border-color:#FFEEA0}#canvas-parent{width:100% !important;margin:0;padding:0;overflow:hidden;display:flex;justify-content:center}canvas{position:fixed;top:0;width:auto !important;height:100% !important;margin:0 !important}.inputdb{position:fixed;bottom:0;left:0;right:0;padding:10px;background-color:#fff;z-index:99}.inputdb input{width:100%}.game-progress{position:fixed;top:102px;left:0;right:0;z-index:110;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;width:310px;margin:0 auto;pointer-events:none}.game-progress.hide{opacity:0;visibility:hidden}.game-progress__bar{position:absolute;top:0;left:0;right:0;bottom:0;width:0%;background:linear-gradient(91.14deg, #F4BF00 .47%, #FFE600 61.66%, #FCF8B8 89.47%);transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;border-radius:12px}.game-progress__flag{position:absolute;z-index:2;top:0;right:0;bottom:0;width:13px}.game-progress__indicator{position:absolute;z-index:3;top:0;bottom:0;width:110px;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms}.game-progress__indicator img{position:relative;margin-top:-40px;margin-left:-50px}.game-audio-meter{position:fixed;top:136px;left:0;right:0;z-index:100;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;width:200px;margin:0 auto;pointer-events:none;display:flex;justify-content:center;flex-flow:column;align-items:flex-end;padding:6px 8px;background:linear-gradient(192.34deg, #fff 8.98%, #fff 65.4%, #D9D9D9 91.05%);border-radius:8px}.game-audio-meter meter{border:0;width:100%;height:20px}.game-audio-meter.hide{opacity:0;visibility:hidden}.game-audio-meter .playing{background:rgba(255,255,255,0.1);width:45px;height:24px;border-radius:.3rem;display:flex;justify-content:space-between;align-items:flex-end;padding:8px 12px;box-sizing:border-box;position:absolute}.game-audio-meter .playing__bar{display:inline-block;background:#108E2D;width:30%;height:100%;-webkit-animation:up-and-down 1.3s ease infinite alternate;animation:up-and-down 1.3s ease infinite alternate}.game-audio-meter .playing__bar1{height:60%}.game-audio-meter .playing__bar2{height:30%;-webkit-animation-delay:-2.2s;animation-delay:-2.2s}.game-audio-meter .playing__bar3{height:75%;-webkit-animation-delay:-3.7s;animation-delay:-3.7s}.game-waktu{position:fixed;top:13px;left:0;right:0;z-index:100;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;width:75px;margin:0 auto;pointer-events:none;display:flex;align-items:center;justify-content:center}.game-waktu.hide{opacity:0;visibility:hidden}.game-waktu__text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.game-waktu__text h5{font-weight:bold;font-size:25px;display:block}.game-waktu__text span{display:block;font-size:16px;margin-left:4px}.game-score{position:fixed;top:26px;right:50px;z-index:100;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;width:115px;margin:0 auto;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-flow:column}.game-score.hide{opacity:0;visibility:hidden}.game-score h5{font-weight:bold;font-size:28px;display:block}.game-score p{display:block;font-size:16px;margin-bottom:4px}.game-score span{display:block;position:absolute;transition:all cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;font-weight:bold;font-size:28px;color:#fff;text-shadow:2px 2px 3px rgba(43,43,43,0.4);right:0;bottom:0;opacity:0;transform:scale(0)}.game-score span.active{-webkit-animation:addScore 550ms ease-in-out alternate;animation:addScore 550ms ease-in-out alternate}.game-score span.removeactive{-webkit-animation:removeScore 350ms ease-in-out alternate;animation:removeScore 350ms ease-in-out alternate}.createalbum-form .input-checkbox{display:flex;align-items:center}.createalbum-form .input-checkbox span{opacity:1 !important;margin-top:0 !important;margin-left:7px;line-height:1.3}.createalbum-form .input-checkbox span a{color:#60E2FF}.createalbum-form h5{font-size:18px;font-weight:700;line-height:1.4}.createalbum-form .input-label{display:block}.createalbum-form .input-label p{margin-bottom:10px;font-size:18px;font-weight:700;cursor:pointer}.createalbum-form .input-label p span{display:inline-block;font-size:14px;color:#FF2828;margin-top:0 !important;margin-left:6px;opacity:1 !important}.createalbum-form .input-label span{display:block;margin-top:10px;opacity:.8}.createalbum-form .input-label span.error{opacity:1 !important;color:#FF2828}.createalbum-form .input-label .input{outline:none;width:100%;background-color:#fff;font-size:16px;border:1px solid #E8EAED;padding:14px;border-radius:8px;color:#1A382A;font-family:'DM Sans', Arial, sans-serif}.createalbum-form .input-label .input.mod{color:#FFF2DA;background-color:#1B1B1B;border-radius:0;border-color:#474747}.createalbum-form .input-label .input.error{border-color:#FF2828}.createalbum-form .input-hp{display:flex;align-items:center}.createalbum-form .input-hp input:first-child{width:70px;margin-right:10px}.createalbum-form .input-hp input:last-child{width:calc(100% - 70px - 10px)}.createalbum-form-foto{display:flex;align-items:center;overflow-x:auto}.createalbum-form-foto::-webkit-scrollbar{height:5px;width:4px}.createalbum-form-foto::-webkit-scrollbar-thumb:horizontal{border-radius:10px;background:rgba(255,255,255,0.25)}.createalbum-form-foto__wrapper{display:flex;align-items:center;width:588px;margin-bottom:8px}.createalbum-form-foto__add{width:88px;position:relative;border:1px solid #142DC5;border-radius:8px;cursor:pointer;margin-right:10px}.createalbum-form-foto__add label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.createalbum-form-foto__add label input{position:absolute;width:0;height:0;opacity:0;top:0}.createalbum-form-foto__add:before{display:block;content:"";width:100%;padding-top:100%}.createalbum-form-foto__add>.inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.createalbum-form-foto__default{width:calc(100% - 98px);display:flex;align-items:center}.createalbum-form-foto__block{width:88px;border-radius:8px;cursor:pointer;margin-right:10px}.createalbum-form-foto__block:last-child{margin-right:0}.createalbum-form-foto__block.hide{display:none}.createalbum-form-foto__block input{position:absolute;opacity:0;width:0;height:0}.createalbum-form-foto__block input:checked+.label-foto{border-color:#142DC5;opacity:1 !important}.createalbum-form-foto__block .label-foto{display:block;border:1px solid transparent;border-radius:8px;transition:all ease 100ms}.createalbum-form-foto__block .label-foto.opacity{opacity:.5}.createalbum-form-foto__block .block-image img{border-radius:8px}.desktop{position:fixed;width:100%;height:100%;top:0;left:0;background-image:url(../assets/images/desktop-0.jpeg);background-size:cover;z-index:12;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 768px){.desktop{display:none}}.desktop__left{position:absolute;left:0;bottom:0;width:25%}.desktop__center{width:35%;margin-left:-10vw}.desktop__right{position:absolute;right:5vw;bottom:0;width:25%}