.srm-prism-icon{display:inline-block;width:38px;height:38px;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 3px 3px #0008);transition:transform .3s ease,filter .3s ease}
#nav a{display:flex;align-items:center;gap:9px}
#nav a .srm-prism-slot{display:inline-flex;width:38px;height:38px;flex-shrink:0;margin:0}
#nav a:hover .srm-prism-icon,#nav a:focus-visible .srm-prism-icon{transform:perspective(200px) rotateY(-14deg) translateY(-3px);filter:drop-shadow(0 3px 8px #22d3ee55)}
#nav a.active .srm-prism-icon{filter:drop-shadow(0 0 7px #22d3ee66)}
.brand>.srm-prism-icon{width:48px;height:48px}
#title>.srm-prism-icon{margin-right:10px;width:44px;height:44px}
#tabbar a .srm-prism-slot{display:block;height:30px;margin:0 auto 2px}
#tabbar .srm-prism-icon{width:32px;height:32px}
@media(prefers-reduced-motion:no-preference){#nav a.active .srm-prism-icon{animation:srm-prism-breathe 4s ease-in-out infinite}@keyframes srm-prism-breathe{50%{filter:drop-shadow(0 0 11px #22d3ee88);transform:translateY(-2px)}}}
@media(prefers-reduced-motion:reduce){.srm-prism-icon{transition:none!important;animation:none!important}#nav a:hover .srm-prism-icon,#nav a:focus-visible .srm-prism-icon{transform:none}}

.srm-prism-icon.srm-prism-small{width:26px;height:26px;margin:-5px 5px -4px 0}

.tile{position:relative}.srm-prism-icon.srm-prism-metric{position:absolute;right:12px;top:10px;width:40px;height:40px;opacity:.85}.tile .k{padding-right:36px}.heatmap .lbl .srm-prism-small{width:20px;height:20px;margin-right:3px}.heatmap .lbl:has(.srm-prism-small){text-align:left;font-size:10px}