.switch-listbox{z-index:999;color:#212529;text-align:left;background-color:#fffffffa;border:1px solid #dee2e6;width:300px;max-width:calc(100vw - 2rem);position:absolute;top:100%;left:0}.switch-listbox .switch-listbox-options{max-height:320px;overflow-y:auto}.switch-listbox .switch-listbox-option{color:inherit;background-color:#0000;border:0;display:block}.switch-listbox .switch-listbox-option:hover,.switch-listbox .switch-listbox-option:focus{color:#212529;background-color:#e9ecef;outline:none}.switch-listbox .switch-listbox-option:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #2b66a1}.switch-listbox .switch-listbox-option[aria-selected=true],.switch-listbox .switch-listbox-option[aria-selected=true]:hover,.switch-listbox .switch-listbox-option[aria-selected=true]:focus{color:#fff;background-color:#2b66a1;font-weight:700}.switch-listbox .switch-listbox-option[aria-selected=true]:focus-visible{box-shadow:inset 0 0 0 2px #fff}.school-banner,.school-banner-placeholder{min-height:50px;container-type:inline-size}.school-banner.school-banner-attached{z-index:2}.school-banner.community-header .school-banner-school,.school-banner .school-banner-heading{min-width:0}@media screen and (width>=576px){.school-banner .school-banner-change{flex-shrink:0}.school-banner .school-banner-name{--school-banner-reserved:175px}.school-banner .school-banner-heading-with-change .school-banner-name{--school-banner-reserved:255px}}@media screen and (width>=576px) and (width<=767.98px){.school-banner.community-header .school_text.school-banner-name{font-size:clamp(16px, calc((100cqi - var(--school-banner-reserved)) / (var(--school-banner-name-characters) * .52)), 28px)}}@media screen and (width>=768px){.school-banner.community-header .school_text.school-banner-name{font-size:clamp(16px, calc((100cqi - var(--school-banner-reserved)) / (var(--school-banner-name-characters) * .52)), 36px)}}.school-banner .school-banner-divider{opacity:.6;background-color:currentColor;width:1px;height:1.5em;display:inline-block}.school-banner .school-banner-change-button{border:1px solid #0000;font-size:.85rem}.school-banner .school-banner-change-button:hover,.school-banner .school-banner-change-button:focus-visible,.school-banner .school-banner-change-button.active{border-color:currentColor}.school-banner .school-banner-change-button.active{background-color:#ffffff26}.school-banner .school-banner-list{top:calc(100% + .35rem);left:auto;right:0}.school-banner .school-banner-list.school-banner-list-start{left:0;right:auto}@media screen and (width<=575.98px){.school-banner.community-header .school_logo{margin:0}.school-banner.community-header .school_logo img{max-width:60px;max-height:40px}.school-banner.community-header .school-banner-school{flex:1 1 0}.school-banner .school-banner-heading{flex-direction:column;align-items:flex-start!important}.school-banner.community-header .school_text.text-truncate{max-width:100%;font-size:16px;width:auto!important}.school-banner .school-banner-divider{display:none!important}.school-banner .school-banner-change{margin-left:.65rem;position:static!important}.school-banner .school-banner-change-button{padding:.125rem .35rem;font-size:.75rem}.school-banner .school-banner-list,.school-banner .school-banner-list.school-banner-list-start{width:auto;max-width:none;left:.5rem;right:.5rem}}