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

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

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

.shotclock__clock{flex:2;}
.shotclock__content{flex:3;}

.shotclock__clock{display:flex;justify-content:center;position:relative;overflow:hidden;}
.shotclock__unit{padding:0 1rem;position:relative;text-align:center;}
.shotclock__unit + .shotclock__unit:before{content:":";left:-0.12em;position:absolute;font-size:400%;line-height:100%;}

.shotclock__clock,
.shotclock__clock{background-color:#fff;color:#000;border-radius:6px;box-shadow:2px 5px 1em rgba(0,0,0,0.2);padding:2em;max-width:300px;margin:0 auto;}

.shotclock__progress{background-color:var(--wp--preset--color--primary);display:none;position:absolute;bottom:0;left:0;height:10px;transition:1s all linear;}
.shotclock__progress,
.shotclock__progress{display:block;}

.shotclock__unit span{display:block;line-height:100%;}
.shotclock__unit .number{font-size:400%;font-family:var(--wp--custom--font--heading);font-weight:var(--wp--custom--font--heading-weight);}


@media (max-width: 767px) {
  .shotclock--left,
  .shotclock--right{text-align:center;flex-direction:column;}
  
  .shotclock__clock{display:inline-flex;}
  .shotclock__content .button-set{justify-content:center;}
}