.media-button{align-items:center;background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);border:0;border-radius:50%;box-shadow:-1px 17px 24px -6px #0003;cursor:pointer;display:none;height:80px;justify-content:center;pointer-events:none;position:relative;transition:box-shadow .1s,transform .1s;width:80px}.media-button--active{display:flex;pointer-events:visible}.media-button:active{box-shadow:-1px 8px 24px -6px #0003;position:relative;transform:scale(.95)}.media-button svg{fill:#fff}.media-button:before{border:2px solid rgba(125,176,242,.631);border-radius:50px;box-shadow:0 0 0 5px #7bb1f36e;content:"";display:block;height:100%;opacity:.01;position:absolute;top:-2px;transition:opacity .3s;width:100%}.media-button:focus{outline:0}.media-button:focus:before{opacity:.57}.home{align-items:center;display:flex;flex-direction:column;z-index:0}.home p{margin:0 0 50px;padding:0}.home .teaser{font-size:small;margin:30px 10px 10px;text-align:center}.home .hidden{opacity:.001;transform:translateY(20px);transition:transform .3s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1)}.home .active{opacity:.999;transform:translateY(0)}.home .title{margin-bottom:20px;transition-delay:.3s}.home .subtitle{margin-bottom:40px;transition-delay:.35s}.home .random-testimony{font-size:14px;margin:40px 20px;text-align:center;text-decoration:underline}.home .play-button{margin-top:40px}.home .icon{transition-delay:.1s}.home .media-button{margin-top:40px;opacity:1}.home .media-button.hidden{transform:scale(0) translateY(20px);transform-origin:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275) .3s}.home .media-button.active{transform:scale(1) translateY(0)}.home .footer{height:40px;justify-content:space-between;padding:0 40px;top:30px;width:100%}.home .footer,.home .soundcloud{align-items:center;display:flex;position:relative}.home .soundcloud{color:#585858;height:30px;text-decoration:none}.home .soundcloud:before{border-radius:5px;content:"";display:block;height:100%;left:-7px;opacity:.01;padding:3px;position:absolute;top:-5px;transition:opacity .3s;width:100%}.home .soundcloud:focus{outline:none}.home .soundcloud:focus:before{border:solid;opacity:.1}.icon{fill:#c1c1c1}.icon--back{margin-right:3px}.icon-button{align-items:center;background-color:#0000;border:0;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:background-color .3s;width:50px}.icon-button:hover{background-color:hsla(0,0%,85%,.239)}.icon-button:active{background-color:#f1f1f1}.icon-button:before{border:2px solid rgba(125,176,242,.631);border-radius:50px;box-shadow:0 0 0 3px #7bb1f354;content:"";display:block;height:100%;left:-2px;opacity:.01;position:absolute;top:-2px;transition:opacity .3s;width:100%}.icon-button--high-light svg{fill:#92a0e6;stroke:#7b80d2;stroke-width:5px}.icon-button:focus{outline:0}.icon-button:focus:before{opacity:.57}.icon-button-small{border:0;cursor:pointer;display:contents;height:30px;padding:0;width:30px}.icon-button-small:hover{background-color:hsla(0,0%,85%,.239)}.icon-button-small:active{background-color:#f1f1f1}.menu{background-color:#fff;color:#585858;display:flex;flex-direction:column;padding:10px 10px 10px 0;z-index:3}.menu__row{align-items:center;display:flex;width:100%}.menu__row--top{justify-content:space-between}.menu__row--socials{justify-content:center}.menu__title{flex:1 1;font-size:22px;font-weight:700;text-align:center}.menu__title.active{transition-delay:.2s}.menu .menu__row--top{min-height:48px}.menu .icon-button--close{display:none}.menu .icon-button--back.active{transition-delay:.1s}.menu .icon-button--help.active{transition-delay:.4s}.menu .icon--logo{height:auto;max-height:50px;object-fit:contain;width:50px}.menu .menu__socials{display:flex;justify-content:center;width:100%}.menu .social-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:280px}.menu .social-icons svg{height:25px;width:25px}.menu .social-icons button{background:none;border:0;cursor:pointer;padding:0}.menu .hidden{opacity:.001;transform:translateY(20px);transition-property:transform,opacity;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.menu .active{opacity:.999;transform:translateY(0);transition-duration:.3s,.2s}.menu--home{visibility:hidden}.menu--about .icon-button--close{display:block}.menu--about .icon-button--help{display:none}.menu--about .icon-button--back,.menu--about .menu__title{visibility:hidden}.menu--detail .menu__title{text-align:center}.menu--detail .icon-button--help{visibility:hidden}.menu .social-icons svg path{fill:currentColor!important}.menu .social-icons button:first-child{color:#1877f2}.menu .social-icons button:nth-child(2){color:red}.menu .social-icons button:nth-child(3){color:#e4405f}.menu .social-icons button:nth-child(4){color:#000}.menu .social-icons button:nth-child(5){color:#1da1f2}.menu .social-icons button:nth-child(6){color:#1db954}.menu .social-icons button:nth-child(7){color:#7b61ff}.menu .social-icons button:nth-child(8){color:#0a66c2}.menu .menu__search{background:#ffffff14;border:1px solid #fff6;border-radius:18px;color:#585858;flex:1 1;font-size:14px;height:36px;padding:0 12px}.menu .menu__search::placeholder{color:#fff9}.menu .menu__search:focus{background:#ffffff1f;border-color:#82adf0;outline:none}.menu .icon-button svg{fill:currentColor}.page{height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transition:transform .3s cubic-bezier(.075,.82,.165,1);width:100%}.page.unactive{pointer-events:none;transform:translateX(100%) translateZ(0)}.page.active{pointer-events:visible;transform:translateX(0) translateZ(0)}.loader{background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);border-radius:6px;display:block;height:4px;left:50%;margin-top:-30px;position:absolute;transform:translateX(-50%) scaleX(0);transform-origin:left;transition:transform 3s cubic-bezier(.215,.61,.355,1);width:94%}.loader.animate{transform:translateX(-50%) scale(1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#585858;font-family:Sarabun,sans-serif;margin:0;padding:0}*{box-sizing:border-box}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:local("Sarabun Regular"),local("Sarabun-Regular"),url(https://fonts.gstatic.com/s/sarabun/v6/DtVjJx26TKEr37c9aBVJnw.woff2) format("woff2");unicode-range:u+00??,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-display:swap;font-family:Sarabun;font-style:normal;font-weight:800;src:local("Sarabun ExtraBold"),local("Sarabun-ExtraBold"),url(https://fonts.gstatic.com/s/sarabun/v6/DtVmJx26TKEr37c9YLJvilss6w.woff2) format("woff2");unicode-range:u+00??,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}.app{background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);height:100vh;justify-content:center;width:100vw}.app,.shell{display:flex}.shell{align-self:center;background-color:#fff;box-shadow:1px 3px 20px 8px #00000017;flex-direction:column;height:inherit;height:667px;overflow:hidden;position:relative;width:100%}@media screen and (min-width:380px){.shell{border-radius:10px;width:375px}}.page-wrapper{height:100%;overflow:hidden;position:relative;width:100%}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*# sourceMappingURL=main.51bdb789.css.map*/