.btn-group__item--card.btn-group__item--active{background-color:#121521}.btn-group__item--primary.btn-group__item--active{background-color:#9feb39;border-color:#9feb39}.btn-group__item--secondary.btn-group__item--active{background-color:#454856}.btn-group__item--outline.btn-group__item--active,.btn-group__item--outline-background.btn-group__item--active{background-color:#343642;color:#e7ecf0}.btn-group__item--glass.btn-group__item--active{background:#181a241a}.btn-group__item--glass-card.btn-group__item--active{background:#171a261a}.btn-group__item--glass-secondary.btn-group__item--active{background:#2a2d3a1a}.dot-letters{--dot-size: clamp(.875rem, 1vw, 1.25rem);--dot-on-color: oklch(60% .2 20deg);--dot-off-color: oklch(26.2% .019 274.6deg);--dot-gap: calc(clamp(.875rem, 1vw, 1.25rem)*.6) ;display:grid;overflow:hidden;place-items:center;width:100%;height:100%}.dot-letters__grid{display:grid;grid-template-columns:repeat(var(--dot-columns),var(--dot-size));grid-auto-rows:var(--dot-size);place-content:center center;gap:var(--dot-gap)}.dot-letters__dot{width:var(--dot-size);height:var(--dot-size);background-color:var(--dot-off-color);border-radius:50%;opacity:.35;transition:opacity .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.dot-letters__dot--on{background-color:var(--dot-on-color);opacity:1}