.c-swatch-container-main {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 10;
}
.c-swatch-container-inner {
  display:flex;
}
.c-single-swatch.active .color-swatch {
  box-shadow: 0 0 0 2px var(--colorTextBody);
}
.c-single-swatch.active span.color-swatch::after {
    display: block;
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mask-size: cover;
    background: currentColor;
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M5 12.0862L5.8588 11.1978L9.90111 15.1809L18.1116 7L19 7.88101L9.90111 16.9429L5 12.0862Z" fill="%23252525"/%3E%3C/svg%3E');
}

@media only screen and (min-width: 769px) {
  .c-swatch-container-main {
    display:none;
  }
}