User:Alistair3149/sandbox/componenttest/styles.css

.template-components__section { position: relative; margin-right: 0.75rem; padding-top: var( --space-md ); padding-bottom: var( --space-md ); display: flex; gap: var( --space-lg ); }

.template-components__section + .template-components__section { border-top: 1px solid var( --border-color-base ); }

.template-components__label { align-self: flex-start; display: flex; align-items: center; color: var( --color-base--subtle ); font-size: 0.875rem; letter-spacing: 0.75px; gap: var(--space-sm ); }

.template-components__label img { height: 2rem; width: auto; position: absolute; bottom: 1rem; opacity: .2; }

.template-components__group { display: flex; gap: var( --space-md ); flex-wrap: wrap; flex-grow: 1; }

.template-components__subgroup { display: flex; flex-direction: column; gap: var( --space-sm ); flex-grow: 1; }

/* @width-breakpoint-tablet */ @media ( max-width: 720px ) { .template-components__section { flex-direction: column; gap: var( --space-sm ); }	.template-components__label img { display: none; } }