.de-calendar{position:relative;display:inline-block;font-family:var(--de-body-font,inherit);color:inherit}.de-calendar-trigger{background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;padding:11px 18px;font:inherit;cursor:pointer}.de-calendar-menu{position:absolute;z-index:50;top:calc(100% + 8px);left:0;min-width:210px;padding:6px;background:#fff;color:#222;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.de-calendar-menu[hidden]{display:none!important}.de-calendar-menu a{display:block;padding:10px 12px;border-radius:5px;color:inherit!important;text-decoration:none!important;font:inherit}.de-calendar-menu a:hover{background:rgba(0,0,0,.06)}@media(max-width:767px){.de-calendar{display:block}.de-calendar-trigger,.de-calendar-menu{width:100%}}
.de-calendar-trigger,.de-calendar-menu a{border-radius:5px!important}

/* v1.0.7 — calendar follows the Date section typography/palette. */
.de-calendar,
.de-calendar .de-calendar-trigger,
.de-calendar .de-calendar-menu,
.de-calendar .de-calendar-menu a{
    color:var(--de-date-text-color,var(--de-text-color,#111111))!important;
}

/* v1.0.8 — calendar dropdown follows the Date section background and text border. */
.de-calendar .de-calendar-menu{
    background:var(--de-date-background-color,var(--de-background-color,#ffffff))!important;
    border:1px solid var(--de-date-text-color,var(--de-text-color,#111111))!important;
}

/* v1.2.48 — keep calendar trigger legible on accent hover. */
.de-calendar .de-calendar-trigger:hover,
.de-calendar .de-calendar-trigger:focus-visible {
    color: var(--de-date-background-color, var(--de-background-color, #ffffff)) !important;
}