.empty-art.temperature-glyph .ink{stroke-width:1.75px}.empty-art.temperature-glyph .ink.thin{stroke-width:1.25px}.empty-art.temperature-glyph .fill-core{fill:var(--color-status-warning)}@media (prefers-reduced-motion:no-preference){[data-temperature-art=hot] .a-flame{transform-box:fill-box;transform-origin:50% 100%;animation:1.8s ease-in-out infinite temperature-flicker}@keyframes temperature-flicker{0%,to{transform:scale(1)}35%{transform:scale(.97,1.04)skew(-1.5deg)}70%{transform:scale(1.02,.98)skew(1deg)}}[data-temperature-art=hot] .a-glow{transform-box:fill-box;transform-origin:50% 60%;animation:1.8s ease-in-out -.9s infinite temperature-glow}@keyframes temperature-glow{0%,to{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}[data-temperature-art=hot] .a-ember{animation:2.4s ease-out infinite temperature-ember}@keyframes temperature-ember{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}to{opacity:0;transform:translate(2px,-14px)}}[data-temperature-art=warm] .a-rays{transform-box:view-box;transform-origin:96px 50px;animation:24s linear infinite temperature-rays}@keyframes temperature-rays{to{transform:rotate(360deg)}}[data-temperature-art=cold] .a-snow{animation:4s ease-in-out infinite temperature-snow}[data-temperature-art=cold] .a-spin{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite temperature-flake}@keyframes temperature-snow{0%{opacity:0;transform:translate(0)}15%{opacity:1}50%{transform:translate(2px,11px)}85%{opacity:1}to{opacity:0;transform:translate(-1px,22px)}}@keyframes temperature-flake{to{transform:rotate(360deg)}}:is(.glyph-trigger:hover,.glyph-trigger:focus-visible,.glyph-trigger:has(:focus-visible),.glyph-trigger[data-highlighted],.glyph-trigger[aria-checked=true]) .temperature-glyph .a-flame{transform-box:fill-box;transform-origin:50% 100%;animation:1.4s ease-in-out infinite temperature-flicker}:is(.glyph-trigger:hover,.glyph-trigger:focus-visible,.glyph-trigger:has(:focus-visible),.glyph-trigger[data-highlighted],.glyph-trigger[aria-checked=true]) .temperature-glyph .a-rays{transform-box:view-box;transform-origin:14px 9px;animation:8s linear infinite temperature-rays}:is(.glyph-trigger:hover,.glyph-trigger:focus-visible,.glyph-trigger:has(:focus-visible),.glyph-trigger[data-highlighted],.glyph-trigger[aria-checked=true]) .temperature-glyph .a-cloud{animation:2.4s ease-in-out infinite temperature-glyph-sway}:is(.glyph-trigger:hover,.glyph-trigger:focus-visible,.glyph-trigger:has(:focus-visible),.glyph-trigger[data-highlighted],.glyph-trigger[aria-checked=true]) .temperature-glyph .a-flake{transform-box:view-box;transform-origin:12px 12px;animation:8s linear infinite temperature-flake}@keyframes temperature-glyph-sway{0%,to{transform:translate(0)}50%{transform:translate(-.8px)}}}
