.block-byv-countdown{padding-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--60);}


.onCountdownFinish{display:none!important;} #editor .onCountdownFinish{display:initial!important;}

.countdown{display:flex;gap:var(--wp--preset--spacing--30);}
.countdown--center{text-align:center;flex-direction:column-reverse;}
.countdown--bottom{text-align:center;flex-direction:column;}
.countdown--left{text-align:left;align-items:center;flex-direction:row-reverse;}
.countdown--right{text-align:right;align-items:center;flex-direction:row;}

.countdown__cd{flex:1;max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;width: 100%;}
.countdown__content{flex:1;}


.countdown__countdown{display:flex;gap:10px;text-align:center;justify-content:space-around;}
.countdown__unit{color:var(--wp--preset--color--heading);flex:25% 0 1;display:flex;margin:0;min-width:80px;position:relative;font-family:var(--wp--custom--font--heading);font-weight:var(--wp--custom--font--heading-weight);}
.countdown__unit:before{content:'';float:left;padding-top:100%;}
.countdown__unit span{display:block;line-height:100%;}
.countdown__unit .number{color:var(--wp--preset--color--primary);font-size:clamp(24px, 3vw, 48px);}
.countdown__unit .number + span{font-size:clamp(12px, 1.5vw, 18px);}

.mode-dark .countdown__unit .number{color:#fff;}

.countdown__inner{margin:auto;}

.gauge{position:absolute;top:0;left:0;right:0;bottom:0;}
.gauge__fill{transition:1s all linear;}
.gauge__background{opacity:0.1;}
.mode-dark .gauge__background{opacity:0.25;}

.block-byv-countdown:not(.visible) .gauge__fill{stroke-dasharray: 0, 263.894 !important;}

@media (max-width: 767px) {
  .countdown--left,
  .countdown--right{text-align:center;display:block;}
  .countdown__content .button-set{justify-content:center;}
}