._opacity[data-v-58373584] {
  visibility: hidden;
  background-color: white;
}
._slotCon[data-v-58373584] {
  position: absolute;
  visibility: hidden;
}
._parent[data-v-58373584] {
  position: relative;
  overflow: hidden;
  z-index: 10;
  padding: 1px;
  height: var(--41100543);
  width: var(--9f4c73ac);
}
@media screen and (max-width: 840px) {
._parent[data-v-58373584] {
    height: auto;
    width: auto;
}
}
._changeColor[data-v-58373584] {
  position: absolute;
  height: 1000px;
  width: var(--9f4c73ac);
  background-color: var(--328badd0);
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 2;
  animation: toWhite-58373584 1s forwards ease-in;
  transform: translateX(102%);
}
@media screen and (max-width: 840px) {
._changeColor[data-v-58373584] {
    animation-duration: 1.5s;
}
}
@keyframes toWhite-58373584 {
0% {
    transform: translate(0);
}
85% {
    transform: translate(0);
}
100% {
    transform: translate(102);
}
}
._changeOtherColor[data-v-58373584] {
  position: absolute;
  background-color: var(--b4efebe6);
  height: var(--41100543);
  width: var(--9f4c73ac);
  opacity: 0.7;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translateX(-100%);
  animation: fromLeftToRightColor-58373584 1.5s forwards ease-out;
  overflow: hidden;
}
@media screen and (max-width: 840px) {
._changeOtherColor[data-v-58373584] {
    animation-duration: 2.3s;
}
}
@keyframes fromLeftToRightColor-58373584 {
0% {
    transform: translate(-100%, 0);
}
65% {
    transform: translate(-100%, 0);
}
100% {
    transform: translate(0, 0);
}
}
._changeOtherColorStart[data-v-58373584] {
  position: absolute;
  background-color: var(--328badd0);
  height: 1000px;
  width: var(--9f4c73ac);
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 3;
  transform: translateX(-100%);
  overflow: hidden;
  animation: fromLeftToRightStart-58373584 1.5s forwards ease-out;
}
@media screen and (max-width: 840px) {
._changeOtherColorStart[data-v-58373584] {
    animation-duration: 2s;
}
}
@keyframes fromLeftToRightStart-58373584 {
0% {
    transform: translate(-100%, 0);
}
35% {
    transform: translate(-100%, 0);
}
100% {
    transform: translate(0, 0);
}
}