.playing{position:fixed;bottom:0;left:0;height:1rem;width:100vw;display:flex;gap:.1rem;align-items:flex-end}.playing .bar{display:block;position:relative;height:0%;overflow:hidden;background:#fff;border-radius:.1rem;color:transparent}.copyRight{display:flex;flex-direction:column;gap:.4rem}.copyRight p{color:var(--main-color);text-align:center;font-size:.44rem;letter-spacing:-.022000000000000002rem}.copyRight svg{width:auto;height:1.54rem}.intro{height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.7rem;opacity:0;z-index:2;position:relative;transition:all .5s ease-in-out}.intro.active{opacity:1}.intro__header__title{font-size:3rem;line-height:2.4rem;letter-spacing:-.21rem;color:var(--main-color);text-align:center;margin-bottom:1.08rem}.intro__content{display:flex;flex-direction:column;gap:1.6rem;position:absolute;max-width:31rem;width:100%}.intro__content p{font-size:1.6rem;line-height:1.6rem;letter-spacing:-.08rem;color:var(--main-color)}.intro .header_logo{margin-bottom:auto}.intro .copyRight{margin-top:auto}.intro__touch_icon{height:2.2rem;bottom:1.89rem;position:absolute}.intro__touch_icon svg{width:auto;height:100%}.intro__touch_icon svg path{opacity:1}.intro .intro__header,.intro .intro__content,.intro .copyRight *,.intro .intro__touch_icon svg{opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.intro .intro__header.active,.intro .intro__content.active,.intro .copyRight *.active,.intro .intro__touch_icon svg.active{opacity:1;pointer-events:auto}.intro .copyRight.active *,.intro .intro__touch_icon.active svg{opacity:1;pointer-events:auto}.feelingSelection{height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:.7rem;opacity:0;transition:all .5s ease-in-out}.feelingSelection.active{opacity:1}.feelingSelection>*{z-index:1;pointer-events:none;position:relative}.feelingSelection>* .button{pointer-events:auto}.feelingSelection__header{margin-top:1.5rem}.feelingSelection__header__title{font-size:1.6rem;line-height:1.6rem;letter-spacing:-.08rem;color:var(--main-color);text-align:center}.feelingSelection__header p{color:var(--main-color);text-align:center;font-size:.8rem;line-height:1.6rem;letter-spacing:-.04rem}.feelingSelection__content{width:100%;max-width:25.6rem;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.feelingSelection__content .button{background:#ffffff26;border-radius:1rem;border-color:transparent;min-width:12.25rem}.feelingSelection__content .button__label{font-size:1rem;letter-spacing:-.05rem}.feelingSelection__footer{margin-bottom:2.14rem}.feelingSelection .bush_animation{position:absolute;right:.977rem;bottom:0;opacity:0;width:5.00299rem;display:flex}.feelingSelection .bush_animation svg{width:100%;height:auto}.colorSelection{height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:.7rem;opacity:0;transition:all .5s ease-in-out}.colorSelection.active{opacity:1}.colorSelection *{transition:color .5s,fill .5s,border .5s,stroke .5s}.colorSelection>*{z-index:1;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.colorSelection>* .button,.colorSelection>* button,.colorSelection>* a{pointer-events:auto}.colorSelection__header{margin-top:1.5rem}.colorSelection__header__title{font-size:1.6rem;line-height:1.6rem;letter-spacing:-.08rem;color:var(--main-color);text-align:center}.colorSelection__header p{color:var(--main-color);text-align:center;font-size:.8rem;line-height:1.6rem;letter-spacing:-.04rem}.colorSelection__content{width:100%;max-width:24.6rem;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.colorSelection__content .button{background:#ffffff26;border-radius:1rem;border-color:transparent}.colorSelection__content .button__label{font-size:1rem;letter-spacing:-.05rem}.colorSelection__footer{margin-bottom:2.14rem}.colorSelection__wheel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;pointer-events:none}.colorSelection__wheel div{position:absolute;width:2rem;height:2rem;border-radius:50%;margin:.2rem;transition:transform .3s ease-in-out}.colorSelection__wheel div:hover{transform:scale(1.1)}.colorSelection__slider{display:flex;justify-content:space-between;min-width:18.38rem;position:relative;padding:0 1.32rem}.colorSelection__slider-prev-arrow,.colorSelection__slider-next-arrow{position:absolute;top:50%;display:flex;transform:translateY(-50%);z-index:2}.colorSelection__slider-prev-arrow button,.colorSelection__slider-next-arrow button{background:transparent;border:none;cursor:pointer;display:flex;padding:0}.colorSelection__slider-prev-arrow button svg,.colorSelection__slider-next-arrow button svg{transition:transform .3s ease-in-out;width:.9rem;height:.4189rem}.colorSelection__slider-prev-arrow button svg:hover,.colorSelection__slider-next-arrow button svg:hover{transform:scale(1.1)}.colorSelection__slider__track{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;transition:transform .4s ease}.colorSelection__slider__track__item{position:absolute;font-size:3rem;letter-spacing:-.1rem;line-height:2.4rem;color:var(--main-color);transition:.3s ease;white-space:nowrap;transform:translateY(-1.5rem);opacity:0}.colorSelection__slider__track__item.active{opacity:1;transform:translateY(0)}.colorSelection__slider-prev-arrow{left:.42rem}.colorSelection__slider-next-arrow{right:.42rem}.experienceSelection{height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:.7rem;opacity:0;transition:all .5s ease-in-out}.experienceSelection.active{opacity:1}.experienceSelection__header{margin-top:1.5rem}.experienceSelection__header__title{font-size:1.6rem;line-height:1.6rem;letter-spacing:-.08rem;color:var(--main-color);text-align:center}.experienceSelection__header p{color:var(--main-color);text-align:center;font-size:.8rem;line-height:1.6rem;letter-spacing:-.04rem}.experienceSelection__content{width:100%;max-width:24.6rem;margin:auto;display:flex;justify-content:center;align-items:center;gap:.5rem}.experienceSelection__content>div{width:4.97rem;display:flex;position:relative}.experienceSelection__content>div>svg{opacity:.4;transition:opacity .3s ease-in-out}.experienceSelection__content svg{width:100%;height:auto;cursor:pointer}.experienceSelection__content svg.active{opacity:1;pointer-events:none}.experienceSelection__content svg.svg-one .cloud-x,.experienceSelection__content svg.svg-one .sun-y{transform:translate(0);transition:transform .8s ease-out}.experienceSelection__content svg.svg-one.active .cloud-x{transform:translate(-22%)}.experienceSelection__content svg.svg-one.active .sun-y{transform:translateY(-12%)}.experienceSelection__content svg.svg-two .sun-y{transform:translate(0);transition:transform .8s ease-out}.experienceSelection__content svg.svg-two.active .sun-y{transform:translateY(-14%)}.experienceSelection__content svg.svg-three .sun-y{transform:translateY(-25%);transition:transform .8s ease-out}.experienceSelection__content svg.svg-three.active .sun-y{transform:translate(0)}.experienceSelection__content svg.svg-four path{transition:transform .8s ease-out;transform-origin:top}.experienceSelection__content svg.svg-four .sun-y{transform:translateY(-18%) scale(.8)}.experienceSelection__content svg.svg-four .cloud-2{transform:translate(22%) scale(.8)}.experienceSelection__content svg.svg-four .cloud-3{transform:translate(15%) scale(.8)}.experienceSelection__content svg.svg-four .cloud-1,.experienceSelection__content svg.svg-four .cloud-4{transform:translate(-24%) scale(.8)}.experienceSelection__content svg.svg-four.active .sun-y,.experienceSelection__content svg.svg-four.active .cloud-1,.experienceSelection__content svg.svg-four.active .cloud-2,.experienceSelection__content svg.svg-four.active .cloud-3,.experienceSelection__content svg.svg-four.active .cloud-4{transform:translate(0) scale(1)}.experienceSelection__content svg.svg-five path{transition:transform .8s ease-out}.experienceSelection__content svg.svg-five .sun-y,.experienceSelection__content svg.svg-five .cloud-1,.experienceSelection__content svg.svg-five .cloud-2,.experienceSelection__content svg.svg-five .cloud-3,.experienceSelection__content svg.svg-five .boat{transform:translate(0)}.experienceSelection__content svg.svg-five.active .sun-y{transform:translateY(13%)}.experienceSelection__content svg.svg-five.active .cloud-1,.experienceSelection__content svg.svg-five.active .cloud-2,.experienceSelection__content svg.svg-five.active .cloud-3{transform:translate(12%)}.experienceSelection__content svg.svg-five.active .boat{transform:translate(20%)}.experienceSelection__footer{margin-bottom:2.14rem}.result{height:100%;width:100%;position:absolute;z-index:10;pointer-events:none;top:0;left:0;display:flex;flex-direction:column;opacity:0;transition:opacity .5s ease-in-out;padding:.97rem .8rem .6rem .9rem;color:var(--main-color)}.result *{position:relative;z-index:2}.result:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.result__image{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;z-index:0}.result.is-active{pointer-events:auto;opacity:1}.result__header{display:flex;justify-content:space-between}.result__header__title h2{font-size:1.2rem;line-height:1.2rem;letter-spacing:-.06rem;max-width:14.2rem}.result__header__title p{font-size:.7rem;letter-spacing:-.035rem}.result__header .button__label{font-size:.7rem;line-height:.7rem;letter-spacing:-.035rem}.result__footer{display:flex;margin-top:auto;justify-content:space-between}.result__footer .header_logo{margin-top:auto;margin-bottom:.4rem}.result__footer .qr{text-align:center;display:flex;gap:.2rem;flex-direction:column}.result__footer .qr p{font-size:.36rem;line-height:.36rem;letter-spacing:-.018000000000000002rem}.result__footer .qr img{width:2.5rem;height:2.5rem}@font-face{font-family:DM Sans;src:url(/assets/DMSans-BlackItalic-CiHLV13Y.woff2) format("woff2"),url(/assets/DMSans-BlackItalic-P0y3L7AG.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Black-C8IDPZ5Q.woff2) format("woff2"),url(/assets/DMSans-Black-D4tVaKRr.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Bold-BR7eNmIG.woff2) format("woff2"),url(/assets/DMSans-Bold-hk2-UalZ.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-ExtraBoldItalic-OOst_9se.woff2) format("woff2"),url(/assets/DMSans-ExtraBoldItalic-FQObeKDk.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-ExtraBold-DT__q-yW.woff2) format("woff2"),url(/assets/DMSans-ExtraBold-DKnB2ioR.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-BoldItalic-BVtTvC3Y.woff2) format("woff2"),url(/assets/DMSans-BoldItalic-BUzgo7YK.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-ExtraLight-DQ6fJoaZ.woff2) format("woff2"),url(/assets/DMSans-ExtraLight-D6dYQDxT.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-ExtraLightItalic-kUA-jscq.woff2) format("woff2"),url(/assets/DMSans-ExtraLightItalic-n32qe42R.woff) format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-LightItalic-DkVLjTBH.woff2) format("woff2"),url(/assets/DMSans-LightItalic-BN_ZA217.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Light-CKgP1NMJ.woff2) format("woff2"),url(/assets/DMSans-Light-BxBkzMC_.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Italic-BQFJDNxe.woff2) format("woff2"),url(/assets/DMSans-Italic-Bcg6g9EY.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-MediumItalic-O_K2CP4S.woff2) format("woff2"),url(/assets/DMSans-MediumItalic-BxkCo8Te.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Regular-DauudguK.woff2) format("woff2"),url(/assets/DMSans-Regular-BbZciz87.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Medium-C9Gyiw8F.woff2) format("woff2"),url(/assets/DMSans-Medium-Bp5jvE9e.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Thin-DppmbIFc.woff2) format("woff2"),url(/assets/DMSans-Thin-6yGBX_l1.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-SemiBold-Bk1I-qmQ.woff2) format("woff2"),url(/assets/DMSans-SemiBold-nk_sq9QF.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-SemiBoldItalic-QpDAMc-0.woff2) format("woff2"),url(/assets/DMSans-SemiBoldItalic-DhVqXH2i.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-ThinItalic-DxqPnII9.woff2) format("woff2"),url(/assets/DMSans-ThinItalic-CK9rVNkD.woff) format("woff");font-weight:100;font-style:italic;font-display:swap}:root{--main-color: #fff;--main-background-color: #fff;--dm-sans: "DM Sans", sans-serif}*{box-sizing:border-box;font-family:DM Sans,sans-serif;font-family:var(--dm-sans);margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}html{font-size:4.63dvh;overflow:hidden}body{margin:0;padding:0;background:#9d9c81}button,a,input,textarea,select,[role=button],[tabindex],.clickable{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;outline:none!important;border:none}button:focus,a:focus,input:focus,textarea:focus,select:focus,[role=button]:focus,[tabindex]:focus,.clickable:focus{outline:none!important;box-shadow:none!important}h1,h2,h3,h4,h5,h6{padding:0;font-weight:500}p{padding:0}[data-fade-up]{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out,border .5s ease-out}[data-animate-init]{opacity:1;transform:translateY(0)}[data-domino]{opacity:0}[data-domino].is-initialized{opacity:1}.word{opacity:0;transform:translateY(.8rem);transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:inline-block}.word.animate{opacity:1;transform:translateY(0)}.app{height:100dvh}.button{display:inline-flex;padding:.39rem 1rem;justify-content:center;align-items:center;flex-shrink:0;border-radius:.85rem;border:.04rem solid var(--main-color);position:relative;overflow:hidden;cursor:pointer;background:transparent}.button__label{font-size:.7rem;letter-spacing:-.04rem;z-index:1;position:relative;color:var(--main-color);transition:.4s}.button:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:100%;height:100%;background-color:#fff;transition:.4s ease;border-radius:50%}.button[disabled]{pointer-events:none;opacity:.8}.button:hover:after,.button.is-active:after{top:0;border-radius:0%}.button:hover .button__label,.button.is-active .button__label{color:#000}.header_logo{height:1.7rem}.header_logo svg{height:100%;width:auto}.ripple-container{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:5}.ripple-container canvas{opacity:0;pointer-events:none;transition:.3s ease-in-out}.ripple-container.is-active canvas{opacity:1;pointer-events:auto}.ripple-container .breathing{content:"";position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 10rem -1rem #fff6;z-index:1;opacity:0}canvas{width:100%;height:100%;display:block;pointer-events:auto;z-index:1}.background{width:100vw;height:100dvh;position:absolute;top:0;left:0;z-index:-1;overflow:hidden}.background__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity .5s ease-in-out;background:url(/assets/intro-bg-CCio1MZr.jpg) no-repeat center center fixed;background-size:cover}.background__image.active{opacity:1}.background__image__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.background__gradient{opacity:0;transition:opacity .2s ease-in-out;position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;z-index:-1;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.background__gradient.active{opacity:1}.background__gradient__point{position:absolute;width:38rem;height:38rem;z-index:3;border-radius:50%;background:#000;will-change:transform,filter,box-shadow;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;filter:blur(.09rem);transform-style:preserve-3d}.background__gradient__point:after{content:"";background:inherit;top:0;left:0;width:100%;height:100%;position:absolute;opacity:.2}.background__gradient__top-left{top:-100%;left:-30%}.background__gradient__top-right{top:-100%;right:-30%}.background__gradient__bottom-left{bottom:-100%;left:-30%}.background__gradient__bottom-right{bottom:-100%;z-index:1;right:-30%}
