grade-filter{display:grid;grid-template-columns:300px 1fr;grid-gap:var(--gutter1);flex-grow:1;background-color:#f4f4f4}grade-filter>h2{grid-row:1;grid-column:1/-1}grade-filter filter-bar{grid-row:2;grid-column:1/-1;display:grid;align-items:flex-start;grid-gap:var(--gap);grid-template-columns:auto 1fr}grade-filter filter-bar button.filter{display:flex;grid-row:1;width:-moz-fit-content;width:fit-content;place-items:center;place-content:center;margin-top:1.8em}grade-filter filter-bar button.filter span{margin-left:calc(var(--gap) * 0.5);font-weight:bold;font-size:0.75em}grade-filter filter-bar button.filter svg{width:16px;height:16px;fill:#969695}grade-filter filter-bar .datalist-group{grid-row:1;display:grid;grid-gap:20px var(--gap);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}@media(max-width: 480px){grade-filter filter-bar{grid-template-columns:1fr;display:flex;flex-direction:column}grade-filter filter-bar button.filter{margin-bottom:var(--gap)}grade-filter filter-bar .datalist-group{grid-template-columns:1fr;width:100%}}grade-filter filter-bar datalist-wrap{display:block;position:relative;flex-grow:1;margin-top:1em}grade-filter filter-bar datalist-wrap label{font-size:0.875em;color:#1e1a1a;margin-bottom:calc(var(--gap) * 0.5);display:block;position:absolute;bottom:100%;left:0}grade-filter filter-bar datalist-wrap input{border:none;padding:12px var(--gap);width:100%;color:#6a6a6a;font-size:0.875em;border-radius:var(--border-radius, 6px);background-color:#fff;border:1px solid #f4f4f4;transition:border-color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );-webkit-appearance:none;-moz-appearance:none;appearance:none}grade-filter filter-bar datalist-wrap input:focus{outline:none}grade-filter filter-bar datalist-wrap input:valid+button.clear{pointer-events:all;opacity:1;transform:scale(1)}grade-filter filter-bar datalist-wrap button.clear{cursor:pointer;position:absolute;right:1px;top:1px;opacity:0;height:calc(100% - 2px);padding:0 var(--gap);text-align:center;align-items:center;justify-content:center;background-color:#fff;pointer-events:none;transform:scale(0.7);border-top-right-radius:var(--border-radius, 6px);border-bottom-right-radius:var(--border-radius, 6px);transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}grade-filter filter-bar datalist-wrap button.clear svg{width:16px;height:16px;color:#131f6b;transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}grade-filter filter-bar datalist-wrap button.clear::after{content:"";width:30px;height:100%;position:absolute;top:0;pointer-events:none;right:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0), white)}@media(hover: hover){grade-filter filter-bar datalist-wrap button.clear:hover svg{color:#df3035}}grade-filter filter-bar datalist-wrap.active input{border-color:#131f6b}grade-filter p#no-results{grid-row:3;grid-column:1/-1}grade-filter p#no-results.hidden{display:None}grade-filter section{grid-row:3;grid-column:2}grade-filter section:not(.ungrouped){display:none}grade-filter section .heading{display:flex;margin-bottom:var(--gap);justify-content:space-between}grade-filter section .heading svg{display:none;width:1.6em;height:1.6em}grade-filter section .image{width:100%;margin-bottom:var(--gutter1);border-radius:var(--border-radius, 6px);--aspect-ratio: 380/90;aspect-ratio:var(--aspect-ratio)}@supports not (aspect-ratio: 380/90){grade-filter section .image{aspect-ratio:initial;padding-bottom:calc(100%/(var(--aspect-ratio)));height:0}grade-filter section .image>*{position:absolute}}grade-filter section .text{font-size:0.875em;margin-top:calc(var(--gap) * 2)}grade-filter section .text ul{margin-left:0}grade-filter section .text>figure{padding:0}grade-filter section.active{display:unset}grade-filter section article h4{display:flex;align-items:center;margin-bottom:var(--gap)}grade-filter section article h4::after{content:"";height:1px;margin-left:var(--gap);background-color:#dcdcdc;flex-grow:1}ul.grades{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));grid-gap:var(--gap)}ul.grades li{--hover-height: calc(200% + var(--gap));--hover-width: 100%;min-height:80px;background-color:#fff;border-radius:var(--border-radius, 6px);position:relative;z-index:0;transition:z-index 0s .6s cubic-bezier(0.42, 0, 0.58, 1)}ul.grades li>*{text-decoration:none;display:flex;padding:var(--gap);height:100%;font-size:.9em;flex-direction:column;transition:background-color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );border-radius:inherit}ul.grades li>* mark{background-color:initial;color:inherit;border-radius:initial;padding:initial;transition:initial}ul.grades li>* .summary{position:absolute;border-radius:inherit;inset:0;pointer-events:none;overflow:hidden;padding:var(--gap);height:100%;width:100%;color:#fff;transition:background-color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),height var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, ),width var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, );transition-delay:.2s;background-color:rgba(0,0,0,0)}ul.grades li>* .summary::after{content:"";width:100%;height:30px;position:absolute;bottom:0;left:0;background-image:linear-gradient(transparent, #DF3035 20px)}ul.grades li>* .summary strong{opacity:0;transition:opacity .2s .4s cubic-bezier(0.42, 0, 0.58, 1)}ul.grades li>* .summary p,ul.grades li>* .summary::after{font-size:0.8125em;opacity:0;transition:opacity var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}ul.grades li>*>strong{color:var(--secondary, #DF3035);transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}ul.grades li>* em{font-style:normal;font-size:0.75em;transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}@media(hover: hover){ul.grades li>*:hover{background-color:var(--secondary, #DF3035)}ul.grades li>*:hover,ul.grades li>*:hover strong{color:#fff}}@media(hover: hover){ul.grades li:hover{z-index:1;transition-delay:0s !important;transition-duration:0s !important}ul.grades li:hover>* .summary{pointer-events:initial;height:var(--hover-height);width:var(--hover-width);transition-delay:.2s;background-color:#df3035}ul.grades li:hover>* .summary strong{opacity:1;transition-delay:0s}ul.grades li:hover>* .summary p,ul.grades li:hover>* .summary::after{opacity:1;transition-delay:.4s}ul.grades li:hover~*{transition-duration:0s,0s !important;transition:initial !important;z-index:0 !important;transition-delay:0s,0s !important}}ul.grades li.no-summary .summary{display:none}#grades-sidebar-list{background-color:#fff;border:1px solid #dcdcdc}#grades-sidebar-list h4{font-size:1.5625em;line-height:1.6;color:#1e1a1a;margin-bottom:var(--gap)}#grades-sidebar-list ul.grades{grid-template-columns:repeat(2, 1fr);grid-gap:calc(var(--gap) * 0.5)}#grades-sidebar-list ul.grades li{border:1px solid #dcdcdc;min-height:auto;--hover-height: calc(300% + var(--gap) + 4px)}#grades-sidebar-list ul.grades li a{padding:calc(var(--gap) * 0.5) var(--gap);font-size:.8em !important}#grades-sidebar-list ul.grades li a .summary{padding:calc(var(--gap) * 0.5) var(--gap)}#grades-sidebar-list ul.grades li a .summary strong{position:relative}grade-filter aside{grid-row:3;grid-column:1}grade-filter aside.ungrouped{display:none}grade-filter aside.ungrouped~section{grid-column:1/-1}grade-filter[data-count="1"] section.active{grid-column:1/-1}grade-filter[data-count="1"] aside{display:none}grade-filter aside nav{display:flex;flex-direction:column}grade-filter aside nav button{display:flex;align-items:center;justify-content:space-between;color:var(--primary, #131f6b);text-align:left;width:100%;font-family:lato,sans-serif;font-style:normal;font-weight:600;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;padding:var(--gap) 0;transition:color var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}grade-filter aside nav button svg{width:50px;height:30px;fill:#1e1a1a;transition:fill var(--transition-duration, 0.2s) var(--transition-ease, cubic-bezier(0.42, 0, 0.58, 1)) var(--transition-delay, )}grade-filter aside nav button+button{border-top:1px solid #dcdcdc}@media(hover: hover){grade-filter aside nav button:hover{color:var(--secondary, #DF3035)}grade-filter aside nav button:hover svg{fill:var(--secondary, #DF3035)}}grade-filter aside nav button.active{color:var(--secondary, #DF3035)}grade-filter aside nav button.active svg{fill:var(--secondary, #DF3035)}grade-filter aside nav a{margin-top:var(--spacer1)}grade-filter .grade-filter-cta{grid-column:1/-1;width:-moz-fit-content;width:fit-content}@media(max-width: 1400px){grade-filter aside{display:none}grade-filter section{border-top:1px dashed #dcdcdc;padding-top:var(--gap);display:block !important;grid-row:auto;grid-column:1/-1}grade-filter section .heading svg{display:block}}