/* AttrConfigurator layers overlay */

#ac-layer-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.ac-layer {
  position: absolute;
  inset: 0;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;

  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-mode: alpha;
}

.ac-layer::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: var(--ac-mask-overlay-image, none);
  mix-blend-mode: multiply;
  opacity: 1;
  display: none;
}

.ac-layer.ac-layer--mask-overlay::after {
  display: block;
}

.ac-layer__fill {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}