/* @group @variables */

/* @end @variables */

/* @group @m-pref-list */

[class*="m-pref-list"] {
padding: 1.125rem;
background-color: hsl(0deg 0% 100%);
}

/* @end @m-pref-list */

/* @group @variables */

[class*="m-pref-category"] {
--pref-category-grid-template-columns: 1fr;
}

@media all and (min-width: 48em) {

[class*="m-pref-category"] {
--pref-category-grid-template-columns: 9rem 1fr;
}

}

/* @end @variables */

/* @group @m-pref-category */

[class*="m-pref-category"] {
display: grid;
align-items: start;
grid-template-columns: var(--pref-category-grid-template-columns);
gap: .75rem 1.125rem;
}

[class*="m-pref-category"] :where(h3) {
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

[class*="m-pref-category"] :where(a) {
display: inline-grid;
border-bottom: 1px solid transparent;
color: var(--color-text);
text-decoration: none;
transition: var(--border-color-transition);
}

[class*="m-pref-category"] :where(a:hover),
[class*="m-pref-category"] :where(a:focus) {
border-bottom-color: var(--color-primary);
}

/* @end @m-pref-category */

/* @group @a-pref-category-list */

[class*="a-pref-category-list"] {
display: flex;
flex-wrap: wrap;
gap: .375rem .75rem;
margin-bottom: 0;
padding-left: 0;
}

[class*="a-pref-category-list"] :where(li) {
padding-bottom: 0;
padding-left: 0;
list-style: none;
color: var(--color-text-proto);
}

[class*="a-pref-category-list"] :where(a) {
display: inline-grid;
border-bottom: 1px solid transparent;
color: var(--color-text);
text-decoration: none;
transition: var(--link-primero-transition);
}

[class*="a-pref-category-list"] :where(a:hover),
[class*="a-pref-category-list"] :where(a:focus) {
border-bottom-color: var(--color-text-action);
color: var(--color-text-action);
}

[class*="a-pref-category-list"]>li:not(:last-of-type) {
padding-right: .75rem;
border-right-width: 1px;
border-right-style: solid;
border-image: linear-gradient(0deg, hsl(0deg 0% 0% / 0%) 20%, hsl(0deg 0% 76%) 21%, hsl(0deg 0% 76%) 79%, hsl(0deg 0% 0% / 0%) 80%) 1;
}

/* @end @a-pref-category-list */

/* @group @m-school-area-list */

[class*="m-school-pref"] {
padding: .75rem;
background-color: hsl(0deg 0% 100%);
}

/* @end @m-school-area-list */