/**
 * Highlight Stock swatches based on status
 */
.spr-screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* In Stock */
.product
  .variations
  .cgkit-attribute-swatches-wrap
  .cgkit-attribute-swatches
  li.cgkit-attribute-swatch.spr-in-stock
  button {
  background-color: #e9f9e4;
  border: 1px solid #4b8f2f;
  color: #17361d;
  box-shadow: inset 0 0 0 1px #a3d58b;
}
/* Backorderable */
.product
  .variations
  .cgkit-attribute-swatches-wrap
  .cgkit-attribute-swatches
  li.cgkit-attribute-swatch.spr-backorder
  button {
  background-color: #fff1d6;
  border: 1px dashed #b26a00;
  color: #623800;
}
/* Out of Stock */
.product
  .variations
  .cgkit-attribute-swatches-wrap
  .cgkit-attribute-swatches
  li.cgkit-attribute-swatch.spr-out-of-stock
  button {
  background-color: #eceff3;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(100, 116, 139, 0.16) 0,
    rgba(100, 116, 139, 0.16) 6px,
    transparent 6px,
    transparent 12px
  );
  border: 1px solid #64748b;
  color: #334155;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
.product
  .variations
  .cgkit-attribute-swatches-wrap
  .cgkit-attribute-swatches
  li.cgkit-attribute-swatch.spr-out-of-stock
  span {
  display: block;
}
/* Actively Selected */
.product
  .variations
  .cgkit-attribute-swatches-wrap
  .cgkit-attribute-swatches
  li.cgkit-attribute-swatch
  button.cgkit-swatch-selected {
  color: #1e293b;
  font-weight: 600;
  outline-width: 2px;
  outline-color: #1e293b;
  outline-offset: 2px;
  outline-style: solid;
}

.product
  .variations
  .cgkit-attribute-swatches-wrap
  .cgkit-attribute-swatches
  li.cgkit-attribute-swatch
  button:focus-visible {
  outline: 3px solid #0f172a;
  outline-offset: 3px;
}