.color-list-container{margin-top:40px;padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center}.color-list-container h3{margin-bottom:25px;font-size:22px;text-align:center}.color-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.color-item{padding:15px;border-radius:6px;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:all .2s ease;text-align:center}.color-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.color-info{display:flex;flex-direction:column;align-items:center;gap:10px}.color-name{font-weight:700;font-size:14px}.color-hex{font-family:monospace;font-size:14px;color:#666;letter-spacing:.5px}.color-swatch{width:80px;height:80px;border-radius:6px;margin:8px 0;box-shadow:0 1px 3px #0003;border:1px solid rgba(0,0,0,.1)}@media screen and (max-width: 768px){.color-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.color-swatch{width:70px;height:70px}}@media screen and (max-width: 480px){.color-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.color-swatch{width:60px;height:60px}.color-item{padding:12px}.color-name{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/color-wheel.css.map */