[data-v-fc1d5d17] .page-header{grid-template-areas:"title navigation" "controls controls"}[data-v-fc1d5d17] .page-header .button-list{grid-area:controls;justify-self:flex-end}@media (width >= 820px){[data-v-fc1d5d17] .page-header{grid-template:var(--navigation-height)/1fr auto auto;grid-template-areas:"title controls navigation"}}.responsitivity-alert[data-v-fc1d5d17]{margin-block:var(--sp-md) 0;margin-inline:var(--sp-md)}@media (width > 860px){.responsitivity-alert[data-v-fc1d5d17]{display:none}}.content[data-v-fc1d5d17]{display:grid;gap:0 var(--sp-md);grid-template-areas:"config" "families" "export";grid-template-columns:1fr;padding:var(--sp-md)}@media (width > 1600px){.content[data-v-fc1d5d17]{grid-template-areas:"families config" "families export";grid-template-columns:1fr 600px;width:100%}}.config[data-v-fc1d5d17]{grid-area:config}.config-header[data-v-fc1d5d17]{display:flex;justify-content:space-between;margin-block-end:var(--sp-xs)}.config-header[data-v-fc1d5d17] .button[disabled]{opacity:0}.config-header[data-v-fc1d5d17] .actions{margin-inline-end:-1.25rem}.config-title[data-v-fc1d5d17]{align-items:center;border-bottom:2px solid var(--fg-accent);display:flex;gap:.3em;justify-content:space-between;margin-block-end:var(--sp-xs);padding-block:0 var(--sp-1)}.config-title .button[data-v-fc1d5d17]{margin-block:-.25em;margin-inline-start:var(--sp-sm)}.config-title[data-v-fc1d5d17] .color-swatch{--swatch-width:1em;border:2px solid;border-radius:50%}.config-title h2[data-v-fc1d5d17]{font-family:var(--font);font-size:var(--font-size-h5);font-weight:700;letter-spacing:.1em;line-height:var(--line-height-h5);text-transform:uppercase;text-wrap:pretty}.config-title h2 strong[data-v-fc1d5d17]{font-weight:900}.config-title h2[data-v-fc1d5d17]{align-items:center;color:var(--fg-accent);display:flex;font-weight:800;gap:.5em;letter-spacing:.08em;margin-block:var(--block-margin-h5);margin-block:0}.families[data-v-fc1d5d17]{grid-area:families;position:relative}.add-family-button[data-v-fc1d5d17]{left:50%;position:absolute;top:calc(var(--button-min-height)/-2);transform:translate(-50%);z-index:1}.color-export[data-v-fc1d5d17]{grid-area:export;margin-block-start:var(--sp-lg)}@media (width > 1600px){.color-export[data-v-fc1d5d17]{margin-block-start:var(--sp-md)}}