.school-screen-container{position:relative;padding:var(--dashboard-padding);padding-top:0;background:var(--color-solid-deep-blue);min-height:100%;color:#fff;display:flex;flex-direction:column;align-items:center;.sieya--content-max-width{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px;gap:24px}.school-screen-container--hero-section-container{width:100%;display:grid;place-items:center;grid-template-rows:70px 1fr 70px;margin-bottom:24px;@media (max-width:850px){margin-left:calc(-1 * var(--dashboard-padding));margin-right:calc(-1 * var(--dashboard-padding));width:calc(100% + 2 * var(--dashboard-padding))}@media (max-width:500px){grid-template-rows:160px 1fr 70px}}.school-screen-container--hero-section-container--image{grid-row:1/-1;grid-column:1;display:block;width:100%;height:100%;object-fit:cover;@media (min-width:680px){max-height:500px}}.school-screen-container--hero-section-logos{grid-row:1;grid-column:1;margin-top:16px;margin-bottom:12px;padding:12px;width:100%;max-width:800px;display:flex;z-index:2;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;@media (max-width:850px){padding-left:16px;padding-bottom:16px;padding-right:16px;padding-top:16px;width:calc(100% - 2 * 16px)}@media (max-width:500px){flex-direction:column}}.school-screen-container--hero-section-logo-image{max-width:min(120px,calc(50% - 16px))}.school-screen-container--hero-section-container--overlay{grid-row:1/-1;grid-column:1;background:rgba(0,0,0,.3);width:100%;height:100%}.school-screen-container--hero-section-container--content{grid-row:2;grid-column:1;width:100%;display:flex;flex-direction:column;gap:8px;padding:12px;max-width:800px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(18,32,56,.46);backdrop-filter:blur(8px) brightness(.5);-webkit-backdrop-filter:blur(6px) brightness(.95);border:1px solid rgba(180,205,255,.16);border-radius:12px;box-shadow:0 8px 24px rgba(10,18,32,.45);@media (max-width:850px){padding-left:16px;padding-bottom:16px;padding-right:16px;padding-top:16px;width:calc(100% - 2 * 16px)}}.school-screen-container--header{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center;align-self:center;column-gap:16px;z-index:2}.school-screen-container--header--title{display:inline-flex;text-align:center;justify-content:center;width:100%}.school-screen-container--header--logo{width:250px;height:45px}}