.umami-badges{
display:flex;flex-wrap:wrap;gap:14px 22px;margin:16px 0;box-sizing:border-box;line-height:1.35;
}
.umami-badges--align-right{justify-content:flex-start}
.umami-badges--align-center{justify-content:center}
.umami-badges--align-left{justify-content:flex-end}
.umami-badges--align-between{justify-content:space-between}
.umami-badge{display:flex;align-items:center;gap:12px;min-width:0;transition:transform .18s ease}
.umami-badge__icon{
display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
color:var(--tb-ic,#28852d);transition:transform .18s ease, background .18s ease;
}
.umami-badge__icon svg{width:var(--tb-is,26px);height:var(--tb-is,26px);display:block;flex:0 0 auto}
.umami-badge__txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.umami-badge__title{font-weight:var(--tb-tw,700);font-size:var(--tb-ts,14px);color:var(--tb-title,#333)}
.umami-badge__sub{font-size:var(--tb-ss,12px);color:var(--tb-sub,#6f6f6f)}
.umami-badge:hover .umami-badge__icon{transform:translateY(-2px)} .umami-badges--tpl-classic{border:1px solid #e5e5e5;border-radius:6px;background:#fafafa;padding:var(--tb-pad,16px) 18px} .umami-badges--tpl-minimal{padding:var(--tb-pad,16px) 0} .umami-badges--tpl-cards{
display:grid;grid-template-columns:repeat(var(--tb-cols,4),minmax(0,1fr));gap:12px;
}
.umami-badges--tpl-cards .umami-badge{
flex-direction:column;align-items:center;text-align:center;gap:9px;
border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:var(--tb-pad,16px) 12px;
}
.umami-badges--tpl-cards .umami-badge__txt{align-items:center} .umami-badges--tpl-bar{background:color-mix(in srgb, var(--tb-ic,#28852d) 8%, transparent);border-radius:6px;padding:var(--tb-pad,16px) 20px} .umami-badges--tpl-circles{padding:var(--tb-pad,16px) 0} .umami-badges--box{border:1px solid #e5e5e5;border-radius:6px;background:#fafafa;padding:var(--tb-pad,16px) 18px}
.umami-badges--grid{display:grid;grid-template-columns:repeat(var(--tb-cols,4),1fr);gap:16px}
.umami-badges--divider .umami-badge:not(:last-child){padding-inline-end:22px;border-inline-end:1px solid #e2e2e2} .umami-badges--anim .umami-badge{opacity:0;transform:translateY(14px)}
.umami-badges--anim.is-in .umami-badge{opacity:1;transform:none;transition:opacity .55s ease, transform .55s ease}
.umami-badges--anim.is-in .umami-badge:nth-child(2){transition-delay:.09s}
.umami-badges--anim.is-in .umami-badge:nth-child(3){transition-delay:.18s}
.umami-badges--anim.is-in .umami-badge:nth-child(4){transition-delay:.27s}
.umami-badges--anim.is-in .umami-badge:nth-child(5){transition-delay:.36s}
.umami-badges--anim.is-in .umami-badge:nth-child(6){transition-delay:.45s}
@media (prefers-reduced-motion: reduce){
.umami-badge,.umami-badge__icon{transition:none !important}
.umami-badges--anim .umami-badge{opacity:1 !important;transform:none !important}
}
@media (max-width:640px){
.umami-badges{gap:14px 16px}
.umami-badges--tpl-cards{grid-template-columns:repeat(2,1fr)}
.umami-badges--grid{grid-template-columns:repeat(2,1fr)}
.umami-badges--divider .umami-badge:not(:last-child){padding-inline-end:0;border-inline-end:0}
}