@media screen and (min-width: 1000px){.customizer-wrapper{gap:200px!important;padding-right:36px!important;padding-left:36px!important}.customizer-controls{height:100%!important;background:#000}.slide-panel{left:-209px!important}.menu-scroll-container{max-height:19rem!important}.upload-area{padding:0!important}}@media screen and (max-width: 1000px){html,body{overflow-x:hidden!important}.canvas-container,.canvas-stack-container,.switch-side{width:100%!important;margin:0 auto!important;box-sizing:border-box!important}.canvas-stack-container{height:70vh!important}canvas{width:100%!important;height:auto!important}.switch-side{display:block;padding:12px;font-size:16px;text-align:center;margin-top:10px}.customizer-controls{display:none!important}.form-container{border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:96vw!important}.circle-one,.circle-two{display:none!important}.container{align-items:start!important;margin:auto!important;height:90VH!important}.tshirt-preview-container{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.responsive_menu-wrapper{width:99vw!important;margin:auto!important;z-index:2!important;position:absolute!important;bottom:0!important;background:#47515c!important;display:flex!important;justify-content:center!important}.responsive_button-group{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:100%!important;gap:0!important}.slide-panel{transform-origin:bottom!important;left:0!important;top:-98px!important;height:150px}.upload-area{padding:0!important;margin:0!important;height:112px!important}.preview-container{width:15%!important;margin-top:15px!important;position:absolute!important;top:8px!important;right:50px!important}:root{--background: black !important}.button-apply{top:8px!important}}:root{--background: #1f1f27;--color: #ffffff;--primary-color: #ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;box-sizing:border-box;font-family:poppins;background:var(--background);color:var(--color);letter-spacing:1px;transition:background .2s ease;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-ms-transition:background .2s ease;-o-transition:background .2s ease}a{text-decoration:none;color:var(--color)}h1{font-size:2.5rem}.menu{display:none;margin-top:10px}.logo-thumb{width:60px;height:60px;object-fit:contain;margin:4px;cursor:pointer;border:2px solid transparent}.logo-thumb:hover{border-color:#0ff}button{padding:10px 12px;margin-bottom:10px;font-weight:700;cursor:pointer}canvas{border-radius:26px;overflow:hidden;height:70vh}.canvas-stack-container{position:relative;width:392px;height:70vh;overflow:hidden}.canvas-slide-wrapper{position:absolute;width:100%;height:140vh;top:0;left:0;transition:top .4s ease}.canvas-slide-wrapper.show-back{top:-70vh}.canvas-slide-wrapper canvas{width:100%;height:70vh!important;display:block;border-radius:26px}.canvas-container,#front-canvas,#back-canvas{height:70vh!important}#upper-canvas{height:0!important}.container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;overflow-x:hidden}.login-container{position:relative}.form-container{height:77vh;border:1px solid hsla(0,0%,65%,.158);box-shadow:0 0 36px 1px #0003;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.login-container form input{display:block;padding:14.5px;width:100%;margin:2rem 0;color:var(--color);outline:none;background-color:#9191911f;border:none;border-radius:5px;font-weight:500;letter-spacing:.8px;font-size:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.login-container form input:focus{box-shadow:0 0 16px 1px #0003;animation:wobble .3s ease-in;-webkit-animation:wobble .3s ease-in}.login-container form button{background-color:var(--primary-color);color:var(--color);display:block;padding:13px;border-radius:5px;outline:none;font-size:18px;letter-spacing:1.5px;font-weight:700;width:100%;cursor:pointer;margin-bottom:2rem;transition:all .1s ease-in-out;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.login-container form button:hover{box-shadow:0 0 10px 1px #00000026;transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02)}.circle{width:8rem;height:8rem;background:var(--primary-color);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute}.illustration{position:absolute;top:-14%;right:-2px;width:90%}.circle-one{top:0;left:0;z-index:-1;transform:translate(-45%,-45%);-webkit-transform:translate(-45%,-45%);-moz-transform:translate(-45%,-45%);-ms-transform:translate(-45%,-45%);-o-transform:translate(-45%,-45%)}.circle-two{bottom:0;right:0;z-index:-1;transform:translate(45%,45%);-webkit-transform:translate(45%,45%);-moz-transform:translate(45%,45%);-ms-transform:translate(45%,45%);-o-transform:translate(45%,45%)}.register-forget{margin:1rem 0;display:flex;justify-content:space-between}.opacity{opacity:.6}.theme-btn-container{position:absolute;left:0;bottom:2rem}.theme-btn{cursor:pointer;transition:all .3s ease-in}.theme-btn:hover{width:40px!important}@keyframes wobble{0%{transform:scale(1.025);-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025)}25%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}75%{transform:scale(1.025);-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025)}to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.btn{width:6.5em;height:2.3em;margin:.5em;background:#000;color:#fff;border:none;border-radius:.625em;font-size:20px;font-weight:700;cursor:pointer;position:relative;z-index:1;overflow:hidden}.btn:hover{color:#000}.btn:after{content:"";background:#fff;position:absolute;z-index:-1;left:-20%;right:-20%;top:0;bottom:0;transform:skew(-45deg) scaleX(0);transition:all .5s}.btn:hover:after{transform:skew(-45deg) scale(1);-webkit-transition:all .5s;transition:all .5s}.button{width:370px;height:35px;position:relative;cursor:pointer;padding:12px 17px;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff1a;background:radial-gradient(ellipse at bottom,#47515c,#0b151e 45%);color:#ffffffa8;transition:all 1s cubic-bezier(.15,.83,.66,1)}.button:before{content:"";width:70%;height:1px;position:absolute;bottom:0;left:15%;background:#fff;background:linear-gradient(90deg,#fff0,#fff,#fff0);opacity:.2;transition:all 1s cubic-bezier(.15,.83,.66,1)}.button:hover{color:#fff;transform:scale(1.1) translateY(-3px)}.button:hover:before{opacity:1}.backward_forward_button{display:flex;flex-direction:column;justify-content:center;align-items:center}.button-apply{position:relative;border:none;background:transparent;padding:0;outline:none;cursor:pointer;font-family:sans-serif}.button-apply .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;border-radius:8px;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.button-apply .edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:linear-gradient(to left,#1b2636,#374b6d 8% 92%,#1b2636)}.button-apply .front{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 28px;font-size:1.25rem;color:#fff;background:#1d283a;border-radius:8px;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.button-apply:hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.button-apply:hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.button-apply:active .shadow{transform:translateY(1px);transition:transform 34ms}.button-apply:active .front{transform:translateY(-2px);transition:transform 34ms}.button-apply .front span{-webkit-user-select:none;user-select:none}.customizer-controls{display:flex;flex-direction:column;gap:15px;max-width:20%;justify-content:center;align-items:center;width:100%;height:100%;margin-left:8%}#custom-text-overlay{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:20px;color:#fff;text-align:center;pointer-events:none}.tshirt-area{position:absolute;width:300px;height:400px;display:flex;justify-content:center;align-items:center}user agent stylesheet di .tshirt-base{width:100%;height:100%}.custom-photo{left:27%;position:absolute;top:27%;width:137px;height:150px;overflow:hidden;transform-origin:center center;pointer-events:none;border:black}.custom-photo img{width:100%;height:100%;object-fit:contain;pointer-events:none}#image_div_frame{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.customizer-wrapper{display:flex;gap:40px;align-items:flex-start;width:100%;height:100%;justify-content:center;align-items:center}.tshirt-preview-container{position:relative;width:370px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}#tshirt-image{width:100%;display:block;border-radius:1rem}.menu-wrapper{position:relative;width:220px;margin:50px auto}.button-group{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.button-group button:hover{background:#222}.slide-panel{position:absolute;top:0;left:0;width:100%;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 10px 20px #0000004d;transform:scaleY(0);transform-origin:top;transition:transform .4s ease;z-index:2}.close-btn{display:flex;justify-content:center;align-items:center;background:#000;color:#fff;border:none;border-radius:50%;width:30px;height:30px}.controls{display:flex;flex-direction:column}.menu-scroll-container{max-height:100px;overflow-y:auto;background-color:#a9a9a9;border-radius:12px;padding:15px;box-shadow:inset 0 0 10px #0006;border:1px solid #444;margin-top:10px}.logo-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.logo-thumb{width:70px;height:auto;cursor:pointer;transition:transform .2s ease;border-radius:6px}.logo-thumb:hover{transform:scale(1.1)}.menu-scroll-container::-webkit-scrollbar{width:8px}.menu-scroll-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:10px}.menu-scroll-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:2px solid #2a2a2a}.menu-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}.menu-wrapper{width:240px;margin:50px auto;position:relative}.button-group{display:flex;flex-direction:column;gap:15px}.btn{background:#000;color:#fff;font-weight:700;padding:8px;border:none;border-radius:10px;cursor:pointer;font-size:16px;box-shadow:0 5px 10px #0000004d}.slide-panel{position:absolute;top:-55px;left:10px;width:100%;overflow:hidden;background:#1c1c1c;border-radius:10px;box-shadow:0 10px 20px #0006;transform:scaleY(0);transform-origin:top;transition:transform .4s ease;z-index:10}.slide-panel.open{transform:scaleY(1)}.panel-content{padding:20px}.close-btn{position:absolute;top:10px;right:10px;background:#000;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer}.menu-section{display:none}.menu-section.active{display:block}.upload-area{background-color:#1e1e1e;border:2px dashed #444;border-radius:12px;padding:20px;text-align:center;color:#fff;cursor:pointer;margin-bottom:20px;transition:border-color .3s ease}.upload-area:hover{border-color:#0af}.upload-instructions{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:16px}.upload-link{color:#0af;text-decoration:underline}.preview-container{margin-top:15px}.preview-container img{height:112px;max-width:100%;max-height:180px;border-radius:8px;border:2px solid #888}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background-color:#000000a6;justify-content:center;align-items:center}.modal-content{background:#fff;color:#000;padding:30px;border-radius:12px;width:90%;max-width:611px;text-align:center;font-family:Poppins,sans-serif}.modal-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px}.modal-buttons button,.modal-buttons .whatsapp{padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer}.modal-buttons button{background-color:#333;color:#fff}.modal-buttons .whatsapp{background-color:#25d366;color:#fff;WIDTH:60%;POSITION:relative;LEFT:116PX;TOP:-5PX}.font-picker-container{width:100%;overflow-x:auto;white-space:nowrap;padding:10px;background:#1f1f27;border-radius:10px;box-shadow:inset 0 0 5px #0000001a;margin-bottom:20px}.font-grid{display:flex;gap:16px;align-items:center;padding:5px 0}.font-sample{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:6px;border-radius:8px;border:2px solid transparent;min-width:80px;transition:all .3s ease}.font-sample:hover{background-color:#eaeaea}.font-sample.active{border-color:#0af;background-color:#dff6ff}.font-sample div{font-size:24px;height:28px;line-height:28px}.font-label{font-size:12px;margin-top:4px;color:#fff}@font-face{font-family:Beyond Wonderland;src:url(/cdn/shop/files/Beyond_Wonderland.ttf?v=1752405976) format("truetype")}@font-face{font-family:Blow;src:url(/cdn/shop/files/blowbrush.ttf?v=1752405975) format("truetype")}@font-face{font-family:Center Bury;src:url(/cdn/shop/files/Canterbury.ttf?v=1752405975) format("truetype")}@font-face{font-family:Chicle-Regular;src:url(/cdn/shop/files/Chicle-Regular.ttf?v=1752405975) format("truetype")}@font-face{font-family:Comic Andy;src:url(/cdn/shop/files/comic_andy.ttf?v=1752405975) format("truetype")}@font-face{font-family:Double Feature20;src:url(/cdn/shop/files/blow.ttf?v=1752405975) format("truetype")}@font-face{font-family:Precious;src:url(/cdn/shop/files/Precious.ttf?v=1752405975) format("truetype")}@font-face{font-family:QuigleyW;src:url(/cdn/shop/files/QUIGLEYW.TTF?v=1752405975) format("truetype")}@font-face{font-family:Snowtopcaps;src:url(/cdn/shop/files/SnowtopCaps.ttf?v=1752405975) format("truetype")}.beyond-wonderland{font-family:Beyond Wonderland}.blow{font-family:Blow}.center-bury{font-family:Center Bury}.chicle-regular{font-family:Chicle-Regular}.comic-andy{font-family:Comic Andy}.double-feature20{font-family:Double Feature20}.precious{font-family:Precious}.quigleyw{font-family:QuigleyW}.snowtopcaps{font-family:Snowtopcaps}.font-picker-container-responsive{overflow-x:auto;white-space:nowrap;background:#1f1f27;padding:8px;border-radius:10px;margin-bottom:20px;-webkit-overflow-scrolling:touch;width:80%}.font-grid-responsive{display:flex;gap:50px;align-items:center;min-width:500px}.font-sample-responsive{display:flex;flex-direction:column;align-items:center;padding:4px;min-width:60px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.font-sample-responsive:hover{background:#e0e0e0}.font-sample-responsive.active{border-color:#0af;background:#dff6ff}.font-sample-responsive div{font-size:18px}.font-sample-responsive .font-label{font-size:11px;color:#fff;text-align:center;padding-top:3px}#text-color-responsive{position:absolute;right:19px;bottom:8px;height:75px}@media screen and (max-width: 768px){.font-grid-responsive{min-width:100%}.font-sample-responsive div{font-size:16px}}footer{display:none!important}.copy-right,#chat-bubble{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom_customizer_page.css.map */