.scouts-calendar-icon-red {
  --scouts-calendar-icon-header-bg: #f82718;
  --scouts-calendar-icon-bordercolor: #f8271893;
  --scouts-calendar-icon-shadowcolor: #f827188f ;
}

.scouts-calendar-icon-gray {
  --scouts-calendar-icon-header-bg: #6b5f5e;
  --scouts-calendar-icon-bordercolor: #6b5f5e93;
  --scouts-calendar-icon-shadowcolor: #6b5f5e8f ;
}

.scouts-calendar-icon-small, .scouts-calendar-icon-normal {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 10px var(--scouts-calendar-icon-shadowcolor);
  transition: none;
  border: 1px solid var(--scouts-calendar-icon-bordercolor);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-style: normal;
  text-align: center;
  font-weight: bold;
}
.scouts-calendar-icon-small > .scouts-calendar-icon-header, .scouts-calendar-icon-normal > .scouts-calendar-icon-header {
  background-color: var(--scouts-calendar-icon-header-bg);
  color: #eee;
}
.scouts-calendar-icon-small > .scouts-calendar-icon-body, .scouts-calendar-icon-normal > .scouts-calendar-icon-body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-justify: center;
  height: 100%;
  color: var(--bs-heading-color);
  line-height: 0.8em;
}

.scouts-calendar-icon-small {
  width: 3.6em;
  height: 3.6em;
}
.scouts-calendar-icon-small > .scouts-calendar-icon-header {
  font-size: 1em;
}
.scouts-calendar-icon-small.scouts-calendar-icon-bold > .scouts-calendar-icon-body {
  font-size: 1.5em;
}

.scouts-calendar-icon-normal {
  width: 4.8em;
  height: 4.8em;
}
.scouts-calendar-icon-normal > .scouts-calendar-icon-header {
  font-size: 1em;
}
.scouts-calendar-icon-normal.scouts-calendar-icon-bold > .scouts-calendar-icon-header {
  font-size: 1.2em;
}
.scouts-calendar-icon-normal.scouts-calendar-icon-bold > .scouts-calendar-icon-body {
  font-size: 2em;
}

.scouts-dual-calendar-icon-horizontal {
  display: flex;
  flex-direction: row;
}
.scouts-dual-calendar-icon-horizontal > .scouts-dual-calendar-icon-hyphen {
  width: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.scouts-dual-calendar-icon-vertical {
  display: flex;
  flex-direction: column;
}
@media (orientation: portrait) and (max-width: 550px) {
  .scouts-dual-calendar-icon-vertical {
    flex-direction: row;
  }
}
.scouts-dual-calendar-icon-vertical > .scouts-dual-calendar-icon-hyphen {
  font-weight: bold;
}
@media (orientation: portrait) and (max-width: 550px) {
  .scouts-dual-calendar-icon-vertical > .scouts-dual-calendar-icon-hyphen {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
  }
}

/*# sourceMappingURL=calendar-icon.css.map*/