.rexx-stats-01 {
    --rexx-stats-01-content-max: 1500px;
    --rexx-stats-01-surface: color-mix(in srgb, var(--rexx-color-1) 28%, white);
    --rexx-stats-01-item-surface: color-mix(in srgb, var(--rexx-color-1) 16%, white);
    --rexx-stats-01-text: var(--rexx-text-color);
    --rexx-stats-01-heading: var(--rexx-heading-color);
    --rexx-stats-01-muted: var(--rexx-muted-color);
    --rexx-stats-01-divider: color-mix(in srgb, var(--rexx-color-4) 20%, transparent);
    --rexx-stats-01-border: var(--rexx-border-color);
    --rexx-stats-01-gap: var(--rexx-space-lg, 2rem);
    --rexx-stats-01-band-gutter: var(--rexx-space-sm, 0.75rem);
    --rexx-stats-01-item-padding: var(--rexx-space-lg, 2rem);

    width: min(100%, var(--rexx-stats-01-content-max));
    margin-inline: auto;
    padding: var(--rexx-page-padding, 1rem);
    padding-block: var(--rexx-stats-01-section-space, calc(var(--rexx-section-space, 6rem) / 2));
    box-sizing: border-box;
    color: var(--rexx-stats-01-text);
}

.rexx-stats-01--stats_width-narrow {
    --rexx-stats-01-content-max: 900px;
}

.rexx-stats-01--stats_width-standard {
    --rexx-stats-01-content-max: 1200px;
}

.rexx-stats-01--stats_width-wide {
    --rexx-stats-01-content-max: 1500px;
}

.rexx-stats-01--stats_width-full {
    --rexx-stats-01-content-max: 1740px;
}

.rexx-stats-01--section_spacing-compact {
    --rexx-stats-01-section-space: var(--rexx-space-lg, 2rem);
}

.rexx-stats-01--section_spacing-normal {
    --rexx-stats-01-section-space: calc(var(--rexx-section-space, 6rem) / 2);
}

.rexx-stats-01--section_spacing-large {
    --rexx-stats-01-section-space: var(--rexx-space-2xl, 4rem);
}

.rexx-stats-01--stats_padding-compact {
    --rexx-stats-01-item-padding: var(--rexx-space-md, 1.25rem);
}

.rexx-stats-01--stats_padding-normal {
    --rexx-stats-01-item-padding: var(--rexx-space-lg, 2rem);
}

.rexx-stats-01--stats_padding-spacious {
    --rexx-stats-01-item-padding: var(--rexx-space-xl, 3rem);
}

.rexx-stats-01--stats_gap-small {
    --rexx-stats-01-gap: var(--rexx-space-sm, 0.75rem);
    --rexx-stats-01-band-gutter: var(--rexx-space-xs, 0.5rem);
}

.rexx-stats-01--stats_gap-medium {
    --rexx-stats-01-gap: var(--rexx-space-lg, 2rem);
    --rexx-stats-01-band-gutter: var(--rexx-space-sm, 0.75rem);
}

.rexx-stats-01--stats_gap-large {
    --rexx-stats-01-gap: var(--rexx-space-xl, 3rem);
    --rexx-stats-01-band-gutter: var(--rexx-space-md, 1.25rem);
}

.rexx-stats-01__surface {
    position: relative;
    min-width: 0;
}

.rexx-stats-01__header {
    display: flex;
    flex-direction: column;
    gap: var(--rexx-space-sm, 0.75rem);
    margin: 0 auto var(--rexx-space-xl, 3rem);
    text-align: center;
}

.rexx-stats-01__header--left {
    text-align: left;
}

.rexx-stats-01__eyebrow,
.rexx-stats-01__headline,
.rexx-stats-01__intro,
.rexx-stats-01__value,
.rexx-stats-01__description,
.rexx-stats-01__additional {
    margin: 0;
}

.rexx-stats-01__headline {
    color: var(--rexx-stats-01-heading);
}

.rexx-stats-01__intro {
    max-width: 56rem;
    margin-inline: auto;
    color: var(--rexx-stats-01-text);
}

.rexx-stats-01__header--left .rexx-stats-01__intro {
    margin-inline: 0;
}

.rexx-stats-01__intro > * + * {
    margin-block-start: var(--rexx-space-sm, 0.75rem);
}

.rexx-stats-01__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.75rem), 1fr));
    gap: var(--rexx-stats-01-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.rexx-stats-01--stats_columns-columns_2 .rexx-stats-01__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rexx-stats-01--stats_columns-columns_3 .rexx-stats-01__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rexx-stats-01--stats_columns-columns_4 .rexx-stats-01__items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rexx-stats-01--stats_columns-columns_5 .rexx-stats-01__items {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.rexx-stats-01__item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: var(--rexx-space-xs, 0.5rem);
    padding: var(--rexx-stats-01-item-padding);
    color: var(--rexx-stats-01-text);
    text-align: center;
    overflow-wrap: anywhere;
}

.rexx-stats-01--stats_alignment-left .rexx-stats-01__item {
    align-items: flex-start;
    text-align: left;
}

.rexx-stats-01__icon {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    flex: 0 0 auto;
    place-items: center;
    margin-block-end: var(--rexx-space-xs, 0.5rem);
    border-radius: var(--rexx-radius-sm, 0.75rem);
    color: var(--rexx-color-accent-strong);
}

.rexx-stats-01__icon svg {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
}

.rexx-stats-01--icon_size-small .rexx-stats-01__icon {
    width: 2.5rem;
    height: 2.5rem;
}

.rexx-stats-01--icon_size-small .rexx-stats-01__icon svg {
    width: 1.35rem;
    height: 1.35rem;
}

.rexx-stats-01--icon_size-large .rexx-stats-01__icon {
    width: 4rem;
    height: 4rem;
}

.rexx-stats-01--icon_size-large .rexx-stats-01__icon svg {
    width: 2.25rem;
    height: 2.25rem;
}

.rexx-stats-01--icon_style-soft .rexx-stats-01__icon {
    background: color-mix(in srgb, var(--rexx-color-accent-soft) 42%, white);
}

.rexx-stats-01--stats_alignment-left .rexx-stats-01__icon {
    margin-inline: 0;
}

.rexx-stats-01__value {
    color: var(--rexx-stats-01-heading);
    font-family: var(--rexx-font-display);
    font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
    font-weight: 700;
    line-height: 1.05;
    text-wrap: balance;
}

.rexx-stats-01--value_size-small .rexx-stats-01__value {
    font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
}

.rexx-stats-01--value_size-large .rexx-stats-01__value {
    font-size: clamp(2.25rem, 1.6rem + 2vw, 3.25rem);
}

.rexx-stats-01__description {
    color: var(--rexx-stats-01-text);
    line-height: 1.45;
}

.rexx-stats-01__additional {
    color: var(--rexx-stats-01-muted);
    font-size: var(--rexx-font-size-small, 0.875rem);
    line-height: 1.4;
}

.rexx-stats-01--layout-band .rexx-stats-01__surface {
    padding: var(--rexx-space-lg, 2rem);
    border: 1px solid var(--rexx-stats-01-border);
    border-radius: var(--rexx-radius-md, 1.25rem);
    background: var(--rexx-stats-01-surface);
    box-shadow: var(--rexx-shadow-sm, 0 4px 15px rgba(0, 0, 0, 0.08));
}

.rexx-stats-01--layout-band .rexx-stats-01__header {
    padding-inline: var(--rexx-stats-01-item-padding);
}

.rexx-stats-01--layout-band .rexx-stats-01__items {
    gap: 1px;
    border-radius: var(--rexx-radius-sm, 0.75rem);
    background: var(--rexx-stats-01-divider);
    overflow: hidden;
}

.rexx-stats-01--layout-band .rexx-stats-01__item {
    padding-inline: calc(var(--rexx-stats-01-item-padding) + var(--rexx-stats-01-band-gutter));
    background: var(--rexx-stats-01-item-surface);
}

.rexx-stats-01--layout-band.rexx-stats-01--show-accent-line .rexx-stats-01__surface::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    border-radius: var(--rexx-radius-md, 1.25rem) var(--rexx-radius-md, 1.25rem) 0 0;
    background: linear-gradient(90deg, var(--rexx-color-accent-strong), var(--rexx-color-accent-soft));
    content: "";
}

.rexx-stats-01--layout-band.rexx-stats-01--no-show-border .rexx-stats-01__surface {
    border-color: transparent;
}

.rexx-stats-01--layout-band.rexx-stats-01--no-show-shadow .rexx-stats-01__surface {
    box-shadow: none;
}

.rexx-stats-01--layout-band.rexx-stats-01--no-show-dividers .rexx-stats-01__items {
    gap: 0;
    background: transparent;
}

.rexx-stats-01--layout-band.rexx-stats-01--no-show-dividers .rexx-stats-01__item {
    border: 0;
}

.rexx-stats-01--layout-grid .rexx-stats-01__item {
    border: 1px solid var(--rexx-stats-01-border);
    border-radius: var(--rexx-radius-md, 1.25rem);
    background: var(--rexx-stats-01-item-surface);
    box-shadow: var(--rexx-shadow-sm, 0 4px 15px rgba(0, 0, 0, 0.08));
}

.rexx-stats-01--layout-grid.rexx-stats-01--no-show-border .rexx-stats-01__item {
    border-color: transparent;
}

.rexx-stats-01--layout-grid.rexx-stats-01--no-show-shadow .rexx-stats-01__item {
    box-shadow: none;
}

.rexx-stats-01--layout-grid.rexx-stats-01--show-dividers .rexx-stats-01__item {
    border-block-end-color: var(--rexx-stats-01-divider);
}

.rexx-stats-01--layout-minimal .rexx-stats-01__surface,
.rexx-stats-01--layout-minimal .rexx-stats-01__item {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.rexx-stats-01--layout-minimal .rexx-stats-01__items {
    gap: var(--rexx-stats-01-gap);
}

.rexx-stats-01--layout-minimal.rexx-stats-01--show-dividers .rexx-stats-01__item {
    border-block-end: 1px solid var(--rexx-stats-01-divider);
}

.rexx-stats-01--layout-minimal.rexx-stats-01--show-dividers .rexx-stats-01__item:last-child {
    border-block-end: 0;
}

.rexx-stats-01--stats_color_mode-theme {
    --rexx-stats-01-surface: linear-gradient(
        110deg,
        color-mix(in srgb, var(--rexx-color-1) 28%, white),
        color-mix(in srgb, var(--rexx-color-2) 24%, white)
    );
    --rexx-stats-01-item-surface: color-mix(in srgb, var(--rexx-color-1) 16%, white);
}

.rexx-stats-01--stats_color_mode-light {
    --rexx-stats-01-surface: color-mix(in srgb, var(--rexx-color-1) 18%, white);
    --rexx-stats-01-item-surface: color-mix(in srgb, var(--rexx-color-1) 10%, white);
}

.rexx-stats-01--stats_color_mode-white {
    --rexx-stats-01-surface: var(--rexx-surface-color, #ffffff);
    --rexx-stats-01-item-surface: var(--rexx-surface-color, #ffffff);
}

.rexx-stats-01--stats_color_mode-dark {
    --rexx-stats-01-surface: color-mix(in srgb, var(--rexx-color-4) 22%, #20272d);
    --rexx-stats-01-item-surface: color-mix(in srgb, var(--rexx-color-4) 18%, #20272d);
    --rexx-stats-01-text: #f2f4f5;
    --rexx-stats-01-heading: #ffffff;
    --rexx-stats-01-muted: #e0e4e6;
    --rexx-stats-01-divider: color-mix(in srgb, var(--rexx-color-1) 30%, transparent);
    --rexx-stats-01-border: color-mix(in srgb, var(--rexx-color-1) 35%, transparent);
}

.rexx-stats-01--stats_color_mode-transparent {
    --rexx-stats-01-surface: transparent;
    --rexx-stats-01-item-surface: transparent;
    --rexx-stats-01-border: transparent;
}

.rexx-stats-01--stats_color_mode-dark .rexx-stats-01__intro a {
    color: #ffffff;
}

.rexx-stats-01--stats_color_mode-dark .rexx-stats-01__intro a:hover,
.rexx-stats-01--stats_color_mode-dark .rexx-stats-01__intro a:focus-visible {
    color: var(--rexx-color-1);
}

.rexx-stats-01--no-show-icons .rexx-stats-01__icon {
    display: none;
}

@media (max-width: 1024px) {
    .rexx-stats-01--stats_columns-auto .rexx-stats-01__items {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    }

    .rexx-stats-01--stats_columns-columns_4 .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_5 .rexx-stats-01__items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .rexx-stats-01__header {
        margin-block-end: var(--rexx-space-lg, 2rem);
        text-align: center;
    }

    .rexx-stats-01__header--left {
        text-align: left;
    }

    .rexx-stats-01--stats_columns-columns_3 .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_4 .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_5 .rexx-stats-01__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rexx-stats-01__item {
        padding: var(--rexx-space-md, 1.25rem);
    }

    .rexx-stats-01__items > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .rexx-stats-01--layout-band .rexx-stats-01__surface {
        padding: var(--rexx-space-md, 1.25rem);
    }

    .rexx-stats-01--layout-band .rexx-stats-01__header {
        padding-inline: var(--rexx-space-xs, 0.5rem);
    }

    .rexx-stats-01--layout-band .rexx-stats-01__item {
        padding-inline: calc(var(--rexx-space-md, 1.25rem) + var(--rexx-stats-01-band-gutter));
    }
}

@media (max-width: 420px) {
    .rexx-stats-01--stats_columns-auto .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_2 .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_3 .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_4 .rexx-stats-01__items,
    .rexx-stats-01--stats_columns-columns_5 .rexx-stats-01__items {
        grid-template-columns: minmax(0, 1fr);
    }

    .rexx-stats-01__items > :last-child:nth-child(odd) {
        grid-column: auto;
    }
}