:host {
    --color-bg-default: white;
    --color-fg-primary: #ffc107;
    --color-fg-default: black;
    --color-fg-accent: #ff9800;
    --color-bg-inrange: #ffd75f;
    --day-width: 35px;
    --day-height: 30px;
    --color-bg-locked: lightgray;
    width: auto;
    width: max-content;
    max-width: 100%;
    display: block;
}
/* increase start and end */
.container.range-plugin .calendar>.days-grid>.day.start,
.container.range-plugin .calendar>.days-grid>.day.end {
    font-weight: bold;
    transform: scale(1.1);
    z-index: 1;
}

.container.inline {
    box-shadow: none;
    width: auto;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
}
.calendar>.days-grid>.day {
    border: none;
}

:root {
    --color-bg-locked: rgba(140,140,140,0.5);
}
.locked {
    background-color: var(--color-bg-locked) !important;
}

.next_day_free {
    background: linear-gradient(-45deg, transparent 0, transparent 50%, var(--color-bg-locked) 50%, var(--color-bg-locked) 100%);
}
.next_day_last_day {
    background: linear-gradient(135deg, transparent 0, transparent 50%, var(--color-bg-locked) 50%, var(--color-bg-locked) 100%);
    color: var(--color-fg-default) !important;
}