@charset "UTF-8";
/*! #PUBLIC start */
/* #region */
:root{--theme: #f05923;--rgb: 240, 89, 35}
/* #endregion */
/*! #PUBLIC end */

@keyframes ani-fade-up {
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  [data-anim="fade-up"].ani-ready {
    transform: translateY(50%);
    opacity: 0;
    &.ani-played {
      animation: ani-fade-up 0.8s ease-in-out forwards;
    }
  }
  @keyframes ani-fade-down {
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  [data-anim="fade-down"].ani-ready {
    transform: translateY(-50%);
    opacity: 0;
    &.ani-played {
      animation: ani-fade-down 0.8s ease-in-out forwards;
    }
  }

  @keyframes ani-fade-left {
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  [data-anim="fade-left"].ani-ready {
    transform: translateX(50%);
    opacity: 0;
    &.ani-played {
      animation: ani-fade-left 0.6s ease-in-out forwards;
    }
  }

  @keyframes ani-fade-right {
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  [data-anim="fade-right"].ani-ready {
    transform: translateX(-50%);
    opacity: 0;
    &.ani-played {
      animation: ani-fade-right 1s ease-in-out forwards;
    }
  }

  @keyframes ani-blur-in {
    to {
      filter: blur(0);
      opacity: 1;
    }
  }
  [data-anim="blur-in"].ani-ready {
    filter: blur(20px);
    opacity: 0;
    &.ani-played {
      animation: ani-blur-in 0.6s ease-out forwards;
    }
  }

  @keyframes ani-white-in {
    to {
      filter: brightness(1);
      opacity: 1;
    }
  }
  [data-anim="white-in"].ani-ready {
    filter: brightness(3);
    opacity: 0;
    &.ani-played {
      animation: ani-white-in 0.8s linear forwards;
    }
  }
  @keyframes ani-black-in {
    to {
      filter: brightness(1);
      opacity: 1;
    }
  }
  [data-anim="black-in"].ani-ready {
    filter: brightness(0);
    opacity: 0;
    &.ani-played {
      animation: ani-black-in 0.8s linear forwards;
    }
  }
  @keyframes ani-gray-in {
    to {
      filter: grayscale(0);
      opacity: 1;
    }
  }
  [data-anim="gray-in"].ani-ready {
    filter: grayscale(1);
    opacity: 0;
    &.ani-played {
      animation: ani-gray-in 0.8s linear forwards;
    }
  }

  @keyframes ani-bounce-in {
    40% {
      transform: scale(1.02);
      opacity: 1;
    }
    70% {
      transform: scale(0.98);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  [data-anim="bounce-in"].ani-ready {
    transform: scale(0.9);
    opacity: 0;
    &.ani-played {
      animation: ani-bounce-in 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.1) forwards;
    }
  }

  @keyframes ani-zoom-in {
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  [data-anim="zoom-in"].ani-ready {
    transform: scale(0.1);
    opacity: 0;
    &.ani-played {
      animation: ani-zoom-in 0.4s linear forwards;
    }
  }

  @keyframes ani-slide-up {
    0% {
      transform: translateY(100%);
    }
    60% {
      transform: translateY(-8%);
    }
    80% {
      transform: translateY(4%);
    }
    100% {
      transform: translateY(0);
    }
  }
  [data-anim="slide-up"].ani-ready {
    transform: translateY(100%);
    &.ani-played {
      animation: ani-slide-up 1s cubic-bezier(0.25, 1.2, 0.8, 1) forwards;
    }
  }



/* flex²¼¾Ö */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ²Î¿¼ tailwindcss */
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

/* grow */
.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

/* shrink */
.shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* flex-direction */
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* flex-wrap */
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.felx-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

/* align-items */
.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* justify-content */
.justify-normal {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-between,.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.justify-stretch {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}