@layer components{.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:.75rem 1rem;box-shadow:0 1px 2px rgba(0,0,0,.08)}.alert{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.75rem 1rem}.alert.info{border-color:color-mix(in srgb, var(--color-primary-blue) 30%, var(--color-border));background:color-mix(in srgb, var(--color-primary-blue) 10%, var(--color-surface))}.alert.warning{border-color:color-mix(in srgb, var(--color-warning-soft-base) 40%, var(--color-border));background:color-mix(in srgb, var(--color-warning-soft-base) 12%, var(--color-surface));color:var(--color-text)}.alert.danger,.alert.error{border-color:color-mix(in srgb, var(--color-danger-base) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger-base) 10%, var(--color-surface));color:var(--color-text)}.alert.success{border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-border));background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface));color:var(--color-text)}.card--prominent{padding:2rem;text-align:center}.card__emoji{font-size:2.5rem;margin-bottom:.75rem}.card__description{max-width:28rem;margin:0 auto;font-size:.875rem}.card__action{display:inline-block;margin-top:1rem}.card--padded{padding:1.5rem}.card--padded-sm{padding:1.25rem}.content-container{background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);overflow:hidden;margin-bottom:1rem}@media(width >= 768px){.content-container{border-radius:15px}}html.dark .content-container{background:var(--color-surface);border-color:var(--color-border)}.content-container--transparent{background:rgba(0,0,0,0);border:none}html.dark .content-container--transparent{background:rgba(0,0,0,0)}.content-container--transparent .heading-page{margin-bottom:1rem}.content-container .header-container{padding:.75rem 1rem}@media(width >= 768px){.content-container .header-container{padding:1.5rem 1.5rem .5rem}}.content-container .flex-between>.stats-page-admin-menu{display:none}@media(width >= 1024px){.content-container .flex-between>.stats-page-admin-menu{display:block}}.content-container .flex-wrap-gap{padding:.375rem 1.5rem;margin-bottom:0;flex-wrap:nowrap;row-gap:.5rem}@media(width >= 768px){.content-container .flex-wrap-gap{flex-wrap:wrap;padding:.375rem 1rem 1.25rem 1.5rem;row-gap:.75rem}}.filters-separator{border-top:1px solid var(--color-border);margin-top:.6rem;margin-bottom:.6rem}.content-container:has(.trend-nav) .filters-separator{display:none}.stat-info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;color:var(--color-text-secondary)}.stat-info-icon::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;width:max-content;max-width:280px;padding:.5rem .625rem;border-radius:var(--radius-sm);transform:translateX(-50%);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;font-weight:400;white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:25}.stat-info-icon::before{content:"";position:absolute;top:calc(100% + 4px);left:50%;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:var(--color-surface);border-inline-start:1px solid var(--color-border);border-block-start:1px solid var(--color-border);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:24}.stat-info-icon:hover::after,.stat-info-icon:hover::before{opacity:1}.stat-info-icon--end::after{left:auto;right:0;transform:none}.stat-info-icon--end::before{left:auto;right:3px;transform:rotate(45deg)}.stat-info-icon__svg{display:block}.stat-info-card .title{margin:0;font-size:1.5rem;line-height:1.4;font-weight:700;color:var(--color-text)}.stat-info-card .description{margin-top:.75rem;font-size:.9375rem;line-height:1.6;color:var(--color-text)}.stat-info-card .description p{margin:0}.stat-info-card .description ul,.stat-info-card .description ol{margin:0;padding-left:1.25rem}.stat-info-card .description li+li{margin-top:.375rem}}
