*{margin:0;padding:0;user-select:none;-webkit-user-select:none}body{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;user-select:none;-webkit-user-select:none}:root{--site-padding: 2rem;--shadow: 0 0 7px rgba(0,0,0,.8);--gray: rgb(165, 165, 165);--green: rgb(158, 228, 130);--blue: rgb(130, 228, 218);--gradient-rose: #F0A7C1;--gradient-blue: #4468B0;--gradient-green: #7FC58B;--gradient-orange: #ED9D86;--base-gradient: linear-gradient(to left, var(--gradient-rose) ,var(--gradient-blue));--level-gradient-configurator: var(--base-gradient);--level-gradient-biosphere: linear-gradient(to left,rgb(239, 160, 46), rgb(96, 168, 192));--level-gradient-circular-living: linear-gradient(to left, #9774b1, #fff482);--level-gradient-circular-economy: linear-gradient(to left, rgb(229, 155, 278), rgb(60,97,169));--level-gradient-circular-me: linear-gradient(to left, rgb(229,155,178), rgb(96,185,192));--border: 3px solid white;--text-shadow: -1.5px 1.5px var(--black);--black: rgb(30,30,30);--gap: 1.5em;--fs-small: 1rem;--fs-ftxt: 1.2rem;--fs-cta: 1.5rem;--fs-h2: 2.5rem;--fs-h3: 2rem;--fs-menu: 1.5rem;--btn-size-round: 50px;--btn-size-round-bottom: 80px}@font-face{font-family:openSans;src:url(/fonts/OpenSans-Bold.ttf);font-weight:700;font-style:normal;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:openSans;src:url(/fonts/OpenSans-Semibold.ttf);font-weight:600;font-style:normal}@font-face{font-family:noto;src:url(/fonts/NotoSansJP-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:noto;src:url(/fonts/NotoSansJP-SemiBold.ttf);font-weight:600;font-style:normal}*{margin:0;padding:0}.bg-gray{background-color:var(--gray)!important}.bg-green{background-color:var(--green)!important}.bg-blue{background-color:var(--blue)!important}a{-webkit-appearance:none;appearance:none;color:inherit;text-decoration:none;-moz-appearance:none}p+p{margin-top:.75em}ul{list-style:none}html{height:120%}html,body{background:var(--base-gradient);background-color:var(--black);color:var(--black)}body{font-size:var(--fs-ftxt);font-family:openSans,noto,sans-serif;font-weight:600;line-height:1.4}h2,.h2{font-size:var(--fs-h2);text-transform:uppercase;color:#fff;font-weight:700;line-height:1.2}h4,.h4{font-size:var(--fs-h4);text-transform:uppercase;color:#fff;font-weight:700;line-height:1.2}.fs-h2{font-size:var(--fs-h2);line-height:1.2}.fill-parent{top:0;left:0;right:0;bottom:0}@media screen and (max-width:800px){:root{--fs-small: .75rem;--fs-ftxt: .8rem;--fs-cta: .9rem;--fs-h2: 1.6rem;--fs-h3: 1rem;--fs-menu: 1.2rem;--btn-size-round-bottom: 60px}}@media screen and (max-width:350px){:root{--fs-menu: 1.1rem;--fs-ftxt: .7rem;--fs-cta: .8rem;--fs-h2: 1.2rem}}.scene-ui{position:fixed;z-index:1}.configurator-wrapper{flex:1}.vignette{position:fixed;pointer-events:none;display:block;width:100%;height:100%;mix-blend-mode:soft-light}canvas{pointer-events:all}.configurator{height:100%;position:relative}.configurator>div{flex:1}.proppicker{max-height:100%;max-width:100%;pointer-events:all}.proppicker ul{overflow:hidden;display:flex;gap:.5rem;align-items:center;flex-direction:column}.configurator-layer{flex:1;position:absolute;display:flex;top:0;left:0;right:0;bottom:0;justify-content:space-between;align-items:center;padding:var(--site-padding);box-sizing:border-box;max-width:1200px;margin:0 auto}.configurator .button.round{height:var(--btn-size-round-bottom);width:calc(var(--btn-size-round-bottom) * 1.1)}.selectable{width:3rem;height:3rem;border-radius:100%;overflow:hidden;border:3px transparent solid;flex-shrink:0;transition:border-color .1s ease;position:relative;cursor:pointer}.selectable>*{width:100%;height:100%;display:block}.selectable.selected{border-color:#fff8dc}@media screen and (max-width:800px){.selectable{width:2rem;height:2rem}}.texture-picker-item img{width:210%;transform:translate(-4%,-52%);position:relative}.texture-picker-item{position:relative;transition:opacity .5s ease}.button{pointer-events:all;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:var(--black);padding:.8em 1.1em;box-sizing:border-box;cursor:pointer;position:relative;white-space:nowrap;background-position:center;background-size:100% 100%;background-repeat:no-repeat;font-weight:700;font-size:var(--fs-cta)}.button.button_photo{width:60px;height:60px;padding:0;background-size:130% 130%}.colorize{background-color:#ff0;width:100%;height:100%;position:absolute;top:0;left:0;mix-blend-mode:color}.button.audio img{width:1.5em}.button.audio{display:flex;align-items:center;padding:.8em .8em .6em;justify-content:center}.button.round{height:var(--btn-size-round);width:calc(var(--btn-size-round) * 1.1);display:flex;align-items:center;justify-content:center;padding:0}@media screen and (max-width:800px){.button.language{font-size:var(--fs-h3)}}.flag{position:absolute}.flag span{position:relative;display:block;width:2.5em;height:2.5em;transform:rotate(135deg);background-color:#000;border-radius:50% 50% 50% 3px;border:4px var(--black) solid;box-sizing:border-box}.flag span img{position:absolute;top:50%;left:50%;width:70%;height:70%;z-index:1;object-fit:contain}.flag span:after{content:"";width:100%;height:100%;background-color:#fff;display:block;position:absolute;top:0;left:0;border-radius:50%}.footer{position:absolute;width:100%;bottom:0;display:flex;justify-content:end;align-items:center;flex-direction:column;box-sizing:border-box;gap:var(--site-padding);padding-bottom:var(--site-padding);left:0;min-height:8em}.footer>div{display:flex;gap:var(--gap)}.header{flex-direction:column;display:flex;padding:var(--site-padding);padding-top:calc(var(--site-padding) + .6rem);position:relative;z-index:2}.progress-slot{height:2rem;display:flex;justify-content:center;align-items:center;margin-bottom:1.9em}.header .headline{margin-bottom:.25em}.circular-economy .header .subline{bottom:var(--site-padding);position:fixed}.menu-btn.btn-close{right:var(--site-padding);top:var(--site-padding);padding:1rem;left:unset;position:absolute}.circular-living .menu-btn.btn-close{bottom:var(--site-padding);left:calc(50% - 25px);right:unset;top:unset;position:fixed}.menu-btn.btn-close span{display:none}.menu-btn.btn-close:before{transform:translateY(50%) rotate(45deg)}.menu-btn.btn-close:after{transform:translateY(-50%) rotate(-45deg)}.headline{text-align:center;left:0;width:100%;text-shadow:var(--text-shadow);padding:0 var(--site-Padding);box-sizing:border-box}.progress{height:1.8em;width:8em;border-radius:1em;border:var(--border);box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.progress span.progress-bg{overflow:hidden;display:block;height:100%;width:100%;position:absolute;top:0;left:0;border-radius:1em;transform:translate(0);transition:transform .5s ease}.progress-bg-outer{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:1em}.progress.time span.progress-bg{transition:transform 1s linear}.progress span.progress-bg:after{content:"";display:block;width:100%;height:100%;top:0;background:linear-gradient(to right,var(--gradient-blue) 0%,var(--gradient-rose) 100%)}.circular-living .progress span.progress-bg:after{background:linear-gradient(to right,var(--gradient-orange) 0%,var(--gradient-green) 100%)}.progress-inner{position:relative;z-index:10;top:0;left:0;right:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;gap:.5em}.progress-timecode{color:#fff;text-shadow:var(--text-shadow)}.progress-text{position:relative;z-index:1}.progress .counter{position:absolute;bottom:0;transform:translateY(100%);background-color:#fff;color:var(--black);padding:.05em .3em;min-width:2em;text-align:center;border-radius:0 0 6px 6px;font-size:var(--fs-small)}@media screen and (max-width:800px){.progress{height:2em;width:9em;border-radius:1.1em}}.bubble-outer{position:absolute;top:15%;left:3em;z-index:10;opacity:1;transition:opacity .3s ease}.bubble-outer.hide{opacity:0}.bubble-outer{position:absolute;top:15%;left:3em;z-index:10}.bubble-outer.bubble_blue{top:35%;left:30%;transform:translate(-50%,-50%);color:#fff}.bubble-inner{padding:2.5em;width:12em;min-height:6em;text-align:center;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.bubble_blue .bubble-inner{padding-left:3.5em;padding-top:2em}.bubble_white .bubble-inner{padding-top:2.1em;padding-bottom:4.1em}.bubble-inner .icon{background-image:url(/_static/ui/bubble_blue_icon.png);background-size:100% 100%;padding:.8em;position:absolute;top:2%;left:2%}.icon[src*="exclamation.png"]{padding-left:1.2em;padding-right:1.2em}.bubble_white .bubble-inner .icon{background-image:url(/_static/ui/bubble_icon.png);top:-2%;left:-5%}.bubble_white .bubble-inner .icon[src*=circular-living]{background-image:none;width:60px;height:60px;top:-5%;left:-5%;padding:0}@media screen and (max-width:800px){.bubble-outer.bubble_blue{top:38%;left:44%}}.success{position:absolute;top:0;left:0;right:0;bottom:0}.success-inner{width:90%;max-width:500px;position:absolute;top:50%;left:50%}.success-inner img{width:100%}.success-text{position:absolute;top:50%;left:50%;width:100%;padding:5em 4em 4em;box-sizing:border-box;transform:translate(-50%,-50%)}.success-text h3{margin-bottom:.5em;color:var(--gradient-rose)}.success-bg{position:absolute;top:0;left:0;right:0;bottom:0;animation:rotate 20s infinite linear}.success-bg:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;background:repeating-conic-gradient(from 45deg at 50% 50%,var(--level-color) 1deg 10deg,rgba(255,220,132,0) 14deg 20deg,var(--level-color) 24deg 34deg);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);mask-image:radial-gradient(circle,#000 10%,#0000 70%)}@media (orientation: landscape){.success-bg:after{width:150vw;height:150vw}}@media (orientation: portrait){.success-bg:after{width:150vh;height:150vh}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:600px){.success-inner{width:90%}}.icon{height:1.2em}.progress .icon{height:1em}.explainer-el{transform:translate(-50%,-50%);left:50%;top:50%;position:absolute}.explainer-wrapper{width:120px;height:120px;background-color:#fff3;box-shadow:0 0 5px #0000001a;border-radius:100%;top:85%;left:65%}.explainer-wrapper.explainer-panorama{background-color:transparent;box-shadow:unset;border-radius:0}.explainer-handle{width:40px;height:40px;background-color:#ffffff4d;box-shadow:0 0 5px #0000001a;border-radius:100%;transform-origin:100px center;transform:translate(50%,-50%);position:absolute}.explainer-wrapper img{transform:rotate(-45deg);position:absolute;width:100px;left:32px;top:-29px}.explainer-center{width:2px;height:2px;background-color:#00000080}@media screen and (max-width:800px){.explainer-wrapper img{width:60px}}@media screen and (min-width:800px){.explainer-wrapper{top:75%}}.collectables-outer{display:flex;justify-items:center;justify-content:center;gap:1em;width:100%;left:0}.collectable{position:relative;border-radius:100%;overflow:hidden;border:var(--border);box-sizing:border-box;width:40px;height:40px;padding:.2em}.collectable img{width:100%;z-index:1;position:relative}.collectable-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#983dff}.collectable-progress{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5;background-color:#983dff;transform-origin:bottom center}@media screen and (max-width:800px){.collectable{position:relative;border-radius:100%;width:35px;height:35px}}.countdown-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:8rem;text-shadow:var(--text-shadow)}.countdown-inner{text-shadow:0 0 10px white;position:absolute}.countdown-inner.blur{filter:blur(3px)}.countdown-inner.pulse{top:50%;left:50%}.flash{position:fixed;top:0;left:0;right:0;bottom:0}@media screen and (min-width:800px){.countdown-outer{font-size:14rem}}.selfie-wrapper{position:fixed;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.selfie-footer{position:absolute;bottom:20%;padding:0 var(--site-padding);width:100%;box-sizing:border-box;height:80px;display:flex;align-items:center;justify-content:space-between}.button-outer{height:100%}.selfie-button{height:100%;pointer-events:all;cursor:pointer}.button-outer:first-of-type{text-align:left}.button-outer{text-align:center}.button-outer:last-of-type{text-align:right}.selfie-footer>*{flex:1}.selfie-inner{position:relative;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.5s ease}.canvas-wrapper{width:0;position:relative;height:0;opacity:0}.access-denied{background-color:#fff;border-radius:10px;padding:var(--site-padding)}.has-stream .canvas-wrapper{opacity:1}.selfie-inner canvas{border-radius:5px;position:absolute;background-size:cover}.flash{background-color:#fff;position:absolute;top:0;right:0;left:0;bottom:0;pointer-events:none}.canvas-menu-bar{position:absolute;bottom:0;width:100%;box-sizing:border-box;background-color:#00000080;padding:1em 1.5em;min-height:4em;overflow-x:auto;pointer-events:all;display:flex;gap:1.5em;align-items:center}.canvas-menu-bar.justify{justify-content:center}.drag-object{position:absolute;background-color:red;font-size:1.3rem;cursor:pointer;pointer-events:all;top:10%;left:10%;padding:.5em;box-sizing:border-box;white-space:nowrap;transform:translateY(-25%);opacity:0}@media screen and (max-width:800px){.selfie-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--level-gradient-circular-me)}.selfie-inner{height:100%}}@media screen and (max-width:400px){.selfie-footer{padding:0}}:root{--level-color:rgb(253, 255, 130, .5) }.loading{position:fixed;z-index:1000;display:flex;text-align:center;max-width:600px;margin:0 auto;align-items:center;justify-content:center;flex-direction:column;padding:100px var(--site-padding);box-sizing:border-box;overflow:hidden}.loading-bg{content:"";border-radius:100%;position:fixed;left:50%;top:50%;z-index:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4.5em 0}.loading-logo{max-width:80%;object-fit:contain}.loading .h2{margin-bottom:.5em}.loading-bar{position:fixed;top:0;right:0;left:0;height:4px;z-index:1000}.circular-img{width:200px;position:fixed;z-index:1}.circular-img:first-of-type{left:0;bottom:0}.circular-img:nth-of-type(2){right:1%;bottom:0}.circular-img:nth-of-type(3){left:-67.5px;top:40%}.circular-img:nth-of-type(4){top:0;right:15%}.loading-bar:after{content:"";display:block;background-color:#000;left:0;right:0;height:100%;position:absolute;width:100%;transform:scaleX(1);transform-origin:left center;animation:loadingAnim 10s}@keyframes loadingAnim{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.loading-bg.pre-loading{background:none;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.loading-bg.pre-loading .pre-loading-inner{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.loading-bg.pre-loading .loading-logo{max-width:150px;width:70%}.lottie-outer{flex:1;display:flex;align-items:center}.loading-configurator{flex-direction:column-reverse}.loading-configurator .lottie-outer{display:none}.loading-configurator .h2{text-shadow:none;color:var(--black)}.loading-bg.configurator{background-color:#fff}.loading-bg.biosphere{background:var(--level-gradient-biosphere)}.loading-bg.circular-living{background:var(--level-gradient-circular-living)}.loading-bg.circular-economy{background:var(--level-gradient-circular-economy)}.loading-bg.circular-me{background:var(--level-gradient-circular-me)}@media (orientation: landscape){.loading-bg{width:150vw;height:150vw}}@media (orientation: portrait){.loading-bg{width:150vh;height:150vh}}@media screen and (max-width:800px){.loading{padding:100px var(--site-padding);padding-bottom:var(--site-padding)}.loading p{max-width:400px}.loading-configurator{flex-direction:column-reverse;padding:100px var(--site-padding);padding-top:var(--site-padding)}.circular-img{width:190px}.circular-img:nth-of-type(3){left:-67.5px;top:20%}}@media screen and (max-height:800px){.loading-logo{max-width:50%}}@media screen and (min-width:800px) and (max-height:800px){.loading{overflow:auto;pointer-events:all}}header{position:relative;z-index:1}main{position:fixed;pointer-events:none}.languages-wrapper{width:10em;height:2.6em;position:relative;transition:width .5s cubic-bezier(.075,.82,.165,1),opacity .2s cubic-bezier(.075,.82,.165,1);will-change:width;flex-basis:0;font-size:1.15rem}.menu .languages-wrapper{opacity:0}.menu.open .languages-wrapper{opacity:1}.button.language-icon,.button.language{font-size:var(--fs-h2);text-transform:uppercase}.button.language-icon,.menu .button.language{font-size:inherit;text-transform:uppercase}.languages-wrapper:not(.open){width:2.6em}.languages-wrapper .button.language{position:absolute;opacity:0!important;transition:opacity .3s ease}.languages-wrapper.open .button.language{opacity:1!important}.languages-wrapper .button.language-icon{opacity:1!important;z-index:10;position:absolute;transition:opacity .1s ease;pointer-events:all;right:0}.languages-wrapper.open .button.language-icon{opacity:0!important;pointer-events:none}.languages-wrapper .button.language:nth-of-type(2){margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0}.languages-wrapper .button.language:nth-of-type(3){right:0}.menu{position:absolute;top:0;left:0;padding:var(--site-padding);width:0;transition:width .3s ease}.menu-bg{background:linear-gradient(to left,var(--gradient-rose),var(--gradient-blue));position:absolute;top:calc(var(--site-padding) * 2);left:calc(var(--site-padding) * 2);width:1000px;height:1000px;border-radius:80% 30% 40% 60%}.menu .menu-header{width:7em;justify-content:space-between;display:flex;transition:width .3s cubic-bezier(.075,.82,.165,1)}.menu.open .menu-header{width:min(calc(100vw - var(--site-padding) * 2),20em)}.menu-inner{position:absolute;top:130px;display:flex;flex-direction:column;gap:1.5em;line-height:1.5;font-size:var(--fs-menu)}.menu ul li{cursor:pointer;text-transform:uppercase;color:#fff;text-shadow:var(--text-shadow);font-weight:600;white-space:nowrap}li.button-audio{margin-top:.75em}.menu-btn{position:relative;height:var(--btn-size-round);width:calc(var(--btn-size-round) * 1.1);z-index:1;pointer-events:all;cursor:pointer;background-image:url(/_static/ui/button_round.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.menu-btn:after,.menu-btn:before,.menu-btn span{content:"";display:block;position:relative;width:100%;border-radius:3px;height:3px;background-color:var(--black);transition:transform .3s cubic-bezier(.77,.2,.05,1),opacity .3s ease}.menu-btn:before{transform:translateY(-100%) rotate(0)}.menu-btn:after{transform:translateY(100%) rotate(0)}.menu-btn span{transform:scale(1)}.menu.open .menu-btn:before{transform:translateY(100%) rotate(45deg)}.menu.open .menu-btn span{transform:scale(0)}.menu.open .menu-btn:after{transform:translateY(-100%) rotate(-45deg)}.menu ul ul{padding:.75em 0 .75em 1.5em}.click-bg{top:0;left:0;right:0;bottom:0;background-color:#00f;position:fixed;opacity:0}.menu.open{width:10vh;height:10vh}.burger{background-color:red;width:30px;height:30px;top:0;left:0}@media screen and (max-width:800px){.menu-inner{top:100px}.menu ul li+li{margin-top:.3em}}.text-overlay{position:fixed;bottom:0;left:0;right:0;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;padding:calc(var(--site-padding) * 2);display:flex;align-items:center;pointer-events:all}.text-overlay-inner{max-width:1000px;width:80%;position:relative;max-height:100%;margin:0 auto;padding:var(--site-padding);border-radius:20px;box-sizing:border-box;overflow-y:auto;color:#fff;background:linear-gradient(to bottom,var(--gradient-rose) -50%,var(--gradient-blue) 150%)}.text-overlay-inner .btn-close{position:sticky;position:-webkit-sticky;left:unset;right:unset;top:0;float:right}.text-overlay-inner p{margin-top:1em}@media screen and (max-width:1000px){.text-overlay{padding:var(--site-padding)}.text-overlay-inner{max-width:100%}}@media screen and (max-width:800px){.text-overlay{padding:0}.text-overlay-inner{width:100%;border-radius:0;padding-top:5rem}}