body picture.dark,body.light-theme picture.dark{display:none}body picture.light,body.dark-theme picture.dark,body.light-theme picture.light{display:flex}body.dark-theme picture.light{display:none}@media (prefers-color-scheme:dark){body,body.dark-theme{--brand-dots-overwrite:#fff}body picture.dark,body.dark-theme picture.dark{display:flex}body picture.light,body.dark-theme picture.light{display:none}body.light-theme{--brand-dots-overwrite:unset}body.light-theme picture.dark{display:none}body.light-theme picture.light{display:flex}}aside{height:100%;position:relative;width:66.6666%}@media (orientation:portrait){aside{height:20%;top:0;width:100%}}@media (max-aspect-ratio:3/2) and (orientation:landscape){aside{width:50%}}@media (resolution > 1.5dppx) and (orientation:landscape){aside{width:50%}}aside .background-logo{filter:blur(2px);height:100%;object-fit:cover;width:100%}aside .color-overlay{left:0;opacity:.9;z-index:2}aside .color-overlay,aside header{height:100%;position:absolute;top:0;width:100%}aside header{align-items:center;display:flex;justify-content:center;z-index:3}aside header .logo-desktop,aside header .logo-mobile{height:fit-content;justify-content:center;margin:auto;max-height:60%;max-width:60%;width:fit-content}@media (orientation:portrait){aside header .logo-desktop,aside header .logo-mobile{max-height:80%;max-width:fit-content}aside header .logo-mobile{display:flex}aside header .logo-desktop{display:none}}@media (orientation:landscape){aside header .logo-mobile{display:none}aside header .logo-desktop{display:flex}}aside header .school-logo{height:auto;margin:auto;max-height:100%;max-width:100%;width:auto}aside header img[src$=".svg"]{height:var(--max-logo-height,auto);width:var(--max-logo-width,auto)}aside header .logo-text{font-size:clamp(3rem,5vw,10rem);font-weight:700;justify-content:center;word-wrap:break-word;color:var(--body-color-default)}aside header .logo-text,main{display:flex;flex-direction:column;height:100%}main{align-items:center;background-color:var(--body-bg-secondary);gap:32px;padding:32px 64px;position:absolute;right:0;top:0;width:33.3333%;z-index:4}@media (orientation:landscape){main{overflow-y:auto}}@media (orientation:portrait){main{height:80%;padding:16px 32px;top:20%;width:100%}}@media (max-aspect-ratio:3/2) and (orientation:landscape){main{padding:32px;width:50%}}@media (resolution > 1.5dppx) and (orientation:landscape){main{padding:8px;width:50%}}main picture{justify-content:center}main picture #logo-iserv{max-width:75%}@media (orientation:portrait) and (max-width:640px){main picture #logo-iserv{max-width:50%}}main .main-content{align-items:center;display:flex;flex:1;flex-direction:column;padding:0 10%;width:100%}main .main-content>:first-child{margin-top:auto}main .main-content>:last-child{margin-bottom:auto}main .main-content.full-width{max-width:100%;padding:0}@media (orientation:portrait){main .main-content{max-width:60%;padding:0}}@media (orientation:portrait) and (max-width:640px){main .main-content{max-width:100%}}main .main-content .login-logo-iserv{margin-bottom:10%}main .main-content .main-heading{align-items:center;display:flex;justify-content:space-between}main .main-content .main-heading .help-link{font-size:14px;line-height:20px}main .main-content .main-heading .badge{align-items:center;display:flex}main .main-content .main-heading .badge>span{text-align:left;vertical-align:unset;white-space:break-spaces}main .main-content .main-panel{width:100%}main .main-content .main-panel.compact{max-width:var(--main-panel-max-width)}main footer{flex-direction:column;text-align:center}main footer,main footer .legal-group{align-items:center;display:flex;gap:8px;justify-content:center;padding-bottom:8px}main footer .legal-group .legal-notice{text-align:right}main footer .legal-group .brand-dots{display:flex}@media (max-width:310px){main footer .legal-group .brand-dots{flex-direction:column}}main footer .legal-group .brand-dots>span{font-size:8px;line-height:10px;margin:0 2px}main footer .legal-group .brand-dots>span:first-child{color:var(--brand-dots-overwrite,#faba00)}main footer .legal-group .brand-dots>span:nth-child(2){animation-delay:.1s;color:var(--brand-dots-overwrite,#7296c8)}main footer .legal-group .brand-dots>span:last-child{animation-delay:.2s;color:var(--brand-dots-overwrite,#00447c)}