.heatmap-wrap[data-v-eb851478]{border-radius:.75rem;display:flex;height:100%;overflow:hidden}.heatmap-col[data-v-eb851478],.heatmap-grid[data-v-eb851478]{display:flex;gap:.125rem}.heatmap-col[data-v-eb851478]{flex-direction:column}.day[data-v-eb851478]{background-color:#ffffff0d;border-radius:.125rem;display:flex;height:.625rem;position:relative;width:.625rem}.day.active[data-v-eb851478]{background-image:linear-gradient(to top right,var(--tw-gradient-stops));--tw-gradient-from:#86efac var(--tw-gradient-from-position);--tw-gradient-to:rgba(134,239,172,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4ade80 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#22c55e var(--tw-gradient-to-position);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.day.active[data-v-eb851478]:is(.dark *){--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#22c55e var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#166534 var(--tw-gradient-to-position);--tw-shadow-color:#166534;--tw-shadow:var(--tw-shadow-colored)}.day.makeup[data-v-eb851478]{background-color:#ffffff1a;cursor:pointer;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.day.makeup[data-v-eb851478]:hover{background-color:#fbbf2499;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.day[data-v-eb851478]:after{background:#000c;border-radius:9999px;bottom:calc(100% + 4px);box-shadow:0 2px 8px #0003;color:#fff;content:attr(data-tooltip);font-size:.7rem;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:50}.day.active[data-v-eb851478]:after{background:#064e3bf2;color:#86efac}@media(hover:hover){.day[data-v-eb851478]:hover:after{opacity:1}}