.db-calendar {
position: relative; box-sizing: border-box;
width: 100%;
min-height: 240px;
background: var(--white);
border: 1px solid var(--line);
}
.db-calendar__frame { display: block; width: 100%; height: 100%; min-height: 240px; border: 0; } .db-calendar__placeholder {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 16px;
height: 100%;
min-height: 240px;
padding: 32px;
}
.db-calendar__title { font-family: var(--font-display); text-transform: uppercase; font-size: 18px; line-height: 28px; color: var(--ink); }
.db-calendar__note  { font-weight: 300; font-size: 14px; line-height: 22px; color: var(--muted); max-width: 42ch; } .db-calendar__load { display: none; }
.db-calendar.is-ready .db-calendar__load { display: inline-flex; }
.db-calendar--unset { display: flex; align-items: center; padding: 32px; }
@media (min-width: 861px) {
.db-calendar { height: 545px; min-height: 0; }
.db-calendar__frame,
.db-calendar__placeholder { height: 100%; min-height: 0; }
}