@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,600;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100..1000;1,100..1000&display=swap);html{font-family:DM Sans,sans-serif}@supports (font-variation-settings:normal){html{font-family:DM Sans,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%}body{background:#f0f0f0;font-family:DM Sans,sans-serif}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{animation:fade-in 1s ease .3s forwards;opacity:0;touch-action:pan-x pan-y}header{align-items:center;display:flex;justify-content:space-between;padding:40px;position:fixed;width:100%}header p{font-size:.8rem;font-weight:700;transition:all 1.2s ease-out}header p.hidden{opacity:0}section{height:100%;left:0;position:absolute;top:0;width:100%}.section--container,section{align-items:center;display:flex;flex-direction:column;justify-content:center}.section--container{height:100vh}.section--container.hidden{opacity:0;pointer-events:none;visibility:hidden}.section--container h1{font-family:DM Sans,sans-serif;font-size:13rem;font-style:italic;font-weight:900;letter-spacing:-6px;line-height:10rem;width:30%}.support--content{align-items:center;display:flex;justify-content:center}.support--content 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:#dd5c18;border:none;border-radius:4px;box-shadow:inset 0 0 0 .09px #000;color:#fff;cursor:pointer;display:flex;font-weight:bolder;gap:15px;padding:15px 30px;pointer-events:all;text-transform:uppercase;transition:all .4s ease-in-out}button:hover{box-shadow:inset 250px 0 0 0 #000;transform:scale(1.1)}.customizer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-bottom:25px;position:relative;width:100%}.customizer span{cursor:pointer;font-size:.8rem;font-weight:700}.customizer span svg{padding-right:5px;width:24px}.share{bottom:140px}.order,.share{position:absolute;right:40px}.order{bottom:40px}.zoom{border:1px solid #0000;border-radius:5px;color:#00000056;cursor:pointer;font-size:.6rem;font-weight:600;padding:10px 20px;position:absolute;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{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);max-height:300px;overflow-y:auto;padding:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:max-content;z-index:5}.circle{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #0003;cursor:pointer;height:30px;width:30px}.circle:hover{cursor:pointer;transform:scale(1.2)}.decals{bottom:40px;left:50px;position:absolute}.decals p{font-family:DM Sans;font-size:.7rem;padding-bottom:15px}.decals img{transition:all .2s ease-in-out;width:60px}.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}.exit{background-color:#000;box-shadow:inset 0 0 0 .09px #000;position:absolute;right:40px;top:40px}.exit:hover{box-shadow:inset -250px 0 0 0 #000}@media screen and (max-width:600px){.section--container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px}.section--container h1{font-size:8rem;letter-spacing:-6px;line-height:6rem}.support--content{align-items:center;display:flex;justify-content:center;width:100%}.support--content button{font-size:.9rem;padding:12px 24px}.customizer{align-items:stretch!important;background:#fff;border-radius:20px 20px 0 0;bottom:0!important;box-shadow:0 -4px 20px #00000026;display:block!important;height:auto!important;justify-content:flex-start!important;left:0!important;margin:0!important;max-height:none!important;overflow-y:visible!important;padding:0!important;position:fixed!important;right:0!important;z-index:100}.mobile-panel-content{display:flex;flex-direction:column;gap:20px;padding:0 20px 20px;transition:max-height .3s ease-in-out;width:100%}.mobile-section{display:flex;flex-direction:column;gap:10px}.mobile-section-title{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin:0}.mobile-material-label{color:#666;font-size:.85rem;margin:5px 0}.customizer select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;bottom:auto!important;font-size:.95rem!important;left:auto!important;padding:12px 15px!important;position:static!important;width:100%!important}.color-options{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;margin:0;max-height:none;overflow-x:auto;overflow-y:hidden;padding:10px 0;position:static!important;transform:none!important;width:100%}.color-options::-webkit-scrollbar{height:4px}.color-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.color-options::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.circle{border:3px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:40px;min-width:40px;width:40px}.circle:hover{border-color:#333;transform:scale(1.1)}.mobile-addons{display:flex;flex-wrap:wrap;gap:10px}.mobile-addons button{background:#fff;border:2px solid #e0e0e0;border-radius:20px;box-shadow:none;color:#333;font-size:.85rem;font-weight:600;padding:10px 16px;text-transform:none}.mobile-addons button.active{background:#ffc107;border-color:#ffc107;color:#333}.mobile-addons button:hover{box-shadow:none;transform:scale(1.05)}.mobile-order-button{background:#ffc107;border:none;border-radius:8px;color:#333;font-size:1rem;font-weight:700;margin-top:10px;padding:15px;text-align:center;width:100%}.mobile-order-button:hover{box-shadow:inset 0 0 0 2px #333;transform:scale(1.02)}.decals,.decals--position,.order,.share,.zoom{display:none!important}.exit{font-size:.8rem;padding:10px 15px;position:fixed;right:20px;top:20px;z-index:101}}@media screen and (max-width:480px){.section--container h1{font-size:6rem;line-height:5rem}.customizer{padding:15px}.mobile-section-title{font-size:.9rem}.circle{height:35px;min-width:35px;width:35px}.mobile-addons button{font-size:.8rem;padding:8px 14px}.mobile-order-button{font-size:.9rem;padding:12px}}@media screen and (min-width:601px) and (max-width:1024px){.section--container h1{font-size:10rem;line-height:8rem}.customizer button{font-size:.9rem;height:38px;padding:0 12px}.customizer select{font-size:.95rem!important;width:200px!important}.decals{bottom:30px;left:30px}.share{bottom:120px;right:30px}.order{bottom:30px;right:30px}.exit{right:30px;top:30px}}
/*# sourceMappingURL=main.ac439c20.css.map*/