:root{--bg:#0b0f14;--panel:#121820;--text:#e8eef6;--muted:#9fb2cb;--border:#1f2732;--accent:#22c55e;--primary:#3b82f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.app{display:grid;grid-template-columns:80px 1fr;min-height:90vh}.app.active{grid-template-columns:340px 1fr}aside{display:flex;border:1px solid #FFF;background:#fff;height:100%;position:relative}h2{margin:0;font-size:18px}.kicker{color:var(--muted);font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field{display:grid;gap:6px;flex:1;min-width:160px}input[type=text],input[type=url],input[type=color],select,button,input[type=number],input[type=range]{height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:#0f141b;color:var(--text)}input[type=file]{display:none}label.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:36px;border-radius:5px;border:1px solid #6b44aa;background:#6b44aa;color:#fff;cursor:pointer;font-size:12px;font-style:normal;font-weight:500;line-height:24px;min-width:80px}button.primary{background:var(--primary);border-color:var(--primary)}button.accent{border-radius:20px;background:#00b67b;color:#fff;max-width:230px;margin-left:auto;padding:10px 20px;border-color:transparent}button.ghost{background:transparent;border-color:#f32323;color:#f32323}button.btn:hover{color:#fff}button.ghost:hover{color:#f32323}.stage{display:flex;place-items:center;padding:20px;background:#cacaca;justify-content:center}canvas{background:#fff;border:5px solid #fff var(--border);display:none;max-width:100%;height:auto}.pill{padding:4px 8px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--muted)}.range-row{align-items:center}.range-row input[type=number]{width:88px;text-align:center}.disabled{opacity:.6;pointer-events:none}.hide{display:none}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#22c55e}span.color-front{border-radius:50%;width:20px;height:20px;display:inline-block;cursor:pointer;border:1px solid #7E7878}.stage .controls{border-radius:5px;color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:20.76px;position:fixed;bottom:90px;gap:5px;display:flex}.stage .controls button{border:0;background:#100f0f}.stage .controls button i{font-size:16px;line-height:1.5}.customizer-slide-panel{border:0 solid #1F2732;background:#252a31;position:relative;width:0;opacity:0}.app.active .customizer-slide-panel{width:100%;opacity:1;padding:30px 20px;z-index:9}.customizer-slide-controls{padding:20px 10px 0;display:flex;gap:20px;flex-direction:column;align-items:center;text-align:center;background:#fff;width:100px;z-index:9}.customizer-slide-controls .customizer-text{color:#000;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.customizer-slide-controls .customizer-icon{color:#434343;font-size:18px}.customizer-slide-controls .customizer-icon img{margin-bottom:5px}.customizer-slide-controls .customizer-control-block.active .customizer-text,.customizer-slide-controls .customizer-control-block.active .customizer-icon{color:#007aff}.customizer-slide-controls .customizer-control-block{padding-bottom:10px;border-bottom:1px #000 solid;width:100%;cursor:pointer;height:70px}.customizer-slide-controls .customizer-control-block:last-child{border-bottom:0}.section-tab-customizer h3{color:#fff;font-size:13px;font-style:normal;font-weight:500;line-height:15.96px}.section-tab-customizer .hint{color:#fff;font-size:12px;font-style:normal;font-weight:300;line-height:14px;margin-bottom:10px}.section-tab-customizer textarea{height:52px;resize:none;padding:10px;display:block}.section-tab-customizer input,.section-tab-customizer select,.section-tab-customizer textarea{border-radius:5px;border:1px solid #E6E6E6;background:#fff;color:#757575;font-size:12px;font-style:normal;font-weight:400;line-height:normal;width:100%}.section-tab-customizer input[type=search]{height:34px;padding:0 10px;position:sticky;top:0}.section-tab-customizer #addTextBtn{text-align:center;font-size:12px;font-style:normal;font-weight:500;line-height:24px}.section-tab-customizer .btn-outer{margin-top:20px}.section-tab-customizer .flex-block{display:flex;gap:20px;justify-content:space-between;padding-right:30px}.section-tab-customizer .upload-img label{border-radius:5px;border:1px dashed #7b65b3;background:#fff;text-align:center;font-size:12px;font-weight:500;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:100%}.section-tab-customizer .upload-img .upload-imgs{gap:5px;font-size:12px;color:#7b65b3}.section-tab-customizer .upload-img img{width:35px;height:23px;object-fit:contain}#Other{margin-top:20px}.section-tab-customizer label{border-radius:5px;background:#893fca;color:#fff;text-align:center;font-size:10px;font-style:normal;font-weight:400;line-height:16px;border:0;padding:4px;cursor:pointer;max-width:80px;width:100%;margin:auto}.flag-customizer-footer{padding-top:20px;padding-bottom:20px;position:fixed;bottom:0;width:100%;z-index:99;background:#fff;box-shadow:0 0 10px #b7b7b7}.flag-customizer-footer-wrapper{display:flex;justify-content:space-between;align-items:center}.flag-customizer-footer .strip-count{color:#197ce8;font-size:16px;font-style:normal;font-weight:400;line-height:20.76px}#addToCart,#addToCart span{font-size:16px;letter-spacing:.1px;font-weight:500;line-height:20px}.flag-customizer-footer .text-clr{color:#000}.slide-btn{position:absolute;right:-30px;background:#0c0c0c;top:40%;transform:translateY(-50%);padding:5px 2px 5px 20px;border-radius:10px;color:#fff;font-weight:100;z-index:1;font-size:12px;cursor:pointer}.app.active .slide-btn{right:-18px}.app.active .slide-btn i{transform:rotate(0)}.slide-btn i{transform:rotate(180deg)}.section-tab-customizer{opacity:0;width:0;height:0;pointer-events:none}.section-tab-customizer.active{opacity:1;width:auto;height:auto;pointer-events:auto}.stage .canvas-parent-wrapper{margin-bottom:50px;width:90%;overflow:auto}.stage .canvas-parent-wrapper::-webkit-scrollbar{width:15px;height:15px;background:#fff}.stage .canvas-parent-wrapper::-webkit-scrollbar-track{background:#fff}.stage .canvas-parent-wrapper::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.stage .canvas-parent-wrapper::-webkit-scrollbar-thumb:hover{background-color:#555}.stage .canvas-wrapper{display:flex;align-items:center}.flag-customizer-footer .footer-progress{width:70%;height:100%;margin-top:0}.flag-customizer-footer .footer-progress-bar{width:100%;background:linear-gradient(90deg,#000,#00b67a);text-align:center;color:#fff;font-weight:700;transition:width .4s ease;border-radius:50px;font-size:8px;line-height:1.8}.tab-content{margin-top:20px}div#club-tab-content{overflow:hidden;max-height:70vh;transition:all .3s ease-in-out}div#club-tab-content:hover{overflow:auto}#club-tab-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e6c24a20 #111}#club-tab-content::-webkit-scrollbar{width:10px}#club-tab-content::-webkit-scrollbar-track{background:#111;border-radius:10px}#club-tab-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e6c24a55,#e6c24a);border-radius:10px;border:2px solid #111}#club-tab-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e6c24a,#ffdf6b)}#add-badges .position__box.fb-color{display:grid;flex-wrap:wrap;gap:5px;grid-template-columns:repeat(3,1fr)}div#club-tab-content .radio-select label{background:transparent;width:100%;height:auto;color:#fff;margin-bottom:0;overflow:hidden;align-content:center;max-width:100%}div#club-tab-content .radio-select label .badge-icon{margin-bottom:4px}div#club-tab-content .radio-select input{display:none}div#club-tab-content .radio-select label img{width:50px;height:50px;object-fit:contain}@media(max-width:991px){.app.active{grid-template-columns:1fr}.app{grid-template-columns:1fr;min-height:auto}aside{flex-direction:column}.customizer-slide-controls{width:auto;height:auto;flex-direction:row;padding:10px 10px 0}.customizer-slide-controls .customizer-control-block{border-color:transparent}.customizer-slide-controls .customizer-control-block.active{border-bottom:1px #007aff solid}.slide-btn{display:none}.app.active .customizer-slide-panel{padding:14px 20px}button.accent{padding:10px}.flag-customizer-footer .footer-progress{position:absolute;width:90%;top:2px}.stage .canvas-wrapper{height:150px}.stage .canvas-parent-wrapper{margin-bottom:0}div#club-tab-content{max-height:160px;overflow:auto;margin-top:0}#add-badges .position__box.fb-color{grid-template-columns:repeat(5,1fr)}div#club-tab-content .radio-select label img{width:40px;height:40px}.flag-customizer-footer .strip-count{font-size:12px}#addToCart,#addToCart span{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/product-customizer-flag-style.css.map */