.counter{display:inline-grid;grid-template-columns:auto minmax(1.6em,1fr);align-items:stretch;align-content:flex-start;justify-content:flex-start;border-radius:100vmax;--shadow-radius: .4em;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 .2em .4em #0000004d;box-shadow:0 .2em var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, .3));position:absolute;top:100%;left:50%;inline-size:min(100%,1024px);inline-size:min(100%,var(--max-width, 1024px));transform:translate(-50%,-50%);overflow:hidden}@media (hover: hover){.counter:is(a,button,select,input,textarea){--shadow-alpha: 30%}}.counter:is(input,textarea):focus,.counter:not(a,button,select,input,textarea){--shadow-alpha: 30%}@media only screen and (max-width: 1024px){.counter{--max-width:calc(100% - 1.6em)}}@media only screen and (max-width: 768px){.counter{border-radius:1em}}.counter__date{padding-block:.8em;padding-block:var(--pad-y, .8em);padding-inline:clamp(.8em,3vw,1.6em);background-image:linear-gradient(90deg,hsl(270,98%,58%),hsl(231,80%,50%));font-size:clamp(1.2em,5vw,2.4em)}.counter>div{display:grid;place-items:center}.counter>div:last-of-type{display:flex;flex-flow:row nowrap;align-items:center;align-content:normal;justify-content:space-between;gap:clamp(.2em,2vw,.8em);padding-inline:clamp(.8em,3vw,2.4em);position:relative;background-color:#0a1238;z-index:10}.counter__container{--number-font-size: 3em;--number-min-width: 2.4rem;gap:clamp(.2em,2vw,.8em);grid-gap:clamp(.2em,2vw,.8em);grid-gap:var(--col-gap, clamp(.2em, 2vw, .8em));gap:var(--col-gap, clamp(.2em, 2vw, .8em));display:grid;grid-template-columns:repeat(4,minmax(.8em,auto));align-items:flex-start;align-content:flex-start;justify-content:flex-start;padding-block:.8em;padding-block:var(--pad-y, .8em);row-gap:.2em;grid-row-gap:.2em;grid-row-gap:var(--row-gap, .2em);row-gap:var(--row-gap, .2em);font-size:clamp(.8em,4vw,1.6em)}@media only screen and (max-width: 1024px){.counter__container{--number-font-size: 2.5em;--number-min-width: unset;--row-gap: .8em}}@media only screen and (max-width: 480px){.counter__container{--number-font-size: xx-large;--number-line-height: 3.2em}}.counter__container>span{grid-column-end:span 4;font-size:.9em}.counter__container>div{display:flex;flex-flow:row nowrap;flex-flow:var(--flex-direction, row) nowrap;align-items:flex-start;align-items:var(--align-items, flex-start);align-content:normal;justify-content:flex-start;justify-content:var(--justify-content, flex-start);gap:0;gap:var(--col-gap, 0);font-size:1em;line-height:1;white-space:nowrap}@media only screen and (max-width: 1024px){.counter__container>div{--col-gap: clamp(.2em, 1vw, .8em)}}@media only screen and (max-width: 768px){.counter__container>div{--flex-direction: column;--align-items: center;--justify-content: center}}.counter__container b{min-width:var(--number-min-width);background-image:linear-gradient(135deg,var(--color-button-bg--light),var(--color-button-bg--dark));font-family:prometo,sans-serif;font-weight:700}@media only screen and (max-width: 480px){.counter__container b{margin-right:0}}.counter__container span{font-family:soleto,sans-serif;font-weight:300}