.numbers{container:numbers-container/inline-size}.numbers__number{line-height:1;color:var(--numbers-color-number)!important;margin-bottom:.25em!important}.numbers__label{color:var(--numbers-color-label)}@media (prefers-reduced-motion:no-preference){.numbers__number,.numbers__label{opacity:0;transform:translateY(8px)}}.numbers__number{white-space:nowrap}.numbers__label{line-height:var(--line-height-compact)}@media (prefers-reduced-motion:no-preference){.numbers__row.show .numbers__number,.numbers__row.show .numbers__label,.numbers__col.show .numbers__number,.numbers__col.show .numbers__label{opacity:1;transition:all .5s ease-in-out;transform:translateY(0)}}.numbers.numbers--bento{--minHeight:500px;--wave:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 200 50\"><path fill=\"black\" d=\"M 0 50 C 80 50, 100 0 180 0 L 200 0 L 200 50 Z\" /></svg>")}.numbers.numbers--bento .numbers__grid{min-height:var(--minHeight);gap:1rem;display:flex;position:relative}.numbers.numbers--bento .numbers__col{flex-direction:column;flex:1;gap:1rem;display:flex}.numbers.numbers--bento .numbers__col--large{flex-grow:2}.numbers.numbers--bento .numbers__row{flex-direction:column;flex-grow:1;padding:2rem;display:flex;position:relative;container:numbers-row/size}.numbers.numbers--bento .numbers__row>*{z-index:2}.numbers.numbers--bento .numbers__row .numbers__bg{z-index:1;border-radius:var(--border-radius);background-color:var(--numbers-color-bg);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.numbers.numbers--bento .numbers__row--light .numbers__bg{border:2px solid var(--numbers-color-light-border);background:0 0}.numbers.numbers--bento .numbers__row--light .numbers__bg:before,.numbers.numbers--bento .numbers__row--light .numbers__bg:after{display:none}.numbers.numbers--bento .numbers__row img{object-fit:contain;object-position:bottom;width:100%;max-width:calc(50% - 1rem);height:100%;max-height:100%;position:absolute;bottom:2rem;right:1rem}.numbers.numbers--bento .numbers__row:last-child img{bottom:-2rem}.numbers.numbers--bento .numbers__row:first-child{z-index:2}.numbers.numbers--bento .numbers__row:last-child{z-index:1}.numbers.numbers--bento .numbers__row:last-child .numbers__bg:before,.numbers.numbers--bento .numbers__row:last-child .numbers__bg:after{z-index:1;-webkit-mask-image:var(--wave);-webkit-mask-image:var(--wave);mask-image:var(--wave);top:auto;bottom:0;left:0;right:0;left:var(--offset-left);background-image:var(--numbers-gradient);width:var(--width);height:calc(var(--height,500) / 6);content:"";position:absolute;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.numbers.numbers--bento .numbers__row:last-child .numbers__bg:after{opacity:.5;mix-blend-mode:soft-light;filter:brightness(3)grayscale();background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='turbulence' baseFrequency='.5' numOctaves='2' result='turbulence'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'%3E%3C/rect%3E%3C/svg%3E")}.numbers.numbers--bento .numbers__row--1-1 .numbers__number{font-size:3.8147em}.numbers.numbers--bento .numbers__row--1-2 .numbers__number{font-size:2.44141em}.numbers.numbers--bento .numbers__row--1-3 .numbers__number{font-size:1.95313em}.numbers.numbers--bento .numbers__row--2-3{flex-grow:2}.numbers.numbers--bento .numbers__row--2-3 .numbers__number{font-size:3.05176em}@container numbers-container (width<=1024px){.numbers.numbers--bento .numbers__grid{min-height:calc(var(--minHeight) + 5rem);scroll-snap-type:x mandatory;padding:2rem 0 3rem;overflow-x:scroll;overflow-y:hidden}.numbers.numbers--bento .numbers__col{flex:none;flex-basis:calc(var(--itemWidth) - 4rem);scroll-snap-align:start}}@container numbers-row (width<300px){.numbers.numbers--bento .numbers__row img{object-position:right bottom;max-width:calc(100% - 2rem);max-height:60%}}@container numbers-row (width<300px) and (height<200px){.numbers.numbers--bento .numbers__row:first-child img{bottom:-2rem}.numbers.numbers--bento .numbers__row img{max-width:calc(100% - 2rem);max-height:60%}}.numbers.numbers--inline .numbers__grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem 4rem;display:flex}.numbers.numbers--inline .numbers__col{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.numbers{--numbers-color-bg:var(--color-bg);--numbers-color-gradient-1:var(--numbers-color-bg);--numbers-color-gradient-2:var(--color-accent);--numbers-color-gradient-3:var(--color-secondary);--numbers-gradient:linear-gradient(90deg, var(--numbers-color-gradient-1) 20%, var(--numbers-color-gradient-2) 60%, var(--numbers-color-gradient-3));--numbers-color-light-border:color-mix(in srgb, var(--color-primary) 10%, transparent);--numbers-color-number:var(--color-contrast);--numbers-color-label:var(--color-contrast-light)}.numbers--light{--numbers-color-number:var(--color-primary)}[data-color-scheme=highlight] .numbers{--numbers-color-bg:color-mix(in srgb, var(--color-primary) 10%, transparent)}
/*# sourceMappingURL=numbers.min.css.map */
