.modes.svelte-1rtp1ev{--card-max:24rem;--gap:1rem;justify-content:center;gap:var(--gap);inline-size:min(100vw - 2 * var(--pad-inline), 64rem, var(--columns) * var(--card-max) + (var(--columns) - 1) * var(--gap));flex-flow:wrap;margin-inline-start:50%;display:flex;transform:translate(-50%)}.mode.svelte-1rtp1ev{min-inline-size:0;max-inline-size:var(--card-max);background:var(--app-card-face);box-shadow:var(--app-card-shadow);border-radius:.75rem;flex:17rem;padding:1.25rem 1.25rem 1.5rem}.compact.svelte-1rtp1ev{--card-max:16rem;grid-template-columns:repeat(var(--phone-columns), minmax(0, 1fr));display:grid}.compact.svelte-1rtp1ev .mode:where(.svelte-1rtp1ev){max-inline-size:none;padding:.75rem .75rem 1rem}.compact.odd.svelte-1rtp1ev>.mode:where(.svelte-1rtp1ev):nth-child(n+3):last-child{inline-size:calc((100% - var(--gap)) / 2);grid-column:1/-1;justify-self:center}@media (width>=40rem){.compact.svelte-1rtp1ev{grid-template-columns:repeat(var(--columns), minmax(0, 1fr))}.compact.odd.svelte-1rtp1ev>.mode:where(.svelte-1rtp1ev):nth-child(n+3):last-child{grid-column:auto;justify-self:stretch;inline-size:auto}}.mode-label.svelte-1rtp1ev{color:var(--app-zinc-50);text-align:center;font-weight:700;display:block}h4.mode-name.svelte-1rtp1ev{color:var(--app-zinc-50);font-family:var(--app-sans);letter-spacing:-.015em;text-wrap:balance;margin-block-start:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.mode-text.svelte-1rtp1ev{color:var(--app-zinc-300);margin-block-start:.25rem;font-size:1rem;line-height:1.625rem}