@charset "UTF-8";@import"https://cdn.skypack.dev/that-3d-text-library/lib/styles.css";@import"https://fonts.googleapis.com/css2?family=Bakbak+One&family=Caprasimo&family=Chonburi&family=Graduate&family=Righteous&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--font-size: clamp(100px, 40vmin, 200px)}html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0;position:relative}body{display:flex;align-items:flex-end;justify-content:center;perspective:700px}body:after{position:absolute;background:linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,0));width:100%;height:45%;top:0;left:0;z-index:1}body>*{z-index:2}.container,.squish{transform-style:preserve-3d;position:relative}.container{margin-bottom:calc(50vh - var(--font-size))}.squish{z-index:2}.shadow{transform-style:flat;z-index:1;transform:translate(-10%) translatez(-30px);position:absolute;bottom:calc(var(--font-size) * .25);left:0;width:120%;height:calc(var(--font-size) * .15);opacity:1;background-color:var(--shadow-color, black);border-radius:100vmin;filter:blur(25px)}h1{--layers: 10;--depth: 30;font-size:var(--font-size)}.particles{position:absolute;left:50%;z-index:1;transform:translatez(-50px);bottom:calc(var(--font-size) * .3)}.particles .floor div,.particles .air div{transform-style:preserve-3d;display:block;position:absolute;top:0;left:0}.particles .floor div:after,.particles .air div:after{content:"";position:absolute;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%}.particles .floor{transform:rotatex(-60deg)}.particles .floor div:after{border:solid 1.5vmin var(--floor-particle, white);width:8vmin;height:8vmin}.particles .air div:after{content:"★";color:var(--air-particle, white);font-size:10vmin}.particles .air div:nth-child(2n):after{color:var(--air-particle-alt, hotpink)}.particles .air .p0:after{content:"●"}.particles .air .p1:after{content:"✖︎"}.particles .air .p2:after{content:"◼︎"}.particles .air .p3:after{content:"▲"}.style-0{--color: #015779;--color-front: #35c4fd;--floor-particle: #35c4fd;--air-particle: #015779;--air-particle-alt: #35c4fd;background-color:#c5fcf9}.style-1{--color: white;--color-front: black;--floor-particle: black;--air-particle: black;--air-particle-alt: white;background-color:#ff0}.style-1 [data-mod-3]{--color: black}.style-2{--color: #3066be;--color-front: #6d9dc5;--floor-particle: transparent;--air-particle: transparent;--air-particle-alt: transparent;background-color:#6d9dc5;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 100 100"%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.4"%3E%3Cpath opacity=".5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/%3E%3Cpath d="M6 5V0H5v5H0v1h5v94h1V6h94V5H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E'),radial-gradient(#6d9dc5,#3066be)}.style-2:after{content:none}.style-2 .shadow{display:none}.style-2 .front{text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff}.style-3{--color: #b79492;--color-front: #eae1df;--floor-particle: #b79492;--air-particle: orange;--air-particle-alt: #b79492;--background-color: #917c78}.style-4{--color: #db504a;--color-front: #e3b505;--floor-particle: #e3b505;--air-particle: #db504a;--air-particle-alt: #e3b505;background-color:#084c61}.style-5{background:repeating-linear-gradient(45deg,red,red 10vmin,white 10vmin,white 20vmin);--color: red;--color-front: white;--floor-particle: transparent;--air-particle: transparent;--air-particle-alt: transparent}.style-5:after{content:none}.style-6{--color: #424c55;--color-front: #e3b505;--floor-particle: #e3b505;--air-particle: #424c55;--air-particle-alt: #e3b505;background-color:#d1ccdc}.style-7{--color: #6ccff6;--color-front: #001011;--floor-particle: #fffffc;--air-particle: #fffffc;--air-particle-alt: #fffffc;background-color:#00393d}.style-8{--color: #f9dc5c;--color-front: #ed254e;--floor-particle: #ed254e;--air-particle: #ed254e;--air-particle-alt: #f9dc5c;background-color:#f4fffd}.style-9{background-color:#42e2b8;background-image:url('data:image/svg+xml,%3Csvg fill="%23F3DFBF" width="100" height="100" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z"  fill-rule="evenodd"/%3E%3C/svg%3E');--color: #f3dfbf;--color-front: #eb8a90;--floor-particle: #eb8a90;--air-particle: #eb8a90;--air-particle-alt: #f3dfbf}.style-9:after{content:none}.style-10{--color: #138a36;--color-front: #34403a;--floor-particle: #ffffff;--air-particle: #ffffff;--air-particle-alt: #ffffff;background-color:#18ff6d}.style-11{--color: #ffa69e;--color-front: #ddfff7;--floor-particle: #aa4465;--air-particle: #aa4465;--air-particle-alt: #462255;background-color:#93e1d8}.style-12{--color: #64b6ac;--color-front: #fee9e1;--floor-particle: #64b6ac;--air-particle: #64b6ac;--air-particle-alt: #64b6ac;background-color:#fee9e1}.style-13{--color: #f4d58d;--color-front: #bf0603;--floor-particle: #708d81;--air-particle: #708d81;--air-particle-alt: #001427;background-color:#8d0801}.style-14{--color: #bb4430;--color-front: #7ebdc2;--floor-particle: #7ebdc2;--air-particle: #bb4430;--air-particle-alt: #7ebdc2;background-color:#231f20}.style-15{background:repeating-radial-gradient(circle farthest-side,#f487b6,#f487b6 10vmin,#cc59d2 10vmin,#cc59d2 20vmin);--color: #fde12d;--color-front: #9046cf;--floor-particle: transparent;--air-particle: #fde12d;--air-particle-alt: #fff3f0}.style-15:after{content:none}.font-0{font-family:Bakbak One,cursive}.font-1{font-family:Graduate,cursive}.font-2{font-family:Chonburi,cursive}.font-3{font-family:Righteous,cursive}