@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,600;1,900&display=swap";@import"https://rsms.me/inter/inter.css";html{font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root,#main{width:100%;height:100%;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none}body{background:#f0f0f0;font-family:Inter,sans-serif}canvas{touch-action:none}.container{position:absolute;top:0;left:0;width:100%;height:100%}header{display:flex;justify-content:space-between;width:100%;padding:40px;align-items:center;position:fixed;z-index:1}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:16vw;letter-spacing:-10px;font-style:italic;width:30%;line-height:20vh;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,.upload{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,.upload:hover,.nextBtn: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%;margin-bottom:25px}.color-options{position:absolute;display:flex;gap:10px;bottom:20px}.circle{width:30px;height:30px;border-radius:50%;border:2px solid white;transition:transform .6s cubic-bezier(.85,0,.15,1)}.circle:hover{transform:scale(1.2);cursor:pointer}.decals--container{display:flex;gap:20px;position:relative;bottom:calc(100% + 20px)}.decals{position:absolute;left:50px;bottom:40px}.decals img{width:24px;transition:all .2s ease-in-out;padding-bottom:50px}.decals img:hover{filter:none;transform:scale(1.2);cursor:pointer}.upload{position:fixed;bottom:10px;left:20px;background-color:#000;box-shadow:inset 0 0 0 .09px #000}.rightTopBtns{z-index:2;display:flex;justify-content:space-between;align-items:center}.nextBtn{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}.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}.tshirt-size-selector{position:absolute;bottom:0;right:20px}.tshirt-size-selector>div{display:flex;align-items:center;justify-content:end}.tshirt-size-selector .size-btn{padding:0;height:30px;width:30px;border-radius:50%;justify-content:center;align-items:center;margin:5px}@media screen and (max-width: 600px){.section--container{margin-left:15vw}.section--container h1{font-size:8rem;letter-spacing:-6px;line-height:6rem}.color-options{flex-direction:column;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.support--content{top:-10%;left:0}}
