.vitz-date-time{
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    width:auto;
    max-width:100%;
    margin:0;
    color:var(--theme-text-color,#242424);
}
.vitz-date-time *{box-sizing:border-box}
.vitz-date-time__value,
.vitz-date-time__prefix,
.vitz-date-time__suffix{display:inline-block;min-width:0}
.vitz-date-time__value{font-variant-numeric:tabular-nums}
.vitz-date-time__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    font-size:1.15em;
    line-height:1;
}
.vitz-date-time__icon svg{width:1em;height:1em;fill:currentColor}
.vitz-date-time__separator{display:inline-block}
.vitz-date-tile{
    display:inline-flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    width:72px;
    min-height:82px;
    padding:9px 8px;
    border:0 solid transparent;
    border-radius:12px;
    background:linear-gradient(180deg,#ff6b12,#f25500);
    color:#fff;
    line-height:1;
    text-align:center;
    box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.vitz-date-tile__day{color:#fff;font-size:30px;font-weight:850;letter-spacing:-.03em;line-height:.9}
.vitz-date-tile__month{color:#fff;font-size:12px;font-weight:750;letter-spacing:.08em;line-height:1}
.vitz-date-tile__year{color:#fff;font-size:10px;font-weight:650;letter-spacing:.05em;line-height:1}
.vitz-date-time__separator--blink{animation:vitz-date-time-blink 1s steps(1,end) infinite}
@keyframes vitz-date-time-blink{0%,49%{opacity:1}50%,100%{opacity:.12}}
@media(max-width:767px){
    .vitz-date-time{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
    .vitz-date-time__separator--blink{animation:none}
}
