/* Import general Bootstrap CSS */
@import url('bootstrap.min.css');

.bgfade {
   transition: background-color 5s linear;
}

.heightfade {
   transition: height 0.15s ease;
}

.countdown {
   font-size: calc(8rem + 3.3vw);
}

.hourglass {
   font-size: calc(4rem + 3.3vw);
}

.countdown, .hourglass {
   position: relative;
   z-index: 2;
   background-color: var(--bs-modal-bg);
   width: 100%;
   padding: var(--bs-modal-padding);
}

p.countdown {
   margin: 0;
}

#modalBody {
   padding: 0px !important;
}

.countdownNote {
   font-size: calc(2.5rem + 3.3vw);
   white-space: pre-line;
   box-sizing: border-box;
   width: 100%;
   position: relative;
   z-index: 1;
}

.noticeme {
  opacity: 0;
  -webkit-animation: 1.75s cubic-bezier(0, 0.99, 0, 0.99) infinite spinner-grow;
  animation: 1.75s cubic-bezier(0, 0.99, 0, 0.99) infinite spinner-grow;
  background: transparent;
}

textarea {
   min-height: 4rem !important;
   max-height: 16rem !important;
   resize: none !important;
   overflow: hidden !important;
}

.logo {
   width: 5rem;
   height: 5rem;
}

[data-bs-theme=dark] .logo {
   -webkit-filter: invert(1);
   filter: invert(1);
}