body.light-theme picture.dark,body picture.dark{display:none}body.dark-theme picture.dark,body.light-theme picture.light,body 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.dark-theme picture.dark,body picture.dark{display:flex}body.dark-theme picture.light,body 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{position:relative;height:100%;width:66.6666%}@media (orientation:portrait){aside{height:20%;width:100%;top:0}}@media (max-aspect-ratio:1.5) and (orientation:landscape){aside{width:50%}}@media (min-resolution:1.5dppx) and (orientation:landscape){aside{width:50%}}aside .background-logo{object-fit:cover;width:100%;height:100%;filter:blur(2px)}aside .color-overlay{left:0;opacity:.9;z-index:2}aside .color-overlay,aside header{position:absolute;height:100%;width:100%;top:0}aside header{z-index:3}@media (orientation:portrait){aside header .logo-mobile{display:unset}aside header .logo-desktop{display:none}}@media (orientation:landscape){aside header .logo-mobile{display:none}aside header .logo-desktop{display:unset}}aside header picture{display:flex;height:100%}aside header .school-logo{min-width:120px;max-height:60%;max-width:60%;margin:auto;object-fit:contain}@media (orientation:portrait){aside header .school-logo{max-height:80%;max-width:80%}}aside header .logo-text{justify-content:center;font-weight:700;font-size:clamp(3rem,5vw,10rem);word-wrap:break-word;color:var(--body-color-default)}aside header .logo-text,main{display:flex;flex-direction:column;height:100%}main{position:absolute;width:33.3333%;right:0;top:0;background-color:var(--body-bg-secondary);z-index:4;align-items:center;gap:32px;padding:32px 64px}@media (orientation:landscape){main{overflow-y:auto}}@media (orientation:portrait){main{height:80%;width:100%;top:20%;padding:16px 32px}}@media (max-aspect-ratio:1.5) and (orientation:landscape){main{width:50%;padding:32px}}@media (min-resolution:1.5dppx) and (orientation:landscape){main{width:50%;padding:8px}}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{display:flex;flex-direction:column;align-items:center;padding:0 10%;width:100%;flex:1}main .main-content>:first-child{margin-top:auto}main .main-content>:last-child{margin-bottom:auto}main .main-content.full-width{padding:0;max-width:100%}@media (orientation:portrait){main .main-content{padding:0;max-width:60%}}@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{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}main .main-content .main-heading .help-link{font-size:14px;line-height:20px}main .main-content .main-heading .badge{display:flex;align-items:center}main .main-content .main-heading .badge>span{white-space:break-spaces;vertical-align:unset;text-align:left}main footer{flex-direction:column;text-align:center}main footer,main footer .legal-group{display:flex;gap:8px;justify-content:center;padding-bottom:8px;align-items:center}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{margin:0 2px;line-height:10px;font-size:8px}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)}