@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/gilroy-regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  box-sizing: border-box;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* or any background color */
  -webkit-text-fill-color: white !important; /* optional: reset text color */
  transition: background-color 5000s ease-in-out 0s; /* prevent flash of yellow */
}

/*timming item*/
.text-gilroy {
  font-family: "Gilroy";
}

.timming-list .timming-item .line {
  background-color: #b3e6ff;
}

.timming-list .timming-item.active ~ .timming-item .line {
  background-color: #ebeff4;
}

.timming-item-content {
  position: relative;
  border-top: 2px solid #cfd9e3;
  background-color: #f6fbfc;
}
.timming-item-content .item-top {
  margin-top: -2px;
}
.timming-item-content:after,
.timming-item-content:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  background-color: #cfd9e3;
}
.timming-item-content:before {
  left: 0;
}
.timming-item-content:after {
  right: 0;
}
.timming-item.active .timming-item-content {
  border-top-color: #1450a9;
}
.timming-item.active .timming-item-content:after,
.timming-item.active .timming-item-content:before {
  background: linear-gradient(to bottom, #1450a9, #cfd9e3);
}
.timming-item.active .corner-left {
  border-right-color: #1450a9;
  border-bottom-color: transparent;
}
.timming-item.active .corner-right {
  border-left-color: #1450a9;
  border-bottom-color: transparent;
}
.timming-item.active .badget {
  background-color: #1450a9;
  color: white;
}
.timming-item.active .cavet {
  border-top-color: #1450a9;
}
.timming-item.active .timming-item-content {
  background: linear-gradient(to top, #3a82e13b, transparent),
    linear-gradient(to bottom, #aed1ff3b, transparent);
}

/*====game*/

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bounce-animate {
  -webkit-animation: bounce 0.6s ease infinite alternate;
}
.container {
  @media (width >= 96rem) {
    max-width: 72rem;
  }

  @media (width >= 80rem) {
    max-width: 72rem;
  }
}
@-webkit-keyframes bounce {
  0% {
    /* filter: drop-shadow(0px 0px 20px rgba(255, 227, 16, 0.8)); */
  }
  100% {
    transform: translateY(-12px);
    /* text-shadow: 0 50px 0 black, 0 0px 20px rgba(0, 0, 0, 0.8); */
    /* filter: drop-shadow(0px 5px 0px rgba(255, 227, 16, 0.2))
      drop-shadow(0px 10px 50px rgba(255, 227, 16, 0.6)); */
  }
}