:root{--sc-primary: #7693bb;--sc-primary-bg: #eff6ff;--sc-accent: #ff4f33;--sc-border: #e5e7eb;--sc-text-main: #111827;--sc-text-muted: #6b7280;--sc-bg: #ffffff;--sc-radius: 12px;--sc-transition: all .2s ease-in-out}.sc-builder-container{font-family:inherit;color:var(--sc-text-main);max-width:600px;margin:0 auto}.sc-section-title{font-size:1.125rem;font-weight:700;margin:3rem 0 12px;color:var(--sc-text-main)}.sc-subtitle{font-size:.875rem;color:var(--sc-text-muted);margin-top:-8px;margin-bottom:16px;line-height:1.4}.sc-builder-container input[type=radio]{display:none}.sc-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.sc-shape-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--sc-border);border-radius:var(--sc-radius);padding:16px 8px;cursor:pointer;background:var(--sc-bg);transition:var(--sc-transition);aspect-ratio:4 / 3.5}.sc-shape-card:hover{border-color:#cbd5e1}.sc-shape-card.active{border-color:var(--sc-primary);background-color:var(--sc-primary-bg)}.sc-shape-icon{height:60px;width:60px;border-radius:4px;margin-bottom:8px}.sc-shape-grid label.sc-shape-card:first-child .sc-shape-icon{height:70px;width:70px}.sc-shape-label{letter-spacing:0;font-size:.875rem;font-weight:600}.sc-size-row{display:flex;flex-direction:column;gap:12px}.sc-select{width:100%;padding:12px 16px;border:2px solid var(--sc-border);border-radius:var(--sc-radius);font-size:1rem;-webkit-appearance:none;appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%236b7280" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>') no-repeat right 16px center;background-color:var(--sc-bg);background-size:16px;cursor:pointer}.sc-material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.sc-material-card{position:relative;display:flex;flex-direction:column;border:2px solid var(--sc-border);border-radius:var(--sc-radius);padding:12px;cursor:pointer;background:var(--sc-bg);transition:var(--sc-transition)}.sc-material-card:hover{box-shadow:0 4px 12px #0000000d}.sc-material-card.active{border-color:var(--sc-primary);background-color:var(--sc-primary-bg)}.sc-material-swatch{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);margin-bottom:12px;box-shadow:inset 0 2px 4px #0000001a}.sc-material-name{letter-spacing:0;font-weight:700;font-size:.875rem;margin-bottom:4px}.sc-material-price{font-size:.75rem;letter-spacing:0;color:var(--sc-text-muted)}.sc-badge{position:absolute;top:8px;right:8px;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:12px;text-transform:uppercase;letter-spacing:0}.sc-badge-green{background:#dcfce7;color:#166534}.sc-badge-teal{background:#ccfbf1;color:#115e59}.sc-qty-list{display:flex;flex-direction:column;gap:8px}.sc-qty-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:2px solid var(--sc-border);border-radius:var(--sc-radius);cursor:pointer;background:var(--sc-bg);transition:var(--sc-transition)}.sc-qty-row.active{border-color:var(--sc-primary);background-color:var(--sc-primary-bg)}.sc-qty-left{display:flex;align-items:center;gap:12px}.sc-radio-circle{width:18px;height:18px;border:2px solid var(--sc-border);border-radius:50%;display:flex;align-items:center;justify-content:center}.sc-qty-row.active .sc-radio-circle{border-color:var(--sc-primary)}.sc-qty-row.active .sc-radio-circle:after{content:"";width:8px;height:8px;background-color:var(--sc-primary);border-radius:50%}.sc-qty-amount{letter-spacing:0;font-weight:700;font-size:.95rem}.sc-qty-unit{letter-spacing:0;color:var(--sc-text-muted);font-size:.85rem}.sc-qty-right{display:flex;align-items:center;gap:16px}.sc-qty-badge{letter-spacing:0;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:12px}.sc-badge-gold{background:#fef08a;color:#854d0e}.sc-badge-red{background:#fee2e2;color:#991b1b}.sc-qty-total{letter-spacing:0;font-weight:700;font-size:1rem}.sc-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--sc-border)}.sc-footer-label{font-size:1.125rem;color:var(--sc-text-muted);margin-bottom:4px}.sc-footer-prices{margin-bottom:24px}.sc-final-price{font-size:2.5rem;font-weight:800;color:var(--sc-text-main)}.sc-compare-price{font-size:1.5rem;font-weight:700;color:#ef4444;text-decoration:line-through;margin-left:8px}.sc-upload-btn{width:100%;background-color:var(--sc-accent);color:#fff;font-size:1.125rem;font-weight:800;padding:18px;border:none;border-radius:var(--sc-radius);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:opacity .2s}.sc-upload-btn:hover{opacity:.9}.sc-upload-box{border:2px dashed var(--sc-border);border-radius:var(--sc-radius);padding:32px 16px;text-align:center;background-color:#fafafa;transition:var(--sc-transition);cursor:pointer;margin-top:12px}.sc-upload-box:hover,.sc-upload-box.file-active{border-color:var(--sc-primary);background-color:var(--sc-primary-bg)}.sc-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--sc-text-main);font-weight:600;font-size:1rem}.sc-file-label svg{width:32px;height:32px;color:var(--sc-text-muted);margin-bottom:12px;transition:color .2s}.sc-file-label #upload-text{letter-spacing:0}.sc-upload-box:hover .sc-file-label svg,.sc-upload-box.file-active .sc-file-label svg{color:var(--sc-primary)}.sc-file-name{color:var(--sc-text-muted);word-break:break-all}.sc-file-name-box{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:.25rem}#remove-file-btn{display:none;cursor:pointer;color:#e63946;background:none;border:none;font-size:.8rem;margin-top:3px}.sc-add-to-cart-btn{width:100%;background-color:var(--sc-accent);color:#fff;font-size:1.125rem;font-weight:800;padding:18px;border:none;border-radius:var(--sc-radius);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:opacity .2s;margin-top:24px;margin-bottom:2rem}.sc-add-to-cart-btn:hover{opacity:.9}.sc-add-to-cart-btn:disabled{background-color:#9ca3af;cursor:not-allowed}label.sc-upload-btn.file-selected{background-color:var(--sc-primary)}@media only screen and (max-width:768px){.sc-material-card{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sticker-calculator.css.map */