.swatch-container{display:flex;margin-bottom:10px;flex-wrap:wrap}@media only screen and (min-width:1025px){.swatch-container{margin-right:20%}}.swatch{width:30%;height:auto;margin:1.5%;cursor:pointer;border:2px solid #ddd;transition:border .3s ease,transform .2s ease;box-sizing:border-box;border-radius:5px}.swatch:hover{border-color:#555;transform:scale(1.05)}.swatch img{max-width:100%;max-height:100%;object-fit:cover;display:block;border-radius:5px}.swatch.selected{border-color:#0071a1;box-shadow:0 0 10px rgba(0,113,161,.5)}.swatch-label{display:block;text-align:center;font-size:13px;color:#333;font-weight:400}