.shop-color-swatches{border:0;min-width:0;margin:0;padding:0}.shop-color-swatches legend{gap:8px;max-width:100%;margin:0 0 4px;font-size:11px;display:flex}.shop-color-swatches legend span{color:#69645e;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.shop-color-swatches__row{scrollbar-width:thin;gap:5px;max-width:100%;padding:3px;display:flex;overflow:auto hidden}.shop-color-swatches__row button{cursor:pointer;background:#fff;place-items:center;width:44px;min-width:44px;height:44px;padding:0;transition:border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;border:1px solid #d9d4cb!important}.shop-color-swatches__row button[aria-pressed=true]{outline-offset:1px;outline:1px solid #4a3528}.shop-color-swatches__row button:hover{box-shadow:0 0 0 1px #4a3528}.shop-color-swatches__row button:focus-visible{outline-offset:2px;outline:2px solid #4a3528}.shop-color-swatches__row img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.shop-color-swatches__row button>span{font-size:11px}@media (max-width:960px){.shop-variant-picker--inseam .shop-color-swatches{grid-column:auto;overflow:hidden}.shop-variant-picker--inseam .shop-color-swatches legend{gap:3px;font-size:10px}.shop-variant-picker--inseam .shop-color-swatches__row{gap:4px}}