#root{width:100vw;height:100vh}*{font-size:12px;padding:0;margin:0;-webkit-overflow-scrolling:auto;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:none;box-sizing:border-box}ul,li,ol{list-style:none}a,a:link,a:active,a:visited,a:focus{text-decoration:none;outline:none}html{font-family:Inter,sans-serif}@supports (font-variation-settings: normal){html{font-family:Inter var,sans-serif}}html,body,#root,#main{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;user-select:none}body{background:#f0f0f0;font-family:Inter,sans-serif;margin:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{opacity:0;touch-action:none;animation:fade-in 1s ease .3s forwards}header{display:flex;justify-content:space-between;width:100%;padding:40px;align-items:center;position:fixed}header p{font-weight:700;font-size:.8rem;transition:all 1.2s ease-out}header p.hidden{opacity:0}section{position:absolute;top:0;left:0;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;width:100%}.section--container{margin-top:5vh;margin-left:5vw}.section--container.hidden{visibility:hidden;opacity:0;pointer-events:none}.section--container h1{font-weight:900;font-size:13rem;letter-spacing:-6px;font-style:italic;width:30%;line-height:10rem;font-family:Nunito Sans,sans-serif}.support--content{position:relative;top:-25%;left:300px}.support--content p{width:350px;margin-bottom:48px;line-height:1.5rem}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-100}button{background-color:#dd5c18;border:none;border-radius:4px;color:#fff;font-weight:bolder;pointer-events:all;cursor:pointer;transition:all .4s ease-in-out;box-shadow:inset 0 0 0 .09px #000;text-transform:uppercase;display:flex;align-items:center;gap:15px;padding:15px 30px}button:hover{box-shadow:inset 250px 0 #000;transform:scale(1.1)}.customizer{display:flex;justify-content:flex-end;flex-direction:column;align-items:center;height:100%;width:100%;overflow:hidden;padding-bottom:25px;box-sizing:border-box}.customizer span{font-size:.8rem;font-weight:700;cursor:pointer}.customizer span svg{width:24px;padding-right:5px}.share{bottom:40px;position:absolute;right:40px}.zoom{position:absolute;right:20px;top:50%;color:#00000056;font-size:.6rem;border:1px solid #00000000;padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:border,color 1s ease}.zoom:hover{color:#000}.picker{position:absolute!important;bottom:4em;left:50%;transform:translate(-50%);width:120px!important;height:120px!important}.color-options{display:flex;gap:10px;margin-bottom:20px;position:relative}.circle{width:30px;height:30px;border-radius:50%;border:2px solid white;transition:transform .6s cubic-bezier(.85,0,.15,1);position:relative;box-sizing:border-box;cursor:pointer}.circle.defalut:hover{transform:scale(1.12)}.decals{position:absolute;left:50px;bottom:40px}.decal{cursor:pointer}.decals p{font-family:Inter var;font-size:.7rem;padding-bottom:15px}.decals img{width:24px;filter:saturate(0) invert(0) brightness(.8);transition:all .2s ease-in-out}.decals .active img{filter:none}.decals img:hover{filter:none;transform:scale(1.2);cursor:pointer}.decals--position{position:absolute;left:20px;top:50%;color:#00000056;font-size:.6rem;border:1px solid #00000000;padding:10px;border-radius:50px;font-weight:600;cursor:pointer;transition:border 1s ease}.decals--position:hover{color:#000;border:1px solid #00000056}.upload{margin-top:-5px;cursor:pointer}.upload:hover{color:#fff}.decals--container{display:flex;gap:15px}.exit{position:absolute;top:40px;right:40px;background-color:#000;box-shadow:inset 0 0 0 .09px #000}.exit:hover{box-shadow:inset -250px 0 #000}.type-options{position:absolute;top:40px;width:100%;display:flex;justify-content:center;align-items:center}.type-options li{cursor:pointer;transition:transform .6s cubic-bezier(.85,0,.15,1)}.type-options li:hover{transform:scale(1.12)}.type-options li svg{margin:0 8px}.swatch{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.swatch svg{font-size:16px;color:#fff}.popover{position:absolute;left:50%;margin-left:-100px;bottom:50px}.upload-btn{position:relative;width:24px;height:24px;overflow:hidden;cursor:pointer}.upload-btn input{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;opacity:0}input[type=file]::-webkit-file-upload-button{cursor:pointer}@media screen and (max-width: 1024px){.section--container{margin-left:15vw}.section--container h1{font-size:8rem;letter-spacing:-6px;line-height:6rem}.color-options{margin-bottom:20px;flex-direction:column;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.support--content{top:-10%;left:0}.popover{position:absolute;left:auto;right:50px;bottom:-50px;margin-left:auto}.decals{left:15px}.share{right:15px;bottom:38px;padding:10px 20px}}