.wc-mca-wrapper{padding:12px 0 12px 0;margin:12px 0}.wc-mca-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.wc-mca-color-item{transition:box-shadow 0.2s ease,border-color 0.2s ease}label.wc-mca-color-item{height:36px}.wc-mca-selected-color{font-size:16px;margin-bottom:0;margin-top:16px}.wc-mca-color-item.selected{border-color:#000;box-shadow:0 0 0 1px #000}.wc-mca-swatch{display:inline-block;padding:2px;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;transition:all 0.25s ease;height:36px;width:36px}.wc-mca-swatch.selected{border-color:#000}.wc-mca-color{width:100%;height:100%;border-radius:50%;display:inline-block;transition:all 0.25s ease}.wc-mca-color-item input[type="checkbox"]{display:none}.wc-mca-hint{font-size:16px;margin-bottom:0!important;margin-top:16px}.wc-mca-default-colors{display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.wc-mca-default-colors .wc-mca-default-item{border-color:#000;box-shadow:0 0 0 1px #000;cursor:unset}.wc-mca-default-item img{height:100px!important;width:100%;object-fit:cover}h4.wc-mca-name{margin-bottom:8px;text-align:center;margin-top:8px}@media screen and (max-width :768px){.wc-mca-grid{grid-template-columns:repeat(8,1fr)}.wc-mca-default-colors{grid-template-columns:repeat(4,1fr)}}