.date-box{z-index:400;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:flex-end;padding:.25em .5em .25em 1em;line-height:1.1;display:flex;position:relative}.date-box .weekday,.date-box .month{font-size:.85em}.date-box .day{font-size:3em;font-weight:400}.date-box .mark{mix-blend-mode:overlay;width:50%;height:100%;position:absolute;top:50%;right:0}.date-box .mark.x{transform:translate(2em,-52%)scale(.75)}.date-box .mark.u{width:60%;height:80%;transform:translate(.25em)scale(1)}.date-box .mark .children{width:100%;height:100%}.date-box.full{grid-template-columns:4fr 1fr;grid-template-areas:"weekday day""month day";align-items:center;line-height:1;display:grid}.date-box.full .weekday{grid-area:weekday;font-size:1.1em}.date-box.full .month{grid-area:month;font-size:1.1em}.date-box.full .day{grid-area:day}.date .animation-intro-wrap>.border-left{width:.5em;height:calc(100% - .5em)}