swatch-image{display:block;scrollbar-width:thin;scrollbar-color:#b79961 #f1f1f1}swatch-image .option-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,110px));gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:15px}swatch-image .option-values .image{width:82px;height:82px;min-width:82px;border:1px solid #ddd;overflow:hidden;padding:6px;cursor:pointer}swatch-image .option-values .image.active,swatch-image .option-values .image:hover{border-color:#b79961}swatch-image .option-values .image.active{background-color:#b79961;color:#fff;border-color:#000;pointer-events:none}swatch-image .option-values .no-image .image{height:auto;width:auto}swatch-image .option-values .image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}swatch-image .option-values .image.active img,swatch-image .option-values .image:hover img{scale:1.2}swatch-image::-webkit-scrollbar{width:8px;height:8px}swatch-image::-webkit-scrollbar-track{background:#f1f1f1}swatch-image::-webkit-scrollbar-thumb{background:#b79961;border-radius:4px}swatch-image .option-name{font-size:14px;line-height:normal;font-weight:400;margin:15px 0}swatch-image .option-name strong{font-size:14px;line-height:normal;font-weight:500}swatch-image .option-values .variant-details .variant-title{font-size:12px;text-align:center;line-height:normal;font-weight:400;margin:10px 0}swatch-image .option-values .variant-details{max-width:82px}swatch-image .option-values .variant-details.no-image{max-width:100%}