#el-cor-picker{padding:40px 50px;max-width:1200px;margin:0 auto;font-family:inherit}@media(max-width:749px){#el-cor-picker{padding:24px 16px}}#el-cor-picker .el-cp__title{font-size:22px;font-weight:600;margin:0 0 6px;color:#1a1a1a}#el-cor-picker .el-cp__subtitle{font-size:14px;color:#666;margin:0 0 20px}#el-cor-picker .el-cp__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}#el-cor-picker .el-cp__chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:13px;color:#333;cursor:pointer;transition:all .2s;white-space:nowrap}#el-cor-picker .el-cp__chip:hover{border-color:#999;background:#f5f5f5}#el-cor-picker .el-cp__chip--active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}#el-cor-picker .el-cp__chip--active .el-cp__chip-dot{border:2px solid rgba(255,255,255,.6)}#el-cor-picker .el-cp__chip-dot{width:10px;height:10px;border-radius:50%;background:var(--chip-color, #ccc);flex-shrink:0}#el-cor-picker .el-cp__chip--all{font-weight:500}#el-cor-picker .el-cp__search-wrap{margin-bottom:16px}#el-cor-picker .el-cp__search{width:100%;max-width:360px;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}#el-cor-picker .el-cp__search:focus{border-color:#2d6a4f}#el-cor-picker .el-cp__grid{display:grid;gap:12px}#el-cor-picker .el-cp__grid--large{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}#el-cor-picker .el-cp__grid--scroll{max-height:600px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#ccc transparent}#el-cor-picker .el-cp__grid--scroll::-webkit-scrollbar{width:6px}#el-cor-picker .el-cp__grid--scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}#el-cor-picker .el-cp__grid--small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}#el-cor-picker .el-cp__grid--special{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media(max-width:749px){#el-cor-picker .el-cp__grid--large{grid-template-columns:repeat(4,1fr);gap:6px}#el-cor-picker .el-cp__grid--small{grid-template-columns:repeat(3,1fr);gap:8px}#el-cor-picker .el-cp__grid--special{grid-template-columns:repeat(2,1fr)}}#el-cor-picker a{text-decoration:none;color:inherit}#el-cor-picker .el-cp__card{border-radius:6px;overflow:hidden;transition:box-shadow .2s,transform .2s;cursor:pointer;background:#fff;border:1px solid #eee}#el-cor-picker a:hover .el-cp__card{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}#el-cor-picker .el-cp__card--current{cursor:default;box-shadow:0 0 0 2px #2d6a4f;border-color:#2d6a4f}#el-cor-picker .el-cp__swatch{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:6px 6px 0 0}#el-cor-picker .el-cp__grid--large .el-cp__swatch{padding-bottom:80%}#el-cor-picker .el-cp__swatch--light{box-shadow:inset 0 0 0 1px #00000014}#el-cor-picker .el-cp__swatch-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;z-index:1}#el-cor-picker .el-cp__badge{position:absolute;top:6px;left:6px;background:#2d6a4f;color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;line-height:1;z-index:2}#el-cor-picker .el-cp__code{font-size:11px;font-weight:600;color:#333;margin:6px 4px 1px;line-height:1.2}#el-cor-picker .el-cp__name{font-size:10px;color:#666;margin:1px 4px 6px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#el-cor-picker .el-cp__grid--large .el-cp__code{font-size:10px;margin:5px 3px 1px}#el-cor-picker .el-cp__grid--large .el-cp__name{font-size:9px;margin:1px 3px 5px;-webkit-line-clamp:2}#el-cor-picker .el-cp__grid--small .el-cp__name{font-size:11px;-webkit-line-clamp:3}#el-cor-picker .el-cp__grid--special .el-cp__name{font-size:13px;font-weight:500;color:#333;margin-top:8px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cor-picker.css.map */