.swatch-list{padding-block:var(--settings-padding-block-start-mobile,var(--settings-padding-block-start,0)) var(--settings-padding-block-end-mobile,var(--settings-padding-block-end,0));padding-inline:var(--settings-padding-inline-start-mobile,var(--settings-padding-inline-start,0)) var(--settings-padding-inline-end-mobile,var(--settings-padding-inline-end,0))}@media screen and (width>=64rem){.swatch-list{padding-block:var(--settings-padding-block-start) var(--settings-padding-block-end);padding-inline:var(--settings-padding-inline-start) var(--settings-padding-inline-end)}}@media screen and (width<=63.9375rem){.swatch-list[style*=--settings-hidden-mobile\:]{display:none}}@media screen and (width>=64rem){.swatch-list[style*=--settings-hidden-desktop\:]{display:none}}.swatch-list{flex-direction:column;gap:7px;display:flex}.swatch-list__label{color:var(--settings-color-text-primary)}.swatch-list__display{color:var(--settings-color-text-secondary)}.swatch-list__stock-status[x-cloak]{display:none}.swatch-list__stock-status span{color:var(--color-status-low)}.swatch-list__header{font-family:var(--font-family-sans-serif);font-size:var(--ui-1-font-size);line-height:var(--ui-1-line-height);font-weight:var(--ui-1-font-weight);letter-spacing:var(--ui-1-letter-spacing);align-items:baseline;gap:4px;display:flex}.swatch-list__list{letter-spacing:0;grid-template-columns:repeat(var(--swatch-per-row), 1fr);gap:var(--swatch-grid-gap);font-size:0;line-height:normal;display:grid}.swatch-list__item{align-items:center;text-decoration:none;display:flex}.swatch-list__item--selected{pointer-events:none}.swatch-list__item .swatch-item-block{width:100%}.swatch-list__more__button{cursor:pointer}.swatch-list__more--image{font-family:var(--font-family-sans-serif);font-size:var(--ui-1-font-size);line-height:var(--ui-1-line-height);font-weight:var(--ui-1-font-weight);letter-spacing:var(--ui-1-letter-spacing);border:1px solid var(--color-cream-300);justify-content:center;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.swatch-list__more--image.swatch-list__more--button:hover:hover{border-color:var(--color-ui-900)}}.swatch-list__more--button{width:100%;height:100%}.swatch-list__more--color{font-family:var(--font-family-sans-serif);font-size:var(--ui-2-font-size);line-height:var(--ui-2-line-height);font-weight:var(--ui-2-font-weight);letter-spacing:var(--ui-2-letter-spacing);text-transform:uppercase;padding-inline:var(--space-200);align-items:center;display:flex}