/* The birthday book uses the map's paper and handwriting; celebration stays inside its date. */
#mha-familienkarte .mha-birthday-register{padding:18px 0 22px;border-block:1px solid var(--mha-line,#b8a383);margin:22px 0 28px}
#mha-familienkarte .mha-birthday-register h2{margin:0 0 18px}
#mha-familienkarte .mha-birthday-year{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}
#mha-familienkarte .mha-birthday-entry-fields{display:grid;grid-template-columns:minmax(150px,2fr) minmax(70px,.6fr) minmax(110px,1fr) minmax(140px,1.3fr);gap:16px;align-items:end}
#mha-familienkarte .mha-birthday-entry-fields .mha-select{width:100%;min-height:44px}
#mha-familienkarte .mha-birthday-options{margin-top:16px}
#mha-familienkarte .mha-birthday-options summary{cursor:pointer;min-height:44px;align-content:center}
#mha-familienkarte .mha-birthday-options .mha-form-pair{margin-top:12px}
#mha-familienkarte .mha-birthday-group{margin:26px 0 34px}
#mha-familienkarte .mha-birthday-group h2{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}
#mha-familienkarte .mha-birthday-group h2 small{font:500 13px Manrope,sans-serif;color:var(--mha-muted)}
#mha-familienkarte .mha-birthday-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:84px;padding:12px 0;border-bottom:1px solid #ae926947}
#mha-familienkarte .mha-birthday-row.is-birthday-today{background:color-mix(in srgb,var(--birthday-color) 10%,transparent)}
#mha-familienkarte .mha-birthday-date{background:color-mix(in srgb,var(--birthday-color) 14%,#f7eedb);border:1px solid color-mix(in srgb,var(--birthday-color) 65%,#b9a383);border-radius:6px;min-height:60px;display:grid;place-content:center;color:var(--mha-ink);cursor:pointer}
#mha-familienkarte .mha-birthday-date strong{font:600 27px Caveat,cursive;line-height:1}
#mha-familienkarte .mha-birthday-date span{font-size:11px}
#mha-familienkarte .mha-birthday-person{display:grid;gap:5px;overflow-wrap:anywhere}
#mha-familienkarte .mha-birthday-person small{font-size:12px;color:var(--mha-muted)}
#mha-familienkarte .mha-birthday-group-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin:18px 0}
#mha-familienkarte .mha-birthday-color-section{margin:22px 0;padding:18px 0;border-block:1px solid #ae926947}
#mha-familienkarte :is(.mha-month-day,.mha-day-head,.mha-agenda-day,.mha-event){position:relative;isolation:isolate;overflow:hidden}
#mha-familienkarte .mha-birthday-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--birthday-color) 24%,transparent),transparent 80%)}
#mha-familienkarte .mha-birthday-day-label{display:inline-flex;align-items:center;justify-content:center;font-size:15px;margin-left:5px}
#mha-familienkarte .mha-birthday-garland{position:absolute;inset:2px 5% auto;height:17px;display:flex;justify-content:space-around;border-top:1px solid #9d804e;transform:rotate(-3deg)}
#mha-familienkarte .mha-birthday-garland i{width:9px;height:11px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--birthday-color)}
#mha-familienkarte .mha-birthday-garland i:nth-child(3n){background:#bc913d}
#mha-familienkarte .mha-birthday-garland i:nth-child(3n + 1){background:#496b70}
#mha-familienkarte .mha-birthday-sparkles i{position:absolute;left:calc(7% + var(--i)*12%);top:var(--y);color:#bc913d;font-size:12px;font-style:normal;animation:mha-birthday-spark 3.6s ease-out calc(var(--i)*-.38s) 2 both}
#mha-familienkarte .mha-birthday-confetti i{position:absolute;top:5%;left:calc(5% + var(--i)*10%);width:4px;height:7px;background:var(--birthday-color);opacity:0;animation:mha-birthday-confetti 3.8s ease-out calc(var(--i)*.12s) 2 both}
#mha-familienkarte .mha-birthday-confetti i:nth-child(even){background:#bc913d;border-radius:50%}
#mha-familienkarte .mha-birthday-confetti i:nth-child(3n){background:#496b70}
@keyframes mha-birthday-spark{0%,100%{opacity:.15;transform:translateY(6px) scale(.6)}45%{opacity:1;transform:translateY(-5px) scale(1.2)}75%{opacity:.5;transform:translateY(-13px) scale(.7)}}
@keyframes mha-birthday-confetti{0%{opacity:0;transform:translate(0,-12px) rotate(0)}15%,65%{opacity:.85}100%{opacity:0;transform:translate(12px,100px) rotate(300deg)}}
#mha-familienkarte[data-motion=off] :is(.mha-birthday-sparkles i,.mha-birthday-confetti i),#mha-familienkarte[data-hidden=true] :is(.mha-birthday-sparkles i,.mha-birthday-confetti i){animation:none}
@media(prefers-reduced-motion:reduce){#mha-familienkarte :is(.mha-birthday-sparkles i,.mha-birthday-confetti i){animation:none}}
@media(max-width:620px){
  #mha-familienkarte .mha-birthday-entry-fields{grid-template-columns:minmax(65px,.7fr) minmax(0,1.5fr);gap:12px}
  #mha-familienkarte .mha-birthday-entry-fields>label:first-child,#mha-familienkarte .mha-birthday-entry-fields>label:last-child{grid-column:1/-1}
  #mha-familienkarte .mha-birthday-toolbar .mha-tools{justify-content:space-between;width:100%}
  #mha-familienkarte .mha-birthday-row{grid-template-columns:53px minmax(0,1fr);gap:12px}
  #mha-familienkarte .mha-birthday-row .mha-row-actions{grid-column:2;justify-content:start}
  #mha-familienkarte .mha-birthday-row .mha-button{min-height:36px;padding:7px 12px}
  #mha-familienkarte .mha-birthday-group-editor{grid-template-columns:minmax(0,1fr);gap:10px}
  #mha-familienkarte .mha-birthday-group-editor .mha-button{justify-self:start}
}

#mha-familienkarte .mha-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}