/* lettre-au.css - page layer for /lettre-au-pere-noel/ on top of /assets/polyatic.css and the stage of
   /letter-from-santa/santa.css: the sheet tabs, the child tabs, one card per child, the décor chips. */
.la-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;max-width:30rem}
.la-tabs button{padding:.25rem .125rem;min-height:2.125rem;line-height:1.15;font-size:.75rem;white-space:nowrap}
@media (max-width:26rem){.la-tabs{grid-template-columns:auto auto auto auto auto}.la-tabs button{font-size:.6875rem;padding:.25rem .3125rem}}
.la-kidtabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0 auto .5rem;max-width:30rem}
.la-kidtabs[hidden]{display:none}
.la-kidtabs button{border:1px solid rgba(255,255,255,.3);background:transparent;color:var(--mat-ink);border-radius:999px;padding:.125rem .625rem;min-height:2rem;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-kidtabs button.active{background:var(--mat-ink);color:var(--mat);border-color:var(--mat-ink)}
.la-kidtabs button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.la-dl .btn{height:auto;min-height:3.25rem;padding:.4rem .625rem;line-height:1.2}
.la-dl .btn small{display:block;font-weight:500;opacity:.8;margin:.125rem 0 0}
.la-kid{border:1px solid var(--line);border-radius:.75rem;padding:.5rem .75rem .75rem;margin:0 0 .75rem;min-width:0}
.la-kid legend{font-size:.8125rem;font-weight:650;color:var(--muted);padding:0 .25rem}
.la-genre{margin-top:.5rem;flex-wrap:wrap}
.la-genre button{height:auto;min-height:2.75rem;line-height:1.2;padding:.375rem .5rem}
.la-rm{margin-top:.5rem;font-size:.8125rem;height:auto;min-height:2.25rem}
.la-add{align-self:flex-start}
.la-designs{gap:.375rem}
.la-designs .chip{padding:.375rem .6875rem;font-size:.8125rem}
.la-designs .chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.ls-form .modes button small{display:block}