@charset "UTF-8";@font-face{font-family:Seravek;src:url(../fonts/Seravek.woff2) format("woff2"),url(../fonts/Seravek.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Seravek;src:url(../fonts/Seravek-Bold.woff2) format("woff2"),url(../fonts/Seravek-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--app-height: 100vh;--app-width: 100vw;--foot-scale: 1}body{font-family:Seravek,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 767px){body:not(.is-home){overflow:hidden}}body.is-debug:before{content:"";pointer-events:none;position:fixed;display:block;top:50%;left:0;height:1px;width:100%;background-color:red;z-index:100}body.is-debug:after{content:"";pointer-events:none;position:fixed;display:block;top:0;left:50%;height:100%;width:1px;background-color:red;z-index:100}main{width:100%;height:100%;min-height:var(--app-height)}.text-white{color:#fff!important}.text-tertiary{color:#0b8950!important}.btn{border-radius:2.5rem;padding:.5rem 1.5rem;text-transform:uppercase;font-weight:700}.btn-secondary{color:#fff;text-shadow:.1125rem .1125rem .05rem rgba(0,0,0,.12);box-shadow:0 .2rem #9a6000;transition:background .2s ease,box-shadow .2s ease}.btn-secondary:hover:not(.disabled):not(:disabled){background-color:#8cc640;border-color:#8cc640;box-shadow:0 .2rem #567b25}.btn-secondary:active:focus{transform:translateY(2px)!important}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff}.logo-ais{margin-top:10px;left:50%;width:80%;transform:translate(-50%)}.sidebar .closebtn{position:absolute;right:1rem;top:1rem;padding:.5rem;z-index:100}.sidebar .overlay{height:100%;width:0;position:fixed;top:0;left:-100%;overflow-x:hidden;overflow-y:hidden;transition:left .5s ease;width:400px;z-index:1000}@media screen and (max-width: 767px){.sidebar .overlay{width:100%;transition:left .3s ease}}.sidebar .overlay .header-wraper{position:relative;width:100%;height:var(--app-height);display:flex}.sidebar .overlay .wave{position:absolute;left:0;right:0;top:0;bottom:0}.sidebar .overlay .overlay-content{position:relative;width:calc(100% - 70px);min-height:var(--app-height);padding:1.5rem;background-color:#30bffc;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column}@media screen and (max-width: 767px){.sidebar .overlay .overlay-content{width:100%}}.sidebar .overlay .nav-link{padding:5px 0;text-decoration:none;font-size:16px;color:#fff;display:block;font-weight:700;transition:transform .15s ease}.sidebar .overlay .nav-link label{cursor:pointer;white-space:normal}.sidebar .overlay .nav-link:hover{color:#fff;transform:translate(.5rem)}.sidebar .overlay .nav-link:focus{color:#fff;transform:translate(.5rem)}.sidebar .overlay .nav-link:active{color:#fff;transform:translate(.5rem)}.sidebar .overlay .menu-footer{width:100%;color:#fff}.sidebar .vertical-menu{width:100%;display:flex;align-items:center;overflow-x:hidden;overflow-y:auto}.sidebar .vertical-menu .navbar-nav{display:flex;justify-content:center;flex-direction:column;margin:0;padding:0;padding-bottom:2rem;list-style:none;width:100%;height:var(--app-height)}.sidebar .vertical-menu .navbar-nav .menu-item{padding:.75rem 0}.sidebar .vertical-menu .navbar-nav .menu-item+.menu-item{border-top:1px dashed #fff}.sidebar .vertical-menu .navbar-nav .dropdown-menu{background-color:transparent;border:none}.sidebar .vertical-menu .navbar-nav .dropdown-menu.show{transform:translateZ(0)!important}.sidebar .vertical-menu .navbar-nav .dropdown-menu li:focus{outline:none}.sidebar .vertical-menu .navbar-nav .dropdown-menu a:hover{background-color:transparent}.sidebar .vertical-menu .navbar-nav .dropdown-menu a:focus{background:none;color:#fff}.sidebar .vertical-menu .navbar-langswitcher{height:auto;display:flex;flex-wrap:nowrap;justify-content:flex-start;flex-direction:row;margin-bottom:0;padding-bottom:0}.sidebar .vertical-menu .navbar-langswitcher li{width:auto}.sidebar .vertical-menu .navbar-langswitcher li.active .nav-link{text-decoration:underline}.sidebar .vertical-menu .navbar-langswitcher li .nav-link:hover{transform:translate(0)}.sidebar .vertical-menu .navbar-langswitcher li .nav-link:focus{transform:translate(0)}.sidebar .vertical-menu .navbar-langswitcher li .nav-link:active{transform:translate(0)}.sidebar .vertical-menu .navlink--waterhandbook{padding-left:1.5rem}.sidebar .vertical-menu .navlink--waterhandbook>svg{vertical-align:baseline;position:relative;margin-left:-15px;margin-top:.35rem;left:-6px}.platform{height:100vh;position:relative;overflow:hidden}.background{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#fdfcfd;background-repeat:no-repeat;background-position:center;background-size:cover}.btn{-webkit-appearance:none;touch-action:manipulation}.btn-burger{position:fixed;left:1rem;top:1rem;z-index:100;width:50px;height:50px;border-radius:3rem;padding:0;box-shadow:none!important;transition:width .3s ease;text-shadow:none;opacity:0;transform:translateY(-200px);transition:opacity .6s ease-out,transform .6s ease-out}.btn-burger.loaded{opacity:1;transform:translateY(0)}.btn-burger svg{vertical-align:text-bottom;width:30px;height:30px}.btn-download-book{overflow:hidden;background-color:#ffa001;border-color:#ffa001;color:#fff;position:fixed;right:1rem;top:1rem;z-index:100;width:50px;height:50px;border-radius:3rem;padding:0;box-shadow:none;text-shadow:none;opacity:0;transform:translateY(-200px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s,width .3s ease}.btn-download-book.loaded{opacity:1;transform:translateY(0)}.btn-download-book>span{display:block;position:relative;width:50px;text-align:left;color:#fff;transform:translateY(8px)}.btn-download-book svg{vertical-align:text-bottom;margin-left:.6rem;margin-right:.6rem;width:30px;height:30px}.btn-download-book p{display:none;white-space:nowrap;position:absolute;left:3rem;top:.2rem;color:#fff;text-transform:none;margin-bottom:0}.btn-download-book:hover{width:270px;background-color:#ffa001;border-color:#ffa001}.btn-download-book:hover>span{width:270px}@media screen and (max-width: 767px){.btn-download-book:hover{width:260px}}.btn-download-book:hover p{display:block}@media screen and (max-width: 767px){.btn-download-book{width:42px;height:42px}.btn-download-book>span{width:42px;transform:translateY(6px)}.btn-download-book svg{margin-left:.3rem;margin-right:.3rem}.btn-download-book p{left:2.5rem}.btn-download-book:hover>div{width:270px}}.frame{--frame-width: 100vw;--frame-height: 100vh;--frame-scale: 1;--frame-ratio: calc(768 / 4250);position:relative;overflow:hidden;min-height:600px;background:rgb(196,227,193);-ms-overflow-style:none;scrollbar-width:none}.frame::-moz-scrollbar{display:none}.frame::-webkit-scrollbar{display:none}@media screen and (max-width: 767px){.frame{position:fixed;left:0;right:0;top:0;bottom:0;background:rgb(196,227,193);background:linear-gradient(180deg,rgb(196,227,193) 30%,rgb(241,164,72) 71%);height:var(--app-height);min-height:auto}}.frame .boardlink[disabled=true]{pointer-events:none}.frame__footer{position:absolute;z-index:10;left:1rem;right:1rem;bottom:.5rem}.frame__slider{position:fixed;left:50%;top:2rem;z-index:3;width:500px;max-width:calc(100% - 8rem);margin-left:auto;margin-right:auto;transform:translate(-50%)}@media screen and (max-width: 991px){.frame__slider{top:auto;bottom:2rem}}.frame__bg{height:var(--frame-height);position:relative;min-height:600px;translate:none;rotate:none;scale:none;background-color:#fff;opacity:.00001;width:calc(var(--frame-ratio) * var(--frame-height));will-change:transform;-webkit-perspective:1000;-webkit-backface-visibility:hidden}@media screen and (min-width: 768px){.frame__bg{overflow:hidden}}@media screen and (max-width: 767px){.frame__bg{margin-top:calc(var(--app-height) / 2 - var(--frame-height) / 2);min-height:auto;overflow-y:visible!important}}.frame__bg:hover{cursor:grab}.frame__bg:hover:active{cursor:grabbing}.frame__bg>img{position:absolute;left:0;top:0;height:100%;max-width:auto;width:auto;min-width:1px;min-height:1px;pointer-events:none}.frame__child{position:absolute;width:calc(var(--item-width) * 1px * var(--frame-scale));left:calc(var(--item-x) * 1px * var(--frame-scale));top:calc(var(--item-y) * 1px * var(--frame-scale));background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;touch-action:manipulation}.frame__child:hover,.frame__child:hover:active{cursor:pointer}.frame__child.is-blind{pointer-events:none}.frame__child:after{content:"";display:block;padding-top:calc(var(--item-height) / var(--item-width) * 100%)}.frame__child>img,.frame__child>canvas{position:absolute}.frame__controls{position:fixed;z-index:1;height:var(--app-height);width:100%;pointer-events:none}.frame__btn-prev{position:absolute;padding:0;margin:0;outline:0;top:50%;left:.5rem;opacity:0;transform:translate(30px,-50%);transition:opacity .2s ease,transform .2s ease-out;pointer-events:auto;touch-action:manipulation;opacity:.5;pointer-events:none}.frame__btn-prev.is-shown{transform:translate(5px,-50%)}.frame__btn-prev.is-shown:hover{transform:translateY(-50%)}.frame__btn-prev.is-active{opacity:1;pointer-events:auto}@media screen and (max-width: 767px){.frame__btn-prev>svg{width:40px;height:40px}}.frame__btn-next{position:absolute;padding:0;margin:0;outline:0;top:50%;right:.5rem;opacity:0;transform:translate(-30px,-50%);transition:opacity .2s ease,transform .2s ease-out;pointer-events:auto;touch-action:manipulation;opacity:.5;pointer-events:none}.frame__btn-next.is-shown{transform:translate(-5px,-50%)}.frame__btn-next.is-shown:hover{transform:translateY(-50%)}.frame__btn-next.is-active{opacity:1;pointer-events:auto}@media screen and (max-width: 767px){.frame__btn-next>svg{width:40px;height:40px}}.videoframe{position:fixed;left:0;right:0;top:0;bottom:0;z-index:80;background-color:#000;opacity:0}.videoframe .btn-replay{color:#fff;border:0;outline:0;box-shadow:none!important;background-color:rgba(0,0,0,0)!important;border-color:transparent!important;transition:color .2s ease}.videoframe .btn-replay>svg{vertical-align:text-bottom;transition:transform .2s ease}.videoframe .btn-replay>svg path{transition:color .2s ease}.videoframe .btn-replay:hover,.videoframe .btn-replay:focus{color:#ffa001}.videoframe .btn-replay:hover>svg,.videoframe .btn-replay:focus>svg{transform:rotate(210deg)}.videoframe .btn-replay:hover>svg path,.videoframe .btn-replay:focus>svg path{fill:#ffa001}.videoframe__skip{position:fixed;right:0;bottom:0;z-index:100;padding:2rem;overflow:hidden}.videoframe__skip>.btn{transform:translate(200%)}@media screen and (max-width: 991px){.videoframe__skip{bottom:5rem;padding:1rem}}.videoframe__outer{display:flex;justify-content:center;align-items:center;height:var(--app-height)}.videoframe__wrapper{position:relative;display:block;width:100%;overflow:hidden}.videoframe__wrapper.is-landscape{height:var(--app-height)}.videoframe__wrapper.is-landscape .videoframe__video{width:auto;left:50%;transform:translate(-50%)}@media screen and (max-width: 767px){.videoframe__wrapper.is-landscape .videoframe__video{width:100%;left:0;transform:none}}.videoframe__wrapper:before{content:"";display:block;padding-top:var(--videoframe-size)}.videoframe__video{position:absolute;top:0;left:0;width:100%;height:100%}.videoframe__control{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:rgba(0,0,0,0);transition:opacity .2s ease}.videoframe__control.is-away{opacity:0!important}.videoframe__btn{padding:0;margin:0;border-radius:50%;background-color:rgba(0,0,0,.4);transition:transform .2s ease;padding:1rem;display:flex;justify-content:center;align-items:center}.videoframe__btn:hover,.videoframe__btn:focus{transform:scale(1.2)}.videoframe__btn>svg{fill:#fff}.videoframe__play>svg{margin-left:4px}.videoframe__replay{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;background-color:rgba(0,0,0,.8)}.videoframe .fa{color:#aaa;cursor:pointer;transition:all .2s ease}.videoframe .fa:hover{color:#fff;border-color:#fff}.videoframe .control-bar{box-sizing:border-box;padding:.5rem 1rem;background-color:#222831;opacity:0;color:#eee;position:fixed;bottom:2rem;border-radius:8px;z-index:2;left:50%;transform:translate(-50%);width:650px;max-width:80%;transition:opacity .5s ease}@media screen and (max-width: 767px){.videoframe .control-bar{left:1rem;right:1rem;width:auto;max-width:100%;transform:none}}.videoframe .control-bar:hover,.videoframe .control-bar.is-active{opacity:.92}.videoframe .control-bar #playPauseBtn{vertical-align:middle}.videoframe .control-bar label{margin-bottom:0;vertical-align:middle;width:48px;text-align:center}.videoframe #playPauseBtn{cursor:pointer;display:inline-block;background:0;border:0;width:32px;height:32px;transition:all .2s ease}.videoframe #playPauseBtn>svg{vertical-align:text-bottom}.videoframe input[type=range],.videoframe progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:0;border:0;width:100%}.videoframe input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;height:3px;margin-bottom:-1px;-webkit-transition:all .2s ease;transition:all .2s ease}.videoframe input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1px solid #00a8cc;border-radius:50%;height:18px;width:18px;background:#00a8cc;cursor:pointer;margin-top:-7.5px;-webkit-transition:all .2s ease;transition:all .2s ease}.videoframe input[type=range]::-webkit-slider-thumb:hover{background-color:#007e99;border:1px solid #007e99}.videoframe input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;border:1px solid #00a8cc;border-radius:50%;height:18px;width:18px;background:#00a8cc;cursor:pointer;margin-top:-7.5px;box-shadow:1px 1px 1px #333,0 0 1px #333;-moz-transition:all .2s ease;transition:all .2s ease}.videoframe input[type=range]::-moz-range-thumb:hover{background-color:#007e99;border:1px solid #007e99}.videoframe input[type=range]::-ms-thumb{appearance:none;border:1px solid #00a8cc;border-radius:50%;height:18px;width:18px;background:#00a8cc;cursor:pointer;margin-top:-7.5px;box-shadow:1px 1px 1px #333,0 0 1px #333;-ms-transition:all .2s ease;transition:all .2s ease}.videoframe input[type=range]::-ms-thumb:hover{background-color:#007e99;border:1px solid #007e99}.videoframe .video-seekbar{position:relative;display:inline-block;width:calc(100% - 150px);margin:0 10px 5px}.videoframe .video-seekbar input,.videoframe .video-seekbar progress{height:3px;position:absolute;top:0;left:0;right:0}.videoframe .video-seekbar .bufferBar::-webkit-progress-bar,.videoframe .video-seekbar .progressBar::-webkit-progress-bar{background-color:#2d4059;margin-left:2px}.videoframe .video-seekbar .bufferBar::-moz-progress-bar,.videoframe .video-seekbar .progressBar::-moz-progress-bar{margin:0}.videoframe .video-seekbar .progressBar::-webkit-progress-value{background-color:#00a8cc}.videoframe .video-seekbar .bufferBar::-webkit-progress-value{background-color:#ffa001}.videoframe .video-seekbar #seekBar{z-index:3}.videoframe .video-seekbar #progressBar{z-index:2;opacity:.7}.videoframe .video-seekbar #bufferBar{z-index:1;background-color:rgba(0,0,0,.4)}.frame-slider__label{display:block;width:100%}.frame-slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:rgba(255,255,255,.8);outline:none;opacity:.7;transition:opacity .2s}.frame-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#00a8cc;cursor:pointer}.frame-slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#00a8cc;cursor:pointer}.pointer{padding:6px}.pointer__bullet{width:30px;height:30px;background-color:#e2686e;border:1px solid #e2686e;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;z-index:1;position:relative;transition:transform .2s ease;-webkit-perspective:1000;-webkit-backface-visibility:hidden;touch-action:manipulation}.pointer__bullet.is-shown{transform:scale(1)!important}.pointer__bullet.is-shown:before{width:1px;height:1px}.pointer__bullet.is-shown:after{width:1px;height:1px}.pointer__bullet>svg{position:relative;z-index:1}.pointer__close{position:absolute;z-index:2;right:-5px;top:-10px;width:30px;height:30px;background-color:#e7465c;border:2px solid #b32d44;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;outline:0;transition:transform .2s ease;-webkit-perspective:1000;-webkit-backface-visibility:hidden;touch-action:manipulation}.pointer__close:hover{transform:rotate(90deg)}.pointer__popup{position:absolute;width:400px;max-width:calc(100vw - 2rem);left:50%;transform:translate(-50%,-1rem);cursor:default;-webkit-perspective:1000;-webkit-backface-visibility:hidden}@media screen and (max-width: 767px){.pointer__popup{max-width:calc(100vw - 7rem)}}.pointer__body{position:relative;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:2rem;padding:1.5rem 1.5rem 1rem;color:#3494bf;touch-action:manipulation}.pointer__body.is-above{transform:translateY(-100%)}@media screen and (max-width: 767px){.pointer__body{font-size:.9rem}}.pointer__cloud{position:absolute;bottom:-3px;right:-1rem;background-size:cover;background-position:center;background-repeat:no-repeat;width:200px}.pointer__cloud:before{content:"";display:block;padding-top:17.6870748299%}.pointer__title{font-size:1.2em}.pointer__content{font-size:1em}.sounds-effect{position:absolute;opacity:.000001;left:-999rem}.explore{position:relative;max-width:1000px;margin-left:auto;margin-right:auto}.explore__wrapper{min-height:var(--app-height);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;overflow:hidden}.explore__area{position:relative}@media screen and (max-width: 767px){.explore__area{max-width:400px;margin-left:auto;margin-right:auto}}.explore__nav{z-index:1;position:absolute;margin-top:-4rem;top:50%;transform:translateY(-50%)}.explore__nav.is-prev{left:0}.explore__nav.is-next{right:0}.explore__nav .btn{outline:0;border-radius:0;padding:0;box-shadow:none}@media screen and (min-width: 768px){.explore__panel{left:0!important}}@media screen and (max-width: 767px){.explore__panel{position:relative;flex-wrap:nowrap;width:300%;margin-left:0;margin-right:0}}.explore__foot{width:100%;position:relative;overflow:hidden}.explore__foot:before{content:"";display:block;padding-top:11.2%}@media screen and (max-width: 1200px){.explore__foot:before{padding-top:130px}}@media screen and (max-width: 530px){.explore__foot:before{padding-top:100px}}.explore__bottom{position:absolute;left:0;right:0;bottom:0;background-position:center 27%;background-size:100% auto;background-repeat:no-repeat}@media screen and (max-width: 1024px){.explore__bottom{background-position:center -30px;background-size:auto 180%}}@media screen and (max-width: 530px){.explore__bottom{background-position:center -2px;background-size:auto 117px}}.explore__bottom:before{content:"";display:block;padding-top:11.2%}@media screen and (max-width: 1200px){.explore__bottom:before{padding-top:130px}}@media screen and (max-width: 530px){.explore__bottom:before{padding-top:100px}}.explore__tree{position:absolute;background-repeat:no-repeat;background-position:center;background-size:cover;width:calc(var(--item-width) / 1400 * 100%);top:calc(var(--item-width) / 1400 * 100% * var(--item-top));left:50%;margin-left:calc(var(--item-left) / 1400 * 100%);transform:translate(-50%);transition:transform .2s ease;transform-origin:bottom}.explore__tree:before{content:"";display:block;padding-top:calc(var(--item-height) / var(--item-width) * 100%)}@media screen and (max-width: 1024px){.explore__tree{width:calc(1px * var(--item-width) / 1.5);margin-left:calc(var(--item-left) * 1px / 1.25);top:calc(var(--item-top) * 4px);margin-top:19px}}@media screen and (max-width: 530px){.explore__tree{width:calc(1px * var(--item-width) / 3);margin-left:calc(var(--item-left) * 1px / 2.5);top:calc(var(--item-top) * 2px);margin-top:22px}}.panel{position:relative}.panel__bg{width:124px;max-width:100%}.panel__bg:after{content:"";display:block;padding-top:129.0322580645%}.panel__bg>img{position:absolute;top:0;left:50%;transform:translate(-50%)}.panel__layer-1,.panel__layer-2{position:absolute;left:0;right:0;top:0}.panel__content{position:relative}.footnote{position:absolute;left:0;right:0;bottom:0;z-index:1}@media screen and (max-height: 500px) and (min-width: 576px){.footnote{bottom:auto;top:480px}}main.home .logo{transition:opacity .4s ease,transform .4s ease}main.home .joywonderland{transition:opacity .4s ease,transform .4s ease}main.home .joywonderland--animated{transition:opacity .4s ease,transform .4s ease}main.home .savejoysafewater{transition:opacity .4s ease .2s,transform .4s ease .2s}main.home .loadingElement:not(.notransition){transition:opacity .4s ease .6s,transform .4s ease .6s}main.home .footnote{transition:opacity .4s ease .5s}main.home:not(.loaded) .logo{opacity:0;transform:translateY(40px)}main.home:not(.loaded) .joywonderland{opacity:0;transform:translateY(80px)}main.home:not(.loaded) .joywonderland--animated{opacity:0;transform:translateY(80px)}main.home:not(.loaded) .savejoysafewater{opacity:0;transform:translateY(80px)}main.home:not(.loaded) .loadingElement{opacity:0;transform:translateY(-10px) scale(.4)}main.home:not(.loaded) .footnote{opacity:0}main.home .btn-startexploring{display:none;opacity:0;transform:translateY(30px)}main.home .panel-1{opacity:0;top:100px}main.home .panel-2{opacity:0;top:100px}main.home .panel-3{opacity:0;top:100px}main.home .explore__tree{opacity:0;transform:translateY(100px) scale(.5)}main.home .explore__tree.is-tree-family_sitting{opacity:0;transform:translateY(100px) scale(.5)}main.home .logo__wrapper{position:relative;width:160px;max-width:100%;display:inline-block}main.home .logo__wrapper:after{content:"";display:block;padding-top:21.875%}main.home .logo__wrapper .logo{top:0;left:0;position:absolute}main.home .joywonderland__wrapper{position:relative;width:380px;max-width:100%;display:inline-block}main.home .joywonderland__wrapper:after{content:"";display:block;padding-top:39.2307692308%}main.home .joywonderland__wrapper .joywonderland{top:0;left:0;position:absolute;z-index:0;pointer-events:none}main.home .joywonderland__wrapper .joywonderland--animated{position:absolute;top:3%;left:6.5%;width:16%;z-index:1;pointer-events:none}.stage-1 .is-comingsoon{position:absolute;transform:translate(calc(var(--frame-scale) * 18px),calc(var(--frame-scale) * 155px));font-size:calc(.9rem * var(--frame-scale))}.stage-1 .text-animonsta{font-size:.45rem}.stage-2 .frame{background:rgb(162,216,209)}@media screen and (max-width: 767px){.stage-2 .frame{background:rgb(162,216,209);background:linear-gradient(180deg,rgb(162,216,209) 30%,rgb(210,222,54) 71%)}}.stage-2 .is-comingsoon{position:absolute;font-size:calc(.9rem * var(--frame-scale))}.stage-2 .is-comingsoon.is-prev{transform:translate(calc(var(--frame-scale) * 38px),calc(var(--frame-scale) * 140px))}.stage-2 .is-comingsoon.is-next{transform:translate(calc(var(--frame-scale) * 12px),calc(var(--frame-scale) * 132px))}.stage-3 .frame{background:rgb(251,244,165);background:linear-gradient(180deg,rgb(151,217,207) 0%,rgb(251,244,165) 40%)}@media screen and (max-width: 767px){.stage-3 .frame{background:rgb(251,244,165);background:linear-gradient(180deg,rgb(151,217,207) 0%,rgb(251,244,165) 40%,rgb(211,222,53) 80%)}}.stage-3 .frame__bg{background-color:transparent}