.heatmap-app{--ease-out-strong: cubic-bezier(.23, 1, .32, 1)}.heatmap-app ::-moz-selection{background:#000;color:#fff}.heatmap-app ::selection{background:#000;color:#fff}.heatmap-app .dot-grid-dark{background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px}.heatmap-app .dot-grid-light{background-image:radial-gradient(rgba(0,0,0,.065) 1px,transparent 1px);background-size:28px 28px}.heatmap-app .white-glow{background:radial-gradient(ellipse 55% 42% at 50% 32%,rgba(255,255,255,.07),transparent 70%)}.heatmap-app .cut-corner{clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}.heatmap-app .cut-corner-shadow{filter:drop-shadow(0 24px 70px rgba(255,255,255,.09))}@keyframes heatmap-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.heatmap-app .rise{opacity:0;animation:heatmap-rise .55s var(--ease-out-strong) forwards;animation-delay:var(--d, 0ms)}@keyframes heatmap-pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.heatmap-app .pulse-dot{animation:heatmap-pulse-dot 1.6s ease-in-out infinite}@keyframes heatmap-sweep{to{transform:rotate(360deg)}}.heatmap-app .arc-spinner{border:1.5px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:9999px;animation:heatmap-sweep .9s linear infinite}@keyframes heatmap-caret-blink{0%,45%{opacity:1}50%,to{opacity:0}}.heatmap-app .caret{animation:heatmap-caret-blink .9s steps(1) infinite}@keyframes heatmap-rule-in{0%{transform:scaleX(0)}}.heatmap-app .rule-in{animation:heatmap-rule-in .9s var(--ease-out-strong) .15s backwards;transform-origin:left}@keyframes heatmap-meter-grow{0%{transform:scaleX(0)}}.heatmap-app .meter-fill{animation:heatmap-meter-grow .9s var(--ease-out-strong) .15s backwards;transform-origin:left}.heatmap-app .pressable{transition:transform .16s var(--ease-out-strong),background-color .2s ease-out,opacity .2s ease-out}.heatmap-app .pressable:active{transform:scale(.98)}@keyframes heatmap-cell-in{0%{opacity:0}}.heatmap-app .heatmap-cell{animation:heatmap-cell-in .48s var(--ease-out-strong) backwards}.heatmap-app .heatmap-cell:hover{transform:scale(1.07);outline:1px solid rgba(0,0,0,.45);outline-offset:1px;position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.heatmap-app .rise{animation:none;opacity:1}.heatmap-app .arc-spinner,.heatmap-app .pulse-dot,.heatmap-app .caret,.heatmap-app .rule-in,.heatmap-app .meter-fill{animation:none}.heatmap-app .pressable,.heatmap-app .pressable:active{transition:none;transform:none}.heatmap-app .heatmap-cell{animation:none}.heatmap-app .heatmap-cell:hover{transform:none;outline:none}}