@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,600;1,900&display=swap);html{font-family:Inter,sans-serif}@supports (font-variation-settings:normal){html{font-family:Inter var,sans-serif}}*{box-sizing:border-box}#main,#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100%}@media screen and (max-width:800px){#main,#root,body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;-webkit-user-select:none;user-select:none;width:100%}}body{background:#f0f0f0;font-family:Inter,sans-serif}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{animation:fade-in 1s ease .3s forwards;opacity:0;touch-action:none}header{align-items:center;display:flex;justify-content:space-between;padding:20px;position:fixed;width:100%}header p{font-size:.8rem;font-weight:700;transition:all 1.2s ease-out}header p.hidden{opacity:0}section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.title{font-size:20px}.title,.title2{margin:0;padding:0}.title2{font-size:16px}.uiText{position:absolute;top:0;width:100%}.uiTextInt{margin-left:150px;margin-top:26px}@media screen and (max-width:800px){.title{font-size:18px}.title,.title2{margin:0;padding:0}.title2{font-size:14px}.uiText{position:absolute;top:70px;width:100%}.uiTextInt{margin-left:40px;margin-top:14px}}.uiSection{bottom:10%;position:absolute;width:100%}.uiSection.hidden{opacity:0;pointer-events:none;visibility:hidden}.uiSection h1{font-family:Nunito Sans,sans-serif;font-size:15rem;font-style:italic;font-weight:900;letter-spacing:-6px;line-height:10rem;width:30%}.uiContent{position:relative;top:-25%}.uiContent p{line-height:1.5rem;margin-bottom:48px;width:350px}.bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-100}button{align-items:center;background-color:#ccc;border:none;border-radius:4px;box-shadow:0 0 0 .09px #000;color:#333;cursor:pointer;display:flex;font-weight:700;gap:15px;padding:10px 20px!important;pointer-events:all;transition:all .4s ease-in-out}button:hover{background-color:#333;color:#fff;transform:scale(1.04)}.customizer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-bottom:25px;width:100%}.customizer span{cursor:pointer;font-size:.8rem;font-weight:700}.customizer span svg{padding-right:5px;width:24px}.controls{background-color:#0006;border:1px solid #0000;border-radius:5px;color:#00000056;font-size:.6rem;min-height:100px;padding:10px 20px;position:absolute;right:20px;top:100px;transition:border,color 1s ease;width:30%;z-index:1000}.controls p{color:#fff;font-size:14px;font-weight:400;padding-bottom:0!important}.controls-header{border-bottom:1px solid #999;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}@media screen and (max-width:800px){.controls{background-color:#0006;border-radius:5px;color:#00000056;font-size:.6rem;margin:0 auto!important;margin-top:70%;min-height:100px;padding:10px 20px;position:none;transition:border,color 1s ease;width:90%}}.rotation{width:60%}.share{bottom:40px;right:40px}.share,.zoom{position:absolute}.zoom{border:1px solid #0000;border-radius:5px;color:#00000056;cursor:pointer;font-size:.6rem;font-weight:600;padding:10px 20px;right:20px;top:50%;transition:border,color 1s ease}.zoom:hover{color:#000}.picker{bottom:4em;height:120px!important;left:50%;position:absolute!important;transform:translateX(-50%);width:120px!important}.color-options{display:flex;gap:10px}.color{border:1px solid #fff;border-radius:4px;height:30px;transition:transform .6s cubic-bezier(.85,0,.15,1);width:30px}.color:hover{cursor:pointer;transform:scale(1.2)}@media screen and (max-width:600px){.uiSection h1{font-size:8rem;letter-spacing:-6px;line-height:6rem}.color-options{gap:4px}.color{border:1px solid #fff;border-radius:4px;height:22px;transition:transform .6s cubic-bezier(.85,0,.15,1);width:22px}.uiContent{left:0;top:-10%}}.decals p{font-family:Inter var;font-size:.7rem;padding-bottom:15px}.decals img{transition:all .2s ease-in-out;width:44px}.decals img:hover{cursor:pointer;filter:none;transform:scale(1.2)}.decals--position{border:1px solid #0000;border-radius:50px;color:#00000056;cursor:pointer;font-size:.6rem;font-weight:600;left:20px;padding:10px;position:absolute;top:50%;transition:border 1s ease}.decals--position:hover{border:1px solid #00000056;color:#000}.upload{cursor:pointer;margin-top:-5px}.upload:hover{color:#fff}.decals--container{display:flex;gap:20px}.uiButton1{left:25%}.uiButton1,.uiButton2{bottom:5%;position:absolute}.uiButton2{right:25%}@media screen and (max-width:1600px){.uiButton1{left:15%}.uiButton2{right:15%}}@media screen and (max-width:1200px){.uiButton1{left:10%}.uiButton2{right:10%}}@media screen and (max-width:1000px){.uiButton1{left:5%}.uiButton2{right:5%}}@media screen and (max-width:900px){.uiButton1,.uiButton2{left:0;margin-left:20px;position:relative}.uiButton2{clear:both;margin-top:20px}}.preloader{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#999;height:80px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logoPreloader{position:absolute;width:60px}
/*# sourceMappingURL=main.fd4910e9.css.map*/