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