.page-studunt-login{align-items:center;display:flex;justify-content:center}.page-studunt-login .box-studunt-login{box-sizing:border-box;display:flex;flex-direction:column;max-width:580px;padding:0 20px;row-gap:20px;text-align:center;width:100%}.page-studunt-login .box-studunt-login .area-text{display:flex;flex-direction:column;row-gap:12px}.page-studunt-login .box-studunt-login .area-text .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-m);font-weight:var(--font-weight-semibold)}.page-studunt-login .box-studunt-login .area-text .caption{color:var(--old-color-gray-550);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}.page-studunt-login .box-studunt-login .box-self-login{background:var(--old-color-background-primary2);display:flex;flex-direction:column;padding:20px;row-gap:14px}.page-studunt-login .box-studunt-login .box-self-login .area-input{display:flex;flex-direction:column;row-gap:10px}.page-studunt-login .box-studunt-login .box-self-login .check-maintain{align-items:center;color:var(--old-color-gray-550);-moz-column-gap:6px;column-gap:6px;display:flex;font-size:var(--old-font-size-overline);font-weight:var(--font-weight-medium)}.page-studunt-login .box-studunt-login .box-qr-login{background:var(--old-color-background-primary2);display:flex;flex-direction:column;padding:20px;row-gap:6px}.page-studunt-login .box-studunt-login .box-qr-login .area-btn{-moz-column-gap:20px;column-gap:20px;display:flex}.page-studunt-login .box-studunt-login .box-qr-login .area-btn .btn{flex:1;font-size:var(--old-font-size-body-s)}.page-studunt-login .box-studunt-login .box-qr-login .box-camera>div,.page-studunt-login .box-studunt-login .box-qr-login .box-qrdrop{align-items:center;background:var(--old-color-container-primary-inverse);border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);box-sizing:border-box;color:var(--old-color-gray-580);display:flex;flex-direction:column;font-size:var(--old-font-size-caption);font-weight:var(--font-weight-semibold);height:334px;justify-content:center;line-height:var(--old-line-height-normal);position:relative;row-gap:4px}.page-studunt-login .box-studunt-login .box-qr-login .box-camera>div.--active,.page-studunt-login .box-studunt-login .box-qr-login .box-qrdrop.--active{background:var(--old-color-blue-50);border:3px dashed var(--old-color-blue-500)}.page-studunt-login .box-studunt-login .box-qr-login .box-camera>div .icon,.page-studunt-login .box-studunt-login .box-qr-login .box-qrdrop .icon{height:32px;width:32px}.page-studunt-login .box-studunt-login .box-qr-login .box-camera>div .icon .path,.page-studunt-login .box-studunt-login .box-qr-login .box-qrdrop .icon .path{fill:var(--old-color-gray-580)}.page-studunt-login .box-studunt-login .box-qr-login .box-camera>div .zone-qr,.page-studunt-login .box-studunt-login .box-qr-login .box-qrdrop .zone-qr{bottom:0;left:0;position:absolute;right:0;top:0}.page-studunt-login .box-studunt-login .box-qr-login .box-camera-wrap{height:286px}.page-studunt-login .box-studunt-login .box-qr-login .box-camera-wrap .box-camera.--active{border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);box-sizing:border-box;overflow:hidden}.page-studunt-login .box-studunt-login .box-qr-login .box-camera-wrap .box-camera.--active>div{display:none}.page-studunt-login .box-studunt-login .area-bottom{display:flex;flex-direction:column;row-gap:14px}.page-studunt-login .box-studunt-login .area-bottom .caption{height:32px;position:relative;width:100%}.page-studunt-login .box-studunt-login .area-bottom .caption:before{background:var(--old-color-border-primary-hover);border-radius:2px;content:"";display:block;height:1px;left:0;position:absolute;right:0;top:50%}.page-studunt-login .box-studunt-login .area-bottom .caption .text{background:var(--old-color-white);color:var(--old-color-gray-300);font-size:var(--old-font-size-overline);font-weight:var(--font-weight-medium);left:50%;padding:0 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-studunt-login .box-studunt-login .description{color:var(--old-color-gray-580);font-size:var(--old-font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--old-line-height-loose)}@media (max-width:1200px){.page-studunt-login .box-studunt-login{padding:0}.page-studunt-login .box-studunt-login .area-text .title{font-size:var(--old-font-size-subtitle-s)}.page-studunt-login .box-studunt-login .area-text .caption{font-size:var(--old-font-size-caption)}.page-studunt-login .box-studunt-login .box-qr-login .box-camera>div,.page-studunt-login .box-studunt-login .box-qr-login .box-qrdrop,.page-studunt-login .box-studunt-login .description{font-size:var(--old-font-size-overline)}}