.title {
    margin-top: 0.4em;
    color: #fff;
    font-size: 0.76em;
    font-weight: bold;
    text-align: center;
}

.button {
    margin: 10px;
}

.date-selection {

}

.chart-container {
    width: 90%;
    margin: 2% auto auto;
}

:host {
    --color-bg-default: #2a2a31;
    --color-bg-secondary: #3a3a41;
    --color-bg-unavailable: rgba(255, 255, 255, 0.2);
    --color-fg-locked: #333;
    --color-fg-primary: #ffc107;
    --color-fg-default: #ffffff;
    --color-fg-accent: #ff9800;
    --color-bg-inrange: #333;
    --day-width: 35px;
    --day-height: 30px;
}

.container.range-plugin .calendar > .days-grid > .day.start,
.container.range-plugin .calendar > .days-grid > .day.end {
    font-weight: bold;
    transform: scale(1.2);
    z-index: 1;
}