/**
 * This CSS was automatically generated from a source file.
 * Editing this file directly isn't recommended. Modifying the styles of this module can be done
 * with an external stylesheet attached to the page or module.
 */

.for-families-grade .breadcrumbs{margin:0;margin-bottom:48px}.for-families-grade__banner{padding-block:64px;background-image:var(--background-image);background-size:cover;background-position:center;background-color:var(--bg-medium-dark);position:relative}.for-families-grade__banner::before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";opacity:.5;mix-blend-mode:multiply;background-color:inherit;z-index:0}.for-families-grade__banner.lwt-mode--light{background-color:var(--bg-light)}.for-families-grade__banner.lwt-mode--light::before{mix-blend-mode:luminosity}.for-families-grade__banner .container{--container-width:720px;margin-inline:auto;text-align:center;position:relative;z-index:100}.for-families-grade__content{padding-block:48px;text-align:center}.for-families-grade__category+.for-families-grade__category{margin-top:48px}.for-families-grade__list{--columns:2;list-style:none;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:24px;margin-top:24px}@media (min-width:48rem){.for-families-grade__list{--columns:3}}@media (min-width:64rem){.for-families-grade__list{--columns:4}}.for-families-grade__list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;margin:0;border-radius:var(--global-radius);background-color:var(--bg-light);padding:50px 1rem;position:relative;transition:.2s ease-out background-color}@supports not (selector(:has(:focus-visible))){.for-families-grade__list li:focus-within{color:#fff;background-color:var(--accent-primary)}}@supports (selector(:has(:focus-visible))){.for-families-grade__list li:has(:focus-visible){color:#fff;background-color:var(--accent-primary)}}.for-families-grade__list li:focus-visible,.for-families-grade__list li:hover{color:#fff;background-color:var(--accent-primary)}.for-families-grade__list li::before{display:none}.for-families-grade__list li img{border-radius:1000px;background-color:var(--bg-base)}.for-families-grade__list li a:focus-visible,.for-families-grade__list li a:hover{font-family:var(--h4-family);font-size:var(--h4-size);font-style:var(--h4-style);font-weight:var(--h4-variant);text-transform:var(--h4-transform);line-height:var(--h4-line-height);letter-spacing:var(--h4-letter-spacing);color:var(--h4-color);-webkit-text-decoration:var(--h4-underline);text-decoration:var(--h4-underline)}.for-families-grade__list li a:focus-visible:not(:first-child),.for-families-grade__list li a:hover:not(:first-child){margin-top:var(--h4-margin-top,0)}.for-families-grade__list li a:focus-visible:not(:last-child),.for-families-grade__list li a:hover:not(:last-child){margin-bottom:var(--h4-margin-bottom,0)}@media not screen and (min-width:48rem){.for-families-grade__list li a:focus-visible,.for-families-grade__list li a:hover{font-size:var(--h4-mobile-size);line-height:var(--h4-mobile-line-height)}}.for-families-grade__list li a:focus-visible,.for-families-grade__list li a:hover{color:#fff}.for-families-grade__list li a::before{position:absolute;top:0;left:0;bottom:0;right:0;content:""}