/** Shopify CDN: Minification failed

Line 40:2 Unexpected "{"
Line 44:2 Unexpected "{"

**/
.card-wrapper .color-swatches {
display: flex;
gap: var(--swatch-spacing, 0.8rem);
margin-top: 0.5rem;
flex-wrap: wrap;
position: relative;
z-index: 2;
justify-content: center;
width: 100%;
margin: 0 auto;
}

.card-wrapper .color-swatch-wrapper {
position: relative;
}

.card-wrapper .color-swatch {
width: 2rem;
height: 2rem;
border-radius: 50%;
cursor: pointer;
position: relative;
background-color: var(--color-swatch);
background-size: cover;
background-position: center;
transition: transform 0.2s ease;
}

.card-wrapper .color-swatches[data-swatch-shape="square"] .color-swatch {
border-radius: 0;
}

.card-wrapper .color-swatch:hover {
  {outline:1px solid #000;}
}

.card-wrapper .color-swatch:focus {
  {outline:1px solid #000;}
}

.card-wrapper .color-swatch::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--color-swatch);
border-radius: 50%;
}

.card-wrapper .color-swatches[data-swatch-shape="square"] .color-swatch::before {
border-radius: 0;
}

.card-wrapper .color-swatch.disabled {
opacity: 0.5;
cursor: not-allowed;
}

.card-wrapper .color-swatch.disabled:hover {
transform: none;
}

.card-wrapper .card__content .full-unstyled-link {
z-index: 1;
}

.card-wrapper .color-swatches {
position: relative;
z-index: 2;
}

button.color-swatch {
border: .1rem solid rgba(var(--color-foreground), .15) !important;
}

.card-wrapper .color-swatches {
  justify-content: var(--text-alignment);
}

.color-swatch.is-active,
.color-swatch:hover {outline: 1px solid #000; outline-offset: 2px;}
.color-swatch {border:1px solid #000;}

.card-wrapper .color-swatch {width:26px !important;height:26px !important;}

@media screen and (min-width: 390px) {
  .card-wrapper .color-swatch {width:32px !important;height:32px !important;}
}

@media screen and (min-width: 400px) {
  .card-wrapper .color-swatch {width:36px !important;height:36px !important;}
}