.ccs-colors{display:flex;flex-direction:column;gap:6px}.ccs-color{display:flex;align-items:stretch;gap:4px}.ccs-color-main{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #e5e5e5;border-radius:9px;background:#fff;cursor:pointer;font:inherit;text-align:left;transition:border-color .13s,background .13s}.ccs-color-main:hover{border-color:#93c5fd}.ccs-color.is-active .ccs-color-main{border-color:#f97316;box-shadow:0 0 0 3px #f9731629}.ccs-color-sw{display:block;width:22px;height:22px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.22);background:#ccc}.ccs-color-text{min-width:0;display:flex;flex-direction:column;gap:1px}.ccs-color-name{font-size:12.5px;font-weight:700;color:#111;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-color-state{font-size:11px;font-weight:600;color:#666;white-space:nowrap}.ccs-color.is-empty .ccs-color-state{color:#b45309}.ccs-color-x{width:28px;flex-shrink:0;border:1px solid #e5e5e5;border-radius:9px;background:#fff;color:#888;font-size:12px;line-height:1;cursor:pointer;transition:background .13s,color .13s,border-color .13s}.ccs-color-x:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ccs-color.is-only .ccs-color-x{display:none}.ccs-add-color{width:100%;margin-top:8px;border-color:#d9d9d9;background:#fff;color:#2563eb}.ccs-add-color svg{stroke:#2563eb;fill:none}.ccs-add-color:hover:not(:disabled){background:#eff6ff}.ccs-colors-note{margin:8px 2px 0;font-size:11.5px;line-height:1.45;color:#666}.ccs-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;max-height:52vh;overflow-y:auto}.ccs-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 5px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;cursor:pointer;font:inherit;transition:border-color .13s,transform .12s}.ccs-swatch:hover{border-color:#6d28d9;transform:translateY(-1px)}.ccs-swatch img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.ccs-swatch span{font-size:11.5px;font-weight:600;color:#333;text-align:center;line-height:1.25}.ccs-label{display:block;font-size:12.5px;font-weight:700;color:#111;margin:4px 0 -4px}.ccs-textarea{resize:vertical;min-height:64px}.ccs-markup-row{display:flex;align-items:center;gap:12px}.ccs-markup-row input[type=range]{flex:1;min-width:0}.ccs-markup-value{min-width:58px;text-align:right;font-size:17px;font-weight:700;color:#111;font-variant-numeric:tabular-nums}.ccs-quote{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:10px;background:#f5f7fb;border:1px solid #e3e8f0}.ccs-quote-label{font-size:12.5px;font-weight:600;color:#666}.ccs-quote-value{font-size:19px;font-weight:700;color:#111;font-variant-numeric:tabular-nums}@media(max-width:900px){.ccs-colors{max-height:168px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ccs-color-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ccs-builder-host.css.map */