.ta-block-image-switcher__switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0 auto 1.25rem;
  border: solid 1px #ec4343;
  border-radius: 99px;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  background: #ffffff;
  box-shadow: 0px 7.65px 15.31px 0px rgba(0, 0, 0, 0.0784313725), 0px 0px 3.83px 0px rgba(0, 0, 0, 0.0392156863);
  transition: all 400ms;
}
.ta-block-image-switcher__switcher-button {
  position: relative;
  width: 3rem;
  height: 1.5rem;
  border: solid 1px #ec4343;
  border-radius: 1rem;
  background: #ec4343;
  transition: all 200ms;
}
.ta-block-image-switcher__switcher-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0%, -50%);
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  background: #ffffff;
  border: solid 1px #f8acad;
  transition: all 200ms;
}
.ta-block-image-switcher__switcher span {
  display: block;
  line-height: normal;
  font-size: 0.875rem;
  transition: all 200ms;
}
.ta-block-image-switcher__switcher:hover, .ta-block-image-switcher__switcher:focus, .ta-block-image-switcher__switcher:active {
  background: #ffffff;
  border: solid 1px #ec4343;
}
.ta-block-image-switcher__switcher:hover .ta-block-image-switcher__switcher-button:after {
  transform: translate(25%, -50%);
}
.ta-block-image-switcher__switcher.unchecked .ta-block-image-switcher__switcher-button {
  background: linear-gradient(45deg, rgba(236, 67, 67, 0.85) 0%, rgba(236, 67, 97, 0.85) 100%);
  box-shadow: 0px 0.9px 0.9px 0px rgba(237, 68, 90, 0.2), 0px 1.8px 1.8px 0px rgba(237, 68, 90, 0.168627451), 0px 4.5px 2.7px 0px rgba(237, 68, 90, 0.1019607843), 0px 8.1px 3.6px 0px rgba(237, 68, 90, 0.031372549), 0px 12.6px 3.6px 0px rgba(237, 68, 90, 0);
}
.ta-block-image-switcher__switcher.unchecked span {
  color: #ec4343;
}
.ta-block-image-switcher__switcher.checked {
  border: solid 1px #3cc98d;
}
.ta-block-image-switcher__switcher.checked span {
  color: #3cc98d;
}
.ta-block-image-switcher__switcher.checked .ta-block-image-switcher__switcher-button {
  background: #3cc98d;
  border-color: #3cc98d;
  box-shadow: 0px 0.9px 0.9px 0px rgba(68, 195, 142, 0.2), 0px 1.8px 1.8px 0px rgba(68, 195, 142, 0.168627451), 0px 4.5px 2.7px 0px rgba(68, 195, 142, 0.1019607843), 0px 8.1px 3.6px 0px rgba(68, 195, 142, 0.031372549);
}
.ta-block-image-switcher__switcher.checked .ta-block-image-switcher__switcher-button:after {
  transform: translate(125%, -50%);
  border: solid 1px #3cc98d;
}
.ta-block-image-switcher__images {
  position: relative;
}
.ta-block-image-switcher__images img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 400ms;
  z-index: -1;
  opacity: 0.5;
}
.ta-block-image-switcher__images img:nth-child(2).visible {
  z-index: 1;
  opacity: 1;
}