.swatch-list-drawer{gap:var(--space-600) var(--space-50);max-width:100%;padding-block:var(--space-600);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.swatch-list-drawer .swatch-list__item{flex-direction:column;align-items:flex-start;display:flex;position:relative}.swatch-list-drawer .swatch-list__item__image-wrapper{aspect-ratio:.8;width:100%;margin-bottom:var(--space-200);position:relative;overflow:hidden}.swatch-list-drawer .swatch-list__item__image-wrapper:before{content:"";border:1px solid var(--color-ui-900);z-index:1;display:none;position:absolute;inset:0}.swatch-list-drawer .swatch-list__item__out-of-stock-overlay{background-color:var(--color-cream-200);opacity:.5;position:absolute;inset:0}.swatch-list-drawer .swatch-list__item__out-of-stock-overlay:before{content:"";background:linear-gradient(to top left, transparent calc(50% - .5px), var(--color-cream-300) calc(50% - .5px), var(--color-cream-300) calc(50% + .5px), transparent calc(50% + .5px));position:absolute;inset:0}.swatch-list-drawer .swatch-list__item__image{object-fit:cover}.swatch-list-drawer .swatch-list__item__stock-indicator{font-family:var(--font-family-sans-serif);font-size:var(--ui-3-font-size);line-height:var(--ui-3-line-height);font-weight:var(--ui-3-font-weight);letter-spacing:var(--ui-3-letter-spacing);text-transform:uppercase;margin-top:var(--space-250);color:var(--color-status-low)}@media (hover:hover) and (pointer:fine){.swatch-list-drawer .swatch-list__item:hover:hover .swatch-list__item__image-wrapper:before{display:block}}.swatch-list-drawer .swatch-list__item--selected .swatch-list__item__image-wrapper:before{display:block}.swatch-list-drawer .swatch-list__item .price{flex-wrap:wrap;row-gap:0}.swatch-list-drawer .swatch-list__item .price__percentage{padding:var(--space-150);background-color:var(--color-cream-200);border-radius:var(--settings-badge-primary-border-radius);text-transform:var(--settings-badge-primary-text-case);background-color:var(--color-cream-300);top:var(--space-300);left:var(--space-300);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;overflow:hidden}