#menu .menu-calendar-login[hidden] { display: none !important; }
#menu.menu-calendar-open .menu__image { opacity: 1; min-height: 550px; transition: none; }
#menu.menu-calendar-open .menu-image { visibility: hidden; }
#menu .menu-calendar-login { position: absolute; inset: 0; overflow-y: auto; display: flex; padding: 28px clamp(20px, 3vw, 52px); background: #111; color: #eee; }
#menu .menu-calendar-login__inner { width: 100%; max-width: 280px; min-width: 0; margin: auto; }
#menu .menu-calendar-login__back { border: 0; padding: 8px 0; margin-bottom: 24px; background: none; color: #bfbfbf; font: 400 13px/1.4 "OpenSans", sans-serif; cursor: pointer; }
#menu .menu-calendar-login .eyebrow { margin: 0 0 12px; color: #b5a58a; font: 400 11px/1.4 "OpenSans", sans-serif; letter-spacing: .16em; }
#menu .menu-calendar-login h2 { color: #fff; font: 300 clamp(24px, 2.4vw, 36px)/1.2 "OpenSans", sans-serif; margin: 0 0 14px; }
#menu .menu-calendar-login p { font: 400 14px/1.6 "OpenSans", sans-serif; color: #bfbfbf; margin: 0 0 22px; }
#menu .menu-calendar-login label { display: block; color: #eee; font: 400 13px/1.5 "OpenSans", sans-serif; margin-bottom: 18px; }
#menu .menu-calendar-login input { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin-top: 8px; padding: 12px; border: 1px solid #555; border-radius: 3px; background: #1d1d1d; color: #fff; font: 400 16px/1.4 "OpenSans", sans-serif; }
#menu .menu-calendar-login input:focus-visible, #menu .menu-calendar-login button:focus-visible, #menu .menu-calendar-login a:focus-visible { outline: 2px solid #d5b987; outline-offset: 3px; }
#menu .menu-calendar-login__submit { display: block; width: 100%; min-height: 46px; padding: 12px; border: 1px solid #cfbea0; border-radius: 3px; background: #cfbea0; color: #171717; font: 500 15px/1.4 "OpenSans", sans-serif; cursor: pointer; }
#menu .menu-calendar-login__submit:disabled { opacity: .6; cursor: wait; }
#menu .menu-calendar-login [data-calendar-status] { margin: 12px 0; color: #e4c59c; }
#menu .menu-calendar-login .menu-calendar-login__help { margin: 18px 0 0; font-size: 12px; }
#menu .menu-calendar-login__fallback { display: inline-block; margin-top: 14px; color: #cfbea0; font: 400 13px/1.5 "OpenSans", sans-serif; text-decoration: underline; }
@keyframes calendarLoginIn { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 991px) { #menu.menu-calendar-open .menu__image { height: auto; min-height: 0; } #menu .menu-calendar-login { position: relative; overflow: visible; padding: 32px 12px 48px; } }
@media (prefers-reduced-motion: reduce) { #menu .menu-calendar-login { animation: none; } }

#menu .menu-static-panel .menu-calendar-login__inner { max-width: 380px; }
#menu .menu-static-panel .legal-block + .legal-block { margin-top: 24px; }
#menu .menu-static-panel .legal-block p { margin: 0; line-height: 1.75; }
#menu .menu-static-panel a { color: #d8d8d8; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
#menu .menu-other-panel p { text-align: center; font-size: 20px; line-height: 1.6; margin: 0; }