14 lines
515 B
CSS
14 lines
515 B
CSS
.alfred-mode-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
font-size: 26px;
|
|
line-height: 1;
|
|
transition: transform .25s ease, opacity .25s ease;
|
|
}
|
|
.alfred-mode-icon[data-mode="thinking"] { animation: alfred-thinking 1.8s ease-in-out infinite; }
|
|
@keyframes alfred-thinking { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
|
|
@media (prefers-reduced-motion: reduce) { .alfred-mode-icon { animation: none !important; } }
|