.design-section-action[data-v-28c519c2]{flex-direction:column;gap:15px;display:flex}.design-section-action .variant[data-v-28c519c2]{border-radius:var(--design-border-radius);background-color:var(--design-secondary);flex-direction:column;gap:15px;padding:15px;display:flex}.design-section-action .variant .title[data-v-28c519c2]{text-transform:capitalize;color:var(--design-text-primary);font-size:16px;font-weight:600}.design-section-action .usage[data-v-28c519c2],.design-section-action .usages[data-v-28c519c2]{flex-direction:column;gap:15px;display:flex}.design-section-action .usage[data-v-28c519c2]{border-radius:var(--design-border-radius);background-color:var(--design-surface);padding:15px}.design-section-action .name[data-v-28c519c2],.design-section-action .state-name[data-v-28c519c2]{color:var(--design-text-primary);font-size:1rem;font-weight:600;line-height:1.35}.design-section-action .states[data-v-28c519c2]{grid-template-columns:repeat(1,minmax(0,1fr));gap:15px;display:grid}@media (width>=960px){.design-section-action .states[data-v-28c519c2]{grid-template-columns:repeat(2,minmax(0,1fr))}}.design-section-action .state[data-v-28c519c2]{border-radius:var(--design-border-radius);background-color:var(--design-tertiary);flex-direction:column;padding:15px}.design-section-action .content[data-v-28c519c2],.design-section-action .state[data-v-28c519c2]{gap:15px;display:flex}.design-section-action .content[data-v-28c519c2]{flex-wrap:wrap}