/** Shopify CDN: Minification failed

Line 153:0 Expected "}" to go with "{"

**/
.countdown-bar-container {
  display:flex;
  width:100%;
  background:var(--gradient-base-accent-1);
  color: white;
  margin:0;
  padding: 0.5rem;
  justify-content:center;
}

.countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 2rem;
  width: fit-content;
  height: fit-content;
  margin: auto 20px;
}


.countdown-button {
  height: fit-content;
  width: fit-content;
  margin: auto 1rem;
  backface-visibility: hidden;
  background: var(--gradient-background);
  border: 0;
  border-radius: 40px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  padding: 1rem 2rem;
  text-decoration: none;
  transform: translateZ(0) scale(1);
  transition: transform .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  font-weight:700;
}

.countdown-button:disabled {
  color: #787878;
  cursor: auto;
}

.countdown-button:not(:disabled):hover {
  transform: scale(1.05);
}

.countdown-button:not(:disabled):hover:active {
  transform: scale(1.05) translateY(.125rem);
}

.countdown-button:focus {
  outline: 0 solid transparent;
}

.countdown-button:focus:before {
  border-width: .125rem;
  content: "";
  left: calc(-1*.375rem);
  pointer-events: none;
  position: absolute;
  top: calc(-1*.375rem);
  transition: border-radius;
  user-select: none;
}

.countdown-button:focus:not(:focus-visible) {
  outline: 0 solid transparent;
}

.countdown-button:not(:disabled):active {
  transform: translateY(.125rem);
}


.countdown .day,
.countdown .hour,
.countdown .min,
.countdown .sec {
  padding: 1rem;
  text-align: center;
  height: fit-content;
  margin: auto 0px;
}

.countdown .day .num,
.countdown .hour .num,
.countdown .min .num,
.countdown .sec .num {
  display: block;
  font-size: 2.8rem;
  margin: -1.2rem -0.2rem;
  font-weight: 600;
}

.countdown .day .word,
.countdown .hour .word,
.countdown .min .word,
.countdown .sec .word {
  display: block;
  font-size: 1.3rem;
}

.countdown-bar-header {
  height: fit-content;
  width: fit-content;
  margin: auto 1rem;
}

.countdown-bar-header h2 {
  margin: 0;
  color: white;
  font-size: 2.8rem;
}

@media screen and (max-width: 750px) {
  
  .countdown-bar-container {
    display:block;
    }
  
  .countdown {
    margin: 0 auto;
    }
    
  .countdown-bar-header {
    width:fit-content;
    margin: auto;
    }


  .countdown-bar-header h2 {
    font-size: 2.3rem;
    padding-top: 14px;
    }
  }

@media screen and (max-width: 750px) {
    .countdown-button {
    width:fit-content;
    margin: auto;
    margin-bottom: 10px;
    }