:root{--text-h2: max( .6875rem, clamp(1.75rem, 2.5rem + 1vw, 3.495rem) * var(--text-heading-size-factor) )}.section-stack{gap:1.5rem}.school-list__header .h2{font-size:var(--text-h2)}.school-list__grid{--collection-list-items-per-row: var(--school-list-items-per-row);--collection-list-gap: var(--school-list-gap)}.school-list__item{flex-basis:calc(100% / var(--school-list-items-per-row) - var(--school-list-gap, 0px) * (var(--school-list-items-per-row) - 1) / var(--school-list-items-per-row));flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;text-decoration:none;border-radius:4px;padding:20px;gap:8px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,#cdccca border-box;box-shadow:none;transition:background .2s ease,box-shadow .2s ease}.school-list__item:hover{padding:19px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#82b91b,#49860e) border-box;border:2px solid transparent;box-shadow:2px 6px 10px #00000026}.school-list__item-image{width:100%;aspect-ratio:var(--school-list-image-ratio, 3 / 1.763);display:flex;align-items:center;justify-content:center}.school-list__item-image img{width:100%;height:100%;max-height:254px;-o-object-fit:contain;object-fit:contain}.school-list__item-content{display:flex;flex-direction:column;min-height:64px}.school-list__item-title{font-family:var(--heading-font-family);margin:auto 0 0;font-size:18px;font-weight:700}.school-list__layout{display:flex;align-items:flex-start;gap:32px}.school-list__sidebar{flex:0 0 240px;position:sticky;top:20px}.school-list__sidebar .accordion{border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}.school-list__sidebar-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.school-list__sidebar-link{display:block;padding:5px 0;font-size:.9375rem;color:inherit;text-decoration:none;opacity:.75;transition:opacity .15s ease}.school-list__sidebar-link:hover{opacity:1}.school-list__layout>.school-list__grid{flex:1 1 0;min-width:0}@media screen and (max-width:699px){.school-list__layout{flex-direction:column;gap:20px}.school-list__sidebar{flex:none;width:100%;position:static}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/school-list.css.map */