card_mod:
style:
mushroom-shape-icon$: |
ha-icon {
--icon-animation: molecule 2s ease-in-out infinite;
transform-origin: 50% 75%;
}
@keyframes molecule {
0%, 100% { transform: rotate(-15deg); }
50% { transform: rotate(15deg); }
}
.: |
ha-card {
background: rgba(var(--rgb-primary-text-color), 0.1);
width: 80px;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: -10px;
}
:host {
--mush-icon-size: 50px;