.ccp-trigger-wrap{margin:4px 0 16px}.ccp-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;background:#f5f2ec;border:1.5px solid #e2ddd6;border-radius:8px;font-family:inherit;font-size:15px;font-weight:500;color:#1c1c1c;cursor:pointer;transition:border-color .18s,background .18s;text-align:left}.ccp-trigger:hover{border-color:#999}.ccp-trigger-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(0,0,0,.1);background:#ddd8d0;flex-shrink:0;transition:background .3s}.ccp-trigger-text{flex:1}.ccp-trigger-label{display:block;font-size:15px;font-weight:500}.ccp-trigger-hint{display:block;font-size:12px;color:#c0392b;margin-top:1px}.ccp-trigger--chosen .ccp-trigger-hint{color:#27ae60}.ccp-trigger--chosen{border-color:#27ae60;background:#f0faf3}.ccp-trigger-value{font-size:13px;color:#6b6b6b;max-width:130px;text-align:right;line-height:1.3}.ccp-trigger-arrow{color:#6b6b6b;flex-shrink:0}@keyframes ccp-attention{0%,to{transform:translate(0);border-color:#c0392b}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.ccp-trigger--attention{animation:ccp-attention .45s ease;border-color:#c0392b!important;background:#fdf0ef!important}.ccp-blocked{opacity:.4!important;cursor:not-allowed!important}.ccp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.ccp-overlay.open{opacity:1;pointer-events:auto}.ccp-modal{background:#fff;width:min(820px,calc(100vw - 32px));height:min(88vh,740px);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1)}.ccp-overlay.open .ccp-modal{transform:translateY(0) scale(1)}.ccp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid #e2ddd6;flex-shrink:0}.ccp-modal__title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.ccp-modal__subtitle{font-size:13px;color:#6b6b6b;margin-top:2px}.ccp-close-btn{width:34px;height:34px;border-radius:50%;border:none;background:#f0ede6;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.ccp-close-btn:hover{background:#e8e2d8}.ccp-toolbar{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid #e2ddd6;flex-shrink:0;flex-wrap:wrap}.ccp-select-wrap{position:relative}.ccp-select{-webkit-appearance:none;appearance:none;background:#f7f4ee;border:1px solid #e2ddd6;padding:9px 32px 9px 12px;font-family:inherit;font-size:14px;color:#1c1c1c;border-radius:6px;cursor:pointer;outline:none;min-width:220px}.ccp-select:focus{border-color:#1c1c1c}.ccp-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#888}.ccp-search-wrap{position:relative;flex:1;min-width:160px}.ccp-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}.ccp-search{width:100%;background:#f7f4ee;border:1px solid #e2ddd6;padding:9px 12px 9px 32px;font-family:inherit;font-size:14px;color:#1c1c1c;border-radius:6px;outline:none}.ccp-search::placeholder{color:#aaa}.ccp-search:focus{border-color:#1c1c1c}.ccp-count{font-size:13px;color:#aaa;margin-left:auto;white-space:nowrap}.ccp-body{flex:1;overflow-y:auto;padding:0 24px 16px;-webkit-overflow-scrolling:touch}.ccp-section-title{padding:16px 0 10px;font-size:14px;font-weight:600;color:#1c1c1c;letter-spacing:-.01em;border-bottom:1px solid #e2ddd6;margin-bottom:12px;display:flex;align-items:baseline;gap:8px}.ccp-section-count{font-size:12px;color:#aaa;font-weight:400}.ccp-sub-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#bbb;margin:14px 0 8px}.ccp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-bottom:8px}.ccp-chip{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:border-color .15s,transform .12s,box-shadow .12s;background:#fff}.ccp-chip:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001c;border-color:#0000001f}.ccp-chip.is-selected{border-color:#1c1c1c;box-shadow:0 0 0 2px #1c1c1c}.ccp-chip__swatch-wrap{position:relative;width:100%;padding-top:100%;overflow:hidden}.ccp-chip__swatch{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important}.ccp-chip__info{padding:6px 8px 8px;background:#fff;border-top:1px solid #f0ece4}.ccp-chip__code{font-size:11px;font-weight:600;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-chip__name{font-size:12px;color:#444;line-height:1.25;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-footer{border-top:1px solid #e2ddd6;padding:14px 24px;flex-shrink:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ccp-preview{display:flex;align-items:center;gap:10px;flex:1}.ccp-preview-swatch{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.08);flex-shrink:0}.ccp-preview-code{font-size:11px;font-weight:600;color:#888;display:block}.ccp-preview-name{font-size:14px;font-weight:500;display:block}.ccp-footer-btns{display:flex;gap:8px}.ccp-add-btn{padding:12px 24px;background:#1c1c1c;color:#fff;border:none;font-family:inherit;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.ccp-add-btn:disabled{opacity:.35;cursor:not-allowed}.ccp-add-btn:not(:disabled):hover{background:#333}.ccp-add-btn:not(:disabled):active{transform:scale(.98)}.ccp-cancel-btn{padding:12px 18px;background:transparent;color:#666;border:1px solid #e2ddd6;font-family:inherit;font-size:14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:border-color .15s}.ccp-cancel-btn:hover{border-color:#aaa}.ccp-empty{padding:60px 0;text-align:center;color:#aaa;font-size:15px}.ccp-modal-error{width:100%;padding:10px 14px;background:#fdf0ef;border:1px solid #f5c6c2;border-radius:6px;font-size:13px;color:#c0392b;margin-bottom:12px}.ccp-zoom-card{position:fixed;z-index:10001;background:#fff;border-radius:12px;box-shadow:0 16px 56px #00000047,0 4px 16px #0000001f;overflow:hidden;width:260px;pointer-events:auto;cursor:pointer;opacity:0;transform:scale(.88) translateY(8px);transition:opacity .18s ease,transform .18s ease}.ccp-zoom-card.visible{opacity:1;transform:scale(1) translateY(0)}.ccp-zoom-card__swatch{display:block!important;width:260px!important;height:260px!important;min-height:260px!important;max-height:none!important}.ccp-zoom-card__info{padding:13px 16px 16px;border-top:1px solid #f0ece4}.ccp-zoom-card__code{font-size:13px;font-weight:600;color:#888}.ccp-zoom-card__name{font-size:17px;font-weight:500;color:#1c1c1c;margin-top:4px;line-height:1.3}.ccp-body::-webkit-scrollbar{width:4px}.ccp-body::-webkit-scrollbar-track{background:transparent}.ccp-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/color-picker-modal-2.css.map */