/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from snippet stylesheet tags */
/* START_SNIPPET:pseudo-variant-picker-item-color (INDEX:239, SCOPED:FALSE) */
.pseudo-variant-picker__image-holder {
      aspect-ratio: var(--aspect-product-image-aspect-ratio);
      width: var(--product-image-variant-picker-width);
    }
    .pseudo-variant-picker__image{
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }
/* END_SNIPPET:pseudo-variant-picker-item-color */

/* START_SNIPPET:pseudo-variant-picker-item-standard (INDEX:240, SCOPED:FALSE) */
.pseudo-variant-picker__standard-button {
    font-size: var(--pseudo-variant-picker-button-font-size);
  }
/* END_SNIPPET:pseudo-variant-picker-item-standard */

/* START_SNIPPET:pseudo-variant-picker-item (INDEX:241, SCOPED:FALSE) */
.pseudo-variant-picker__option-name {
  opacity:0;
}

.pseudo-variant-picker__link {
  display: block;
  color: inherit;
}

.pseudo-variant-picker__list--standard .pseudo-variant-picker__item {
  margin: 0 -1px -1px 0;
}

.pseudo-variant-picker__link--standard {
  --alpha-button-border: .3;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: var(--button-default-top-padding) 1.6rem var(--button-default-bottom-padding);
  text-decoration: none;
  border:0.1rem solid var(--product-image-variant-picker-border-color);
  min-height: 4.5rem;
  width: 100%;
  transition: box-shadow var(--duration-short) ease;
  appearance: none;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: 1;
}

.pseudo-variant-picker__link--colors {
  border: .1rem solid transparent;
}
  /* show name when:
  * item hovered
  * item has focus-within and no items has hover
  * item has current class and no items has hover nor focus-within
  */
.pseudo-variant-picker__item:hover,
.pseudo-variant-picker:has(.pseudo-variant-picker__item:focus-within):not(:has(.pseudo-variant-picker__item:hover)) .pseudo-variant-picker__item:focus-within,
.pseudo-variant-picker:not(:has(.pseudo-variant-picker__item:hover)):not(:has(.pseudo-variant-picker__item:focus-within)) .pseudo-variant-picker__item:has(.pseudo-variant-picker__link--current) {
  z-index: 1;

  .pseudo-variant-picker__option-name {
    opacity: 1;
  }

  .pseudo-variant-picker__link--colors {
    border-color: var(--product-image-variant-picker-border-color-dark);
  }

  .pseudo-variant-picker__link--standard {
    background-color: var(--product-image-background-color);
    outline: 1px solid var(--product-image-variant-picker-border-color-dark);
  }
}
/* END_SNIPPET:pseudo-variant-picker-item */

/* START_SNIPPET:pseudo-variant-picker (INDEX:242, SCOPED:FALSE) */
.pseudo-variant-picker {
    position: relative;
    font-size: var(--pseudo-variant-picker-font-size);
  }

  .pseudo-variant-picker__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 1.6rem;
    padding: 0;
  }

  .pseudo-variant-picker__list--standard {
    display: grid;
    grid: auto/1fr 1fr 1fr;
    margin: 0 -1px -1px 0;
  }

  .pseudo-variant-picker__list--colors {
    gap: var(--variant-picker-images-gap);
    margin-bottom: 2.8rem;
  }

  .pseudo-variant-picker__option-name {
    height: 1em;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    line-height: 1;
  }

  .pseudo-variant-picker__option-name--current:empty {
    position: static;
    margin-bottom: 1.4rem;
    opacity: 1;
    display: block;
  }
/* END_SNIPPET:pseudo-variant-picker */