.entrance-wrapper {
  position: fixed;
  left: 15px;
  bottom: 40px;
}
.entrance-wrapper.right {
  right: 0px;
  left: unset;
}
.entrance-wrapper > a > img {
  width: 80%;
  max-height: 192px;
}
.entrance-wrapper > img {
  height: 20px;
  position: absolute;
  right: 10px;
  top: -10px;
  cursor: pointer;
}
.entrance-wrapper.right > img {
  right: unset;
  left: 0px;
}
.entrance-wrapper > img:hover {
  filter: brightness(1.2);
}

/* eurocup2024 */

.euro-wrapper {
  position: fixed;
  bottom: 10%;
  left: 30px;
  width: 300px;
  z-index: 5;
  padding: 30px 10px;
  background-image: url('../event/eurocup2024/img/desktop/euro-bg.png');
  background-size: 100% 100%;
  animation: 3s float infinite alternate, 1s shadow infinite alternate;
  filter: drop-shadow(0 0 10px #2247ff);
}

@keyframes float {
  from {
      transform: translateY(0);
  }

  to {
      transform: translateY(20px);
  }
}

@keyframes shadow {
  from{
      filter: drop-shadow(0 0 10px #002aff);
  }
  to{
      filter: drop-shadow(0 0 10px transparent);
  }
}

.euro-close {
  position: absolute;
  top: -45px;
  right: -20px;
  cursor: pointer;
}

.euro-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.euro-close img {
  height: 35px;
}

.euro-mascot {
  position: absolute;
}

.euro-mascot img {
  height: 70px;
}

.euro-mascot.left {
  bottom: -10px;
  left: -30px;
  transform: rotate(20deg);
}

.euro-mascot.right {
  bottom: -10px;
  right: -35px;
  transform: rotate(-10deg);
}

.euro-logo {
  margin-bottom: 10px;
}

.euro-logo img {
  height: 40px;
}

.euro-cd-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.euro-cd-holder {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  padding: 7px 12px;
  /* background-color: #fff; */
  color: #fff;
  margin-right: 5px;
  position: relative;
  overflow: hidden;
}

.euro-cd-holder:last-child {
  margin-right: 0;
}

.euro-cd-text {
  font-size: 12px;
  position: relative;
  z-index: 1;
}

.euro-cd-box {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 2px;
  position: relative;
  z-index: 1;
}
/* eurocup2024 */

@media (max-width: 750px) {
  .entrance-wrapper {
    bottom: 75px;
  }
  .entrance-wrapper.right {
    right: -40px;
  }
  .entrance-wrapper > a > img {
    width: 60%;
    max-height: 150px;
  }
  .entrance-wrapper > img {
    right: 30px;
  }
  .entrance-wrapper.right > img {
    left: -10px;
  }
}
.animation-shaking{
	animation: 2s shaking ease-out infinite;
}
.animation-showing{
	animation: 2.5s showing ease-out infinite;
}

@keyframes shaking {
	0% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    10% {
        transform: rotate(-12deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    20% {
        transform: rotate(12deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    28% {
        transform: rotate(-10deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    36% {
        transform: rotate(10deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }

    42% {
        transform: rotate(-8deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }

    48% {
        transform: rotate(8deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }

    52% {
        transform: rotate(-4deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }

    56% {
        transform: rotate(4deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }

    60% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(0.755, .5, .855, .06)
    }

    100% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
}
@keyframes showing {
	0%{
		opacity: 0;
	}
	60%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}