@keyframes brand-icon-fab-pulse{0%,to{box-shadow:0 4px 14px color-mix(in srgb, var(--brand-primary) 35%, transparent)}50%{box-shadow:0 4px 22px color-mix(in srgb, var(--brand-primary) 55%, transparent)}}.brand-icon-fab{cursor:pointer;color:#fff;background:var(--brand-primary);box-shadow:0 4px 14px color-mix(in srgb, var(--brand-primary) 35%, transparent);border:none;border-radius:9999px;justify-content:center;align-items:center;transition:transform .15s,background-color .15s,box-shadow .15s;display:flex}.brand-icon-fab--md{width:3.75rem;height:3.75rem}.brand-icon-fab--sm{width:2.5rem;height:2.5rem}.brand-icon-fab--pulse{animation:2.5s ease-in-out infinite brand-icon-fab-pulse}.brand-icon-fab:hover{background:var(--brand-600);animation:none}.brand-icon-fab:focus-visible{box-shadow:0 0 0 2px var(--surface-ground,#fafaf0), 0 0 0 4px var(--brand-300);outline:none;animation:none}.brand-icon-fab__inner{background:#ffffff2e;border-radius:9999px;justify-content:center;align-items:center;display:flex}.brand-icon-fab--md .brand-icon-fab__inner{width:2.25rem;height:2.25rem}.brand-icon-fab--sm .brand-icon-fab__inner{width:1.5rem;height:1.5rem}.brand-icon-fab--md .brand-icon-fab__inner .pi{font-size:1.25rem;line-height:1}.brand-icon-fab--sm .brand-icon-fab__inner .pi{font-size:1rem;line-height:1}