/*
 * Heat.js Library v0.8.0
 *
 * Copyright 2024 Bunoon
 * Released under the MIT License
 */
:root {
  --color-black: #3b3a3a;
  --color-white: #F5F5F5;
  --color-gray: #AAAAAA;
  --container-background-color: #22272e;
  --container-border-color: #454c56;
  --day-background-color: #2d333b;
  --day-background-color-hover: #454c56;
  --button-background-color: #2d333b;
  --button-border-color: #454c56;
  --button-background-color-hover: #454c56;
  --border-radius: 0.5rem;
  --border-radius-day: 0.25rem;
  --border-size: 0.5px;
  --border-size-day: 1px;
  --spacing: 10px;
  --spacing-font-size: 0.85rem;
  --transition: all .3s;
}

/*
    -------------------------------------------------------------------------
    Heat.js - Container
    -------------------------------------------------------------------------
*/
div.heat-js {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  display: inline-block;
  border-radius: var(--border-radius);
  background-color: var(--container-background-color);
  color: var(--color-white);
  border: var(--border-size) solid var(--container-border-color);
  padding: var(--spacing);
  font-size: var(--spacing-font-size);
}
div.heat-js div.year {
  text-align: right;
  margin-bottom: var(--spacing);
}
div.heat-js div.year div.title {
  float: left;
  font-weight: 800;
  font-size: 1.2rem;
}
div.heat-js div.year button {
  background-color: var(--button-background-color);
  border: var(--border-size) solid var(--button-border-color);
  color: var(--color-white);
  border-radius: var(--border-radius);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 9px;
  padding-right: 9px;
}
div.heat-js div.year button:hover {
  cursor: pointer;
  background: var(--button-background-color-hover);
  transition: var(--transition);
}
div.heat-js div.year button.back {
  margin-left: calc(var(--spacing) * 2) !important;
}
div.heat-js div.year div.year-text {
  margin-left: var(--spacing);
  margin-right: var(--spacing);
  display: inline-block;
}
div.heat-js div.map {
  display: inline-flex;
  flex-direction: row;
  max-width: 100%;
  overflow-y: hidden;
}
div.heat-js div.map div.days {
  background-color: var(--container-background-color);
  padding-right: calc(var(--spacing) * 3);
  padding-top: calc(var(--spacing-font-size) + var(--spacing) + 1px);
  position: sticky;
  left: 0;
}
div.heat-js div.map div.days div.day-name {
  font-weight: 300;
}
div.heat-js div.map div.months {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
div.heat-js div.map div.months div.month {
  flex: 1;
  pointer-events: none;
}
div.heat-js div.map div.months div.month:last-child {
  margin-right: 0;
}
div.heat-js div.map div.months div.month div.month-name {
  font-weight: 300;
  margin-bottom: var(--spacing);
}
div.heat-js div.map div.months div.month div.day-columns {
  display: flex;
  justify-content: space-between;
}
div.heat-js div.map div.months div.month div.day-columns div.day-column div.day,
div.heat-js div.map div.months div.month div.day-columns div.day-column div.day-disabled {
  border-radius: var(--border-radius-day);
  width: var(--spacing-font-size);
  height: var(--spacing-font-size);
  margin-right: 2px;
  margin-bottom: 6.3px;
}
div.heat-js div.map div.months div.month div.day-columns div.day-column div.day:last-child,
div.heat-js div.map div.months div.month div.day-columns div.day-column div.day-disabled:last-child {
  margin-bottom: 0;
}
div.heat-js div.map div.months div.month div.day-columns div.day-column div.day {
  pointer-events: all !important;
  background-color: var(--day-background-color);
  border: var(--border-size) solid var(--day-background-color);
}
div.heat-js div.map div.months div.month div.day-columns div.day-column div.day:hover {
  cursor: pointer;
  background: var(--day-background-color-hover);
  transition: var(--transition);
}
div.heat-js div.guide {
  margin-top: var(--spacing);
  text-align: right;
}
div.heat-js div.guide div.less-text,
div.heat-js div.guide div.more-text {
  vertical-align: middle;
  display: inline-block;
  font-weight: 300;
}
div.heat-js div.guide div.less-text {
  margin-right: var(--spacing);
}
div.heat-js div.guide div.more-text {
  margin-left: var(--spacing);
}
div.heat-js div.guide div.days {
  display: inline-block;
}
div.heat-js div.guide div.days div.day {
  background-color: var(--day-background-color);
  border: var(--border-size) solid var(--day-background-color);
  vertical-align: middle;
  display: inline-block;
  border-radius: var(--border-radius-day);
  width: var(--spacing-font-size);
  height: var(--spacing-font-size);
  margin-right: 3px;
  cursor: pointer;
}
div.heat-js div.guide div.days div.day:last-child {
  margin-right: 0;
}
div.heat-js div.day-color-1 {
  background-color: rgba(57, 211, 83, 0.25) !important;
  border: var(--border-size-day) solid rgba(57, 211, 83, 0.15) !important;
}
div.heat-js div.day-color-1:hover {
  opacity: 0.7;
}
div.heat-js div.day-color-2 {
  background-color: rgba(57, 211, 83, 0.5) !important;
  border: var(--border-size-day) solid rgba(57, 211, 83, 0.25) !important;
}
div.heat-js div.day-color-2:hover {
  opacity: 0.7;
}
div.heat-js div.day-color-3 {
  background-color: rgba(57, 211, 83, 0.75) !important;
  border: var(--border-size-day) solid rgba(57, 211, 83, 0.5) !important;
}
div.heat-js div.day-color-3:hover {
  opacity: 0.7;
}
div.heat-js div.day-color-4 {
  background-color: rgb(57, 211, 83) !important;
  border: var(--border-size-day) solid rgba(57, 211, 83, 0.75) !important;
}
div.heat-js div.day-color-4:hover {
  opacity: 0.7;
}/*# sourceMappingURL=heat.js.css.map */