:root {
  --bs-font-sans-serif: "Countdown Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
  --cntdwn-textaccent: #ffffff;
  --cntdwn-bg: #000000;
}

.cntdwn-bg {
  background: var(--cntdwn-bg);
  transition: background 0.25s ease, color 0.25s ease;
}

.display-7 {
  font-size: 20px;
  font-weight: 500;
}

.cntdwn-textaccent {
  color: var(--cntdwn-textaccent);
  transition: background 0.25s ease, color 0.25s ease;
}

#navbar:after {
  content: '';
  position: fixed;
  backdrop-filter: blur(30px);
  -webkit-mask: linear-gradient(0deg, transparent, black 75%);
  mask: linear-gradient(0deg, transparent, black 75%);
  -webkit-backdrop-filter: blur(30px);
  top: 0;
  z-index: -1;
  height: 90px;
  background: color-mix(in srgb, var(--cntdwn-bg) 40%, #ffffff00);
  left: 0;
  right: 0;
  width: 100%;
}

#navbar {
  z-index: 1000;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.cntdwn-biglink {
  color: var(--cntdwn-textaccent);
  text-decoration: none!important;
  transition: all 0s ease, opacity 0.5s ease, transform 0.5s cubic-bezier(.785, .135, .15, .86);
  display: inline-block;
  overflow: hidden;
}

.cntdwn-biglink:hover {
  background-color: var(--cntdwn-textaccent);
  color: var(--cntdwn-bg);
}

.cntdwn-biglink span {
  display: inline-block;
}

.cntdwn-biglink:hover span {
  animation: textflip 1s cubic-bezier(.785, .135, .15, .86) infinite;
  animation-iteration-count: 1;
}

@keyframes textflip {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -1em);
  }
  51% {
    transform: translate(0, 1em);
  }
  100% {
    transform: translate(0, 0);
  }
}

.cntdwn-biglink:hover ~ .cntdwn-biglink:not(:hover), .cntdwn-biglink:not(:hover):has( ~ .cntdwn-biglink:hover) {
  opacity: 0.5;
}

@media (min-width: 768px) {
  .cntdwn-biglink:hover ~ .cntdwn-biglink:not(:hover), .cntdwn-biglink:not(:hover):has( ~ .cntdwn-biglink:hover), .cntdwn-biglink:hover ~ .cntdwn-bigcaption:not(:hover), .cntdwn-bigcaption:not(:hover):has( ~ .cntdwn-biglink:hover) {
    transform: scale(1) translateX(0em)!important;
  }
}

.noscale .cntdwn-biglink:hover ~ .cntdwn-biglink:not(:hover), .noscale .cntdwn-biglink:not(:hover):has( ~ .cntdwn-biglink:hover), .noscale .cntdwn-biglink:hover ~ .cntdwn-bigcaption:not(:hover), .noscale .cntdwn-bigcaption:not(:hover):has( ~ .cntdwn-biglink:hover) {
  transform: scale(1) translateX(0em)!important;
}

#swup[imageUrl] ~ #imagebg {
  background-image: url(attr(data-imageUrl url));
}

body:has(.lightblue.cntdwn-biglink:hover), body:has(#swup.lightblue) {
  --cntdwn-bg: #77d5e1;
  --cntdwn-textaccent: #151447;
}

body:has(.darkblue.cntdwn-biglink:hover), body:has(#swup.darkblue) {
  --cntdwn-bg: #0d0e1f;
  --cntdwn-textaccent: #77d5e1;
}

body:has(.darkteal.cntdwn-biglink:hover), body:has(#swup.darkteal) {
  --cntdwn-bg: #042830;
  --cntdwn-textaccent: #93ebf7;
}

body:has(.lightmagenta.cntdwn-biglink:hover), body:has(#swup.lightmagenta) {
  --cntdwn-bg: #e74a95;
  --cntdwn-textaccent: #13092f;
}

body:has(.insidersbg.cntdwn-biglink:hover), body:has(#swup.insidersbg) {
  --cntdwn-bg: #000000;
  --cntdwn-textaccent: #ef6cab;
}

body:has(.swy.cntdwn-biglink:hover), body:has(#swup.swy) {
  --cntdwn-bg: #101032;
  --cntdwn-textaccent: #ff9ce3;
}

body:has(.lightorange.cntdwn-biglink:hover), body:has(#swup.lightorange) {
  --cntdwn-bg: #ee8a42;
  --cntdwn-textaccent: #41110e;
}

body:has(.lightwhite.cntdwn-biglink:hover), body:has(#swup.lightwhite) {
  --cntdwn-bg: #ededed;
  --cntdwn-textaccent: #000000;
}

body:has(.darkgrey.cntdwn-biglink:hover), body:has(#swup.darkgrey) {
  --cntdwn-bg: #101010;
  --cntdwn-textaccent: #ffffff;
}

a.cntdwn-hoverbox:hover {
  background: var(--cntdwn-textaccent)!important;
  color: var(--cntdwn-bg)!important;
}

.transition-main, .transition-home, .transition-insiders {
  transition: all 0.5s cubic-bezier(.785, .135, .15, .86);
}

html.is-changing .transition-main {
  margin-left: 30px;
  opacity: 0;
  filter: blur(12px);
}

html.is-changing .transition-home {
  margin-top: 30px;
  opacity: 0;
  filter: blur(12px);
}

html.is-changing.to-reverse .transition-main {
  margin-left: -30px;
  opacity: 0;
}

html.is-changing.to-home .transition-home {
  margin-top: -30px;
  opacity: 0;
  margin-left: 0!important;
}

html.is-changing.to-insiders .transition-home, html.is-changing.to-insiders .transition-main {
  margin-top: 30px;
  opacity: 0;
  margin-left: 0!important;
}

html.is-changing.to-insiders .transition-insiders {
  margin-top: -30px;
  opacity: 0;
  margin-left: 0!important;
}

html.is-changing.to-navfromhome .transition-main {
  margin-top: 30px;
  opacity: 0;
  margin-left: 0!important;
}

html.is-leaving .transition-main {
  margin-left: -30px;
  filter: blur(12px);
}

html.is-leaving .transition-home, html.is-leaving .transition-insiders {
  margin-top: -30px;
  filter: blur(12px);
}

html.is-leaving.to-reverse .transition-main, html.is-leaving.to-reverse .transition-insiders {
  margin-left: 30px;
}

html.is-leaving.to-home .transition-main, html.is-leaving.to-home .transition-insiders {
  margin-top: 30px;
  margin-left: 0!important;
}

html.is-leaving.to-navfromhome .transition-main, html.is-leaving.to-navfromhome .transition-insiders {
  margin-top: -30px;
  margin-left: 0!important;
}

#imagebg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-mask: linear-gradient(90deg, #00000000, #0000001a 30%, #0000009c);
  mask: linear-gradient(90deg, #00000000, #0000001a 30%, #0000009c);
  background-size: cover;
  background-repeat: no-repeat;
}

#swup .container div {
  max-width: 600px;
}

p a, h1 a {
  color: var(--cntdwn-textaccent);
}

p a:hover, h1 a:hover {
  color: var(--cntdwn-bg);
  background-color: var(--cntdwn-textaccent);
}

#swup {
  padding-bottom: 4rem;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.cntdwn-blink {
  animation: blink 2s ease infinite;
}

.cntdwn-bigcaption {
  transition: all 0s ease, opacity 0.25s ease, transform 0.25s cubic-bezier(.785, .135, .15, .86);
}

::selection {
  background-color: var(--cntdwn-textaccent);
  color: var(--cntdwn-bg);
}

::-moz-selection {
  background-color: var(--cntdwn-textaccent);
  color: var(--cntdwn-bg);
}

::-o-selection {
  background-color: var(--cntdwn-textaccent);
  color: var(--cntdwn-bg);
}

::-ms-selection {
  background-color: var(--cntdwn-textaccent);
  color: var(--cntdwn-bg);
}

::-webkit-selection {
  background-color: var(--cntdwn-textaccent);
  color: var(--cntdwn-bg);
}

svg.cntdwn-textaccent.stroke {
  stroke: var(--cntdwn-textaccent);
}

.checkedoff {
  opacity: 0.60;
}

.cntdwn-logo {
  height: 30px;
  width: auto;
}

body:has(#swup.insidersbg) #joininsiders, body:has(#swup.insiderspage) #joininsiders {
  display: none!important;
}

body:has(#swup.navfixed) > #navbar {
  position: fixed;
}

#homepage-hero {
  padding: 60px 0px 33px 0px;
  max-width: 100%;
  background: linear-gradient(#00000000 51%, #000000 100%), linear-gradient(340deg, #0428435a 30%, #042929 100%), url("/assets/img/image-webcover.png?h=c01ce0eac6c15c0d86972eaa3bdca007") center / cover no-repeat;
  min-height: 60vh;
}

@media (min-width: 992px) {
  #homepage-hero {
    min-height: 90vh;
  }
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1850px;
}