/* The "next dates" widget in an iframe on another site (templates/seo/embed.html). Colors of
   tokens.css only; system fonts, since the page of the host does not load ours. */
.hsm-embed { margin: 0; padding: 16px 18px 12px; font: 400 14px/1.4 Arial, Helvetica, sans-serif; background: var(--hsm-ink); color: var(--hsm-text); }
.hsm-embed--light { background: var(--hsm-white); color: var(--hsm-ink); }
.hsm-embed__head { margin: 0 0 10px; font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--hsm-muted); }
.hsm-embed--light .hsm-embed__head { color: var(--hsm-field); }
.hsm-embed__rows { margin: 0; padding: 0; list-style: none; }
.hsm-embed__row { display: flex; gap: 14px; align-items: center; min-height: 46px; padding: 6px 10px 6px 0; border-bottom: 1px solid var(--hsm-rule); box-shadow: inset -4px 0 0 var(--style, var(--hsm-coral)); }
.hsm-embed--light .hsm-embed__row { border-bottom-color: var(--hsm-muted); }
.hsm-embed__date { flex: 0 0 44px; text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--hsm-muted); }
.hsm-embed__date b { display: block; font-size: 20px; line-height: 1.1; color: var(--hsm-coral); letter-spacing: 0; }
.hsm-embed__main { display: flex; flex-direction: column; min-width: 0; }
.hsm-embed__name { overflow: hidden; color: inherit; font-weight: 700; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.hsm-embed__name:hover { text-decoration: underline; }
.hsm-embed__place { color: var(--hsm-muted); font-size: 12px; }
.hsm-embed--light .hsm-embed__place { color: var(--hsm-field); }
.hsm-embed__empty { padding: 12px 0; color: var(--hsm-muted); }
.hsm-embed__foot { margin: 10px 0 0; font-size: 12px; }
.hsm-embed__foot a { display: inline-flex; gap: 8px; align-items: center; color: var(--hsm-coral); text-decoration: none; }
.hsm-embed__brand { display: none; font-weight: 700; }
.hsm-embed--light .hsm-embed__logo { display: none; }
.hsm-embed--light .hsm-embed__brand { display: inline; }