.dn-lib-timer {
margin: 0;
padding: 5px
}
.dn-lib-timer .timer-list {
	list-style-type: none !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    align-content: center;
	justify-content: center;
	justify-content: space-evenly;
	padding: 0;
	margin: 0;
}
.dn-lib-timer .timer-h, .dn-lib-timer .timer-m, .dn-lib-timer .timer-s, .dn-lib-timer .timer-d, .dn-lib-timer .timer-y {
margin-left: 2px;
margin-right: 2px;
margin-left: 2px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
	height: 2em;
}
.dn-lib-timer .timer-h, .dn-lib-timer .timer-m, .dn-lib-timer .timer-d, .dn-lib-timer .timer-y {
margin-right: 6.3% !important;	
}
div.dn-timer-num {
    aspect-ratio: 1 / 1;
	position: relative;
    display: flex;
    align-content: center;
    font-size: 47px;
    align-items: center;
    justify-content: center;
    line-height: 0 !important;
	    padding: 5px;
    height: 100%;
    width: 100%;
}
.dn-timer-label {
    width: 100%;
    height: 2rem;
	line-height:normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timer-h .dn-timer-num::before, .timer-m .dn-timer-num::before, .timer-y .dn-timer-num::before, .timer-d .dn-timer-num::before {
  content: ':'; 
  position: absolute; 
  right: -17%; 
  top: 50%; 
  transform: translateY(-50%);
  line-height: 1;
  z-index: 9999;
}