#mug,#mugss{align-items:center}#mug,#mugss,.googleSConsole{align-content:center;display:flex}#editor,#mcontrol,#mug,#mugss,.googleSConsole,.image-container,.mask3,.mugShadow{display:flex}#mcontrol,.acbutton,.topmenu{max-width:1000px}#mcontrol,.acbutton,.range-style,.topmenu{margin:0 auto}.font-item,.menu-btn,ul#slide-out li,ul.designs li{cursor:pointer}body{background-image:url(./img/back.webp);background-size:cover;background-position:center;background-repeat:no-repeat}#mug,#mugss,.mask3{justify-content:center}#mug canvas,#mugss canvas{position:relative;z-index:5}#mugss{height:50%;position:relative}#editor{align-items:center;justify-content:center}.container,.row,body,html{height:100%;width:100%;overflow:hidden}#fabricCanvas{position:absolute}#editor,#mcontrol,ul.designs li{position:relative}.canvas-container{position:fixed!important}.mugShadow{position:absolute;align-items:flex-end;justify-content:center;padding-bottom:121px}#mcontrol{width:100%;align-items:center;justify-content:center;z-index:6;padding:0}input[type=range]{width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-moz-range-thumb{border:none}.range-style{height:40px;padding:10px;background:#e0e0e0;border-radius:10px;box-shadow:-2px -2px 8px #fff,2px 2px 8px rgba(0,0,0,.5)}.range-style::-webkit-slider-runnable-track{display:flex;align-items:center;height:20px;border-radius:10px;box-shadow:inset -2px -2px 8px #fff,inset 2px 2px 8px rgba(0,0,0,.5)}.range-style::-webkit-slider-thumb{position:relative;top:-25%;width:30px;height:30px;background-color:#303030;border-radius:50%;box-shadow:-1px -1px 2px #fff,1px 1px 2px rgba(0,0,0,.3)}.range-style::-moz-range-track{display:flex;align-items:center;height:20px;border-radius:10px;box-shadow:inset -2px -2px 8px #fff,inset 2px 2px 8px rgba(0,0,0,.5)}.range-style::-moz-range-thumb{position:relative;top:-50%;width:40px;height:40px;background-color:#e0e0e0;background-image:linear-gradient(-45deg,rgba(255,255,255,.8),transparent);border-radius:50%;box-shadow:-1px -1px 2px #fff,1px 1px 2px rgba(0,0,0,.3)}#fontSelect{width:200px}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:35px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px;position:absolute;top:1px;right:1px;width:20px}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:38px;user-select:none}.mask3{opacity:.4;mix-blend-mode:hard-light;position:absolute;align-items:center}.loading,ul.designs li:hover{opacity:.6}.googleSConsole,.loading{justify-content:center;left:0}#canvas{background-color:#f0f0f0;display:block}.ruler{position:absolute;background-color:transparent}.googleSConsole,.loading,.sidebar,body,hmtl{position:fixed;top:0}#rulerHeight,#rulerRight,#rulerWidth{border-right:2px dashed #000}#rulerHeight::after,#rulerWidth::after{width:70px;position:absolute;background-color:#fff;padding:0 5px;font-size:14px;font-weight:700;display:none}#rulerWidth::after{content:attr(data-cm) ' cm';top:0;left:50%;transform:translateX(-50%)}#rulerHeight::after{content:attr(data-cm) ' cm';left:-55px;top:50%;transform:translateY(-50%) rotate(-90deg)}.googleSConsole{width:100%;height:100%;align-items:flex-start;padding-top:150px;background:rgba(0,0,0,.6);z-index:10}.gin{width:100%;padding:5px 15px!important;background-color:#fff!important}.image-container{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:0;padding:0}.image-container li{width:calc((100% - 0px)/ 4);height:75px;background:#757575;object-fit:cover;box-sizing:border-box;margin-bottom:0;list-style:none;display:flex;align-items:center;justify-content:center;border:1px solid #a3a3a3}#mcontrol li button,.isb button,.mcont,.mcont2,.menu-btn,.topmenu .btn{align-items:center;display:flex}#ac0,.isb button,.topmenu .btn{border-radius:0}.image-container li img{pointer-events:none;width:100%;height:100%;object-fit:contain;display:block}.isb button{font-size:12px;height:60px;flex-direction:column}#mcontrol li button .material-symbols-outlined,.font-name,.menu-btn,.sidebar a{font-size:18px}.prosize{text-shadow:0 0 12px #fff}.height,.width{display:none}.dropdown-menu{max-height:300px;overflow-y:scroll}.font-item{padding:10px}.font-item:hover{background-color:#f1f1f1}.font-name{font-weight:700}.canvas-container{background:#fff}#mcontrol li button{width:100%;border-radius:0!important;justify-content:center}#mcontrol li{width:100%;list-style:none;height:100%}#ac0{line-height:29px}#ac1,#ac2,#ac3,#ac4,#ac5{height:44px;align-items:center;justify-content:center}.ac5{background-color:red}.acbutton{width:100%}.acbutton button{display:flex;gap:5px;align-items:center;justify-content:center;display:flex;gap:3px;flex-direction:column}#editor,.designs li .delete,.topmenu{align-items:center;display:flex}.acbutton img{width:30px;height:auto}.form-control-color{width:3rem;height:calc(1.5em + .01rem + calc(var(--bs-border-width) * 2));padding:2px}.mcont,.mcont2{height:5%;background:#00000070;display:flex}#editor,.top{background:#212529}#editor{height:35%;justify-content:center}.top{height:5%}@media only screen and (max-width:768px){.mcont,.mcont2{width:100%;background:#00000070;display:flex}#editor,.mcont,.mcont2{display:flex}.mcont{height:5%}#editor{position:relative;align-items:center;justify-content:center;background:0 0;height:25%}.mcont2{height:10%}#mugss{height:53%}.top{height:7%;background:#212529}.topmenu .logo{margin-left:15px}body{background-image:url(./img/back.webp);background-size:cover;background-position:center center!important;background-repeat:no-repeat}}.topmenu{width:100%;height:100%;justify-content:space-between}.topmenu .logo{width:40px;height:auto;margin-left:15px}.topmenu .btn{gap:5px;height:100%}.menu-btn{background-color:#555;border:none;padding:10px 20px;color:#fff;border-radius:4px}.menu-btn:hover{background-color:#777}.sidebar a:hover{color:#f1f1f1}.designs li .delete .material-symbols-outlined,.sidebar{color:#fff}.sidebar.left{left:-250px}.loading .img,.loading .shadow{background:#000;left:50%;top:50%;overflow:hidden;position:absolute;text-align:center}.sidebar.right{right:-250px}.sidebar.active.left{left:0}.sidebar.active.right{right:0}ul.mugs li img{width:80%;height:auto}ul.designs{margin:0;padding:0}ul.designs li{list-style:none;padding:10px 20px 0}ul.designs li img{width:100%;height:auto}.designs li .delete{width:30px;height:30px;position:absolute;color:#fff;right:5px;top:5px;padding:0;justify-content:center}.loading{width:100%;height:100%;z-index:11;background:rgba(0,0,0,.6);align-items:center;animation:1.3s ease-in-out infinite;display:none}.loading img{height:100%;width:auto}.loading .img{width:70px;height:70px;border-radius:100%;margin-top:-35px;margin-left:-35px}.undoReundo button{display:flex;justify-content:center;align-items:center}.sidebar{height:100%;width:250px;background:#212529;overflow-x:hidden;transition:.5s;padding-top:50px;z-index:12}.sidebar .closebtn{position:absolute;top:-12px;right:-4px;font-size:36px;height:20px}.sidebar a{padding:1px 16px;text-decoration:none;color:#818181;display:block;transition:.3s}ul.mugs{margin:0;padding:15px}ul.mugs li{list-style:none;padding:5px 20px 0;margin-bottom:15px;background:#d3d3d3;text-align:center}body,hmtl{overflow:hidden!important;left:0;width:100%}.mcont{width:100%;background:0 0;justify-content:center}.mcont2{width:100%;background:#00000070;justify-content:center}#mcontrol li button{display:flex;padding:0;border:none;align-items:center;justify-content:center;display:flex;align-items:center;height:26px;justify-content:center}