.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{position:relative;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:not(:disabled){border-color:#6d28d9;transform:translateY(-1px)}.ccs-swatch.is-on{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb2e}.ccs-swatch:disabled{opacity:.38;cursor:not-allowed}.ccs-swatch-tick{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:#2563eb;color:#fff;font-size:10.5px;line-height:18px;opacity:0;transition:opacity .13s}.ccs-swatch.is-on .ccs-swatch-tick{opacity:1}.ccs-pick-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ccs-pick-count{font-size:12.5px;font-weight:600;color:#666}.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))}}.ccs-apply-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:2px}.ccs-apply-count{font-size:12.5px;font-weight:600;color:#666}.ccs-apply-sides{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:12px;padding:9px 12px;border:1px solid #e6e6ec;border-radius:9px;background:#fafafc}.ccs-apply-sides-label{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#666}.ccs-apply-sides .ccs-apply-side{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#6b6b76;cursor:pointer;padding:6px 13px 6px 10px;border:2px solid #dcdce4;border-radius:999px;background:#fff;transition:border-color .12s ease,background .12s ease,color .12s ease}.ccs-apply-sides .ccs-apply-side:hover{border-color:#b9c6de}.ccs-apply-sides .ccs-apply-side input[type=checkbox]{display:inline-block;width:16px;height:16px;margin:0;appearance:auto;-webkit-appearance:auto;accent-color:#2563eb;cursor:pointer}.ccs-apply-sides .ccs-apply-side:has(input:checked){border-color:#2563eb;background:#eff6ff;color:#1d4ed8}@supports not (selector(:has(*))){.ccs-apply-sides .ccs-apply-side{border-color:#dcdce4}}.ccs-apply-sides .ccs-apply-side:focus-within{outline:2px solid #2563eb;outline-offset:2px}.ccs-apply-side-note{flex:1 1 100%;font-size:12px;color:#8a6d3b}.ccs-apply-grid[hidden],.ccs-apply-bar[hidden],.ccs-apply-empty[hidden]{display:none}.ccs-apply-empty{margin:18px 0;padding:26px 12px;text-align:center;font-size:13.5px;font-weight:600;color:#666;border:1px dashed #dcdce4;border-radius:10px}.ccs-apply-blank{margin:0;font-size:12.5px;color:#b45309}.ccs-apply-blank[hidden]{display:none}.ccs-apply-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:46vh;overflow-y:auto;padding:2px}.ccs-apply-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:9px;border:2px solid #e5e5e5;border-radius:11px;background:#fff;cursor:pointer;font:inherit;text-align:center;transition:border-color .13s,opacity .13s,filter .13s}.ccs-apply-card.is-on{border-color:#2563eb}.ccs-apply-card:not(.is-on){opacity:.5;filter:saturate(.35)}.ccs-apply-shots{display:flex;gap:6px;justify-content:center}.ccs-apply-shot{position:relative;display:block;flex:1;min-width:0;aspect-ratio:4 / 5;border-radius:7px;background:#f5f5f7;overflow:hidden}.ccs-apply-shot[hidden]{display:none}.ccs-apply-garment,.ccs-apply-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain}.ccs-apply-name{font-size:11.5px;font-weight:700;color:#111;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-apply-tick{position:absolute;top:6px;right:6px;width:19px;height:19px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;line-height:19px;opacity:0;transition:opacity .13s}.ccs-apply-card.is-on .ccs-apply-tick{opacity:1}.ccs-apply-design svg{stroke:#2563eb;fill:none}.ccs-apply-design{width:100%;margin-top:6px;border-color:#d9d9d9;color:#2563eb}.ccs-apply-design:hover:not(:disabled){background:#eff6ff}.ccs-apply-design[hidden]{display:none}@media(max-width:900px){.ccs-apply-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}}.ccs-cycle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.ccs-cycle[hidden]{display:none}.ccs-cycle-btn{padding:5px 11px;border:1px solid #e0e0e6;border-radius:8px;background:#fff;font:inherit;font-size:12px;font-weight:700;line-height:1.4;color:#33333b;cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:normal;transition:background .13s,border-color .13s,color .13s}.ccs-cycle-btn:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.ccs-cycle-at{font-size:11.5px;font-weight:700;color:#8a8a96;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:560px){.ccs-cycle-btn{padding:5px 9px;font-size:11.5px}}.ccs-default-color{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 9px;border:1px solid #e5e5e5;border-radius:9px;font-size:12px;font-weight:600;color:#55555f;cursor:pointer;transition:background .13s,border-color .13s,color .13s}.ccs-default-color[hidden]{display:none}.ccs-default-color:hover{border-color:#93c5fd}.ccs-default-color.is-on{background:#fffbeb;border-color:#fcd34d;color:#92400e;cursor:default}.ccs-default-color input[type=checkbox]{appearance:auto;-webkit-appearance:auto;margin:0;flex-shrink:0}.ccs-color-star{margin-left:5px;font-size:11px;line-height:1;color:#f59e0b}.ccs-edit-note{margin:0;padding:9px 11px;border:1px solid #fcd34d;border-radius:9px;background:#fffbeb;font-size:12.5px;line-height:1.5;color:#92400e}.ccs-edit-note[hidden]{display:none}.sb-ov .sb-card{position:relative}.sb-card-x{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#111111b8;color:#fff;font-size:10px;line-height:1;cursor:pointer;opacity:0;transition:opacity .13s,background .13s}.sb-card:hover .sb-card-x,.sb-card-x:focus,.sb-card-x:focus-visible{opacity:1}.sb-card-x:hover{background:#b91c1c}@media(hover:none){.sb-card-x{opacity:1}}.ccs-color-grip{flex-shrink:0;width:16px;padding:0;border:none;background:transparent;color:#c3c3cc;font-size:11px;line-height:1;letter-spacing:-3px;cursor:grab;transition:color .13s}.ccs-color-grip:hover{color:#55555f}.ccs-color-grip:focus-visible{color:#2563eb;outline:2px solid #2563eb;outline-offset:1px;border-radius:4px}.ccs-color-grip:active{cursor:grabbing}.ccs-color.is-dragging{opacity:.45}.ccs-feature-note{margin:0 0 8px;font-size:11.5px;line-height:1.45;color:#666}.ccs-feature-add{width:100%;border-color:#d9d9d9;color:#2563eb}.ccs-feature-add svg{stroke:#2563eb;fill:none}.ccs-feature-add:hover:not(:disabled){background:#eff6ff}.ccs-feature-add[hidden]{display:none}.ccs-feature{display:block}.ccs-feature[hidden]{display:none}.ccs-feature-img{display:block;width:100%;max-width:none;aspect-ratio:4 / 5;object-fit:contain;border:1px solid #e5e5e5;border-radius:10px;background:#f5f5f7}.ccs-feature-actions{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12px;color:#9a9aa6}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ccs-builder-host.css.map */