*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:segoe-ui-light}@font-face{font-family:segoe-ui-light;src:url(../segoeuil.ttf)}html{overflow:hidden}body{position:relative;max-width:100%;height:100vh;overflow:hidden;background-color:#000}.off{display:none}.on{display:block}.on-flex{display:flex}.active{opacity:1}.inactive{opacity:0}.inactive-down{opacity:0;transform:translateY("30px")}.inactive-zoomOut{opacity:0;transform:scale(1.1)}.easeOutQuint{transition:all 450ms cubic-bezier(0.23, 1, 0.32, 1)}.easeOutCirc{transition:all 800ms cubic-bezier(0.08, 0.82, 0.17, 1)}.unsupported{display:none}.dtop{max-width:100%;height:100vh;position:relative;position:relative;max-width:100%;height:100vh;background:#000;overflow:hidden;transition:all 500ms ease}.lockscreen{position:absolute;inset:0;z-index:1;background-image:url(../ls-4.png);background-position:center;background-repeat:no-repeat;background-size:cover}.lockscreen::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.1)}.clock{position:absolute;bottom:clamp(25px,3vw,4rem);left:30px;display:inline-block}.clock #DigitalCLOCK{transform:translateY("-50px");line-height:100%;font-size:clamp(20px,8vw,10rem)}.clock #date{font-size:clamp(20px,4vw,7rem)}.sign-in{position:absolute;inset:0;z-index:10;background:rgba(0,0,0,.2);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.sign-in .sign-in-form{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:18rem}.sign-in .sign-in-form .sign-in-form-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.sign-in .sign-in-form .sign-in-form-container .form-ct{width:100%;display:flex;flex-direction:column;align-items:center}.sign-in .sign-in-form .sign-in-form-container .welcome-ct{display:none;align-items:center}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller{display:block;position:relative;width:40px;height:80px;transform:scale(0.5)}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(1){animation-delay:-0.036s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(1):after{top:63px;left:63px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(2){animation-delay:-0.072s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(2):after{top:68px;left:56px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(3){animation-delay:-0.108s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(3):after{top:71px;left:48px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(4){animation-delay:-0.144s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(4):after{top:72px;left:40px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(5){animation-delay:-0.18s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(5):after{top:71px;left:32px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(6){animation-delay:-0.216s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(6):after{top:68px;left:24px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(7){animation-delay:-0.252s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(7):after{top:63px;left:17px}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(8){animation-delay:-0.288s}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sign-in .sign-in-form .sign-in-form-container .welcome-ct .welcome-text{font-size:clamp(10px,2vw,20px);display:block;margin-left:2rem}.sign-in .sign-in-form .sign-in-form-container .circle-pp{width:200px;height:200px;border-radius:50%;background:url(../fp-1.jpg) no-repeat center;background-size:cover}.sign-in .sign-in-form .sign-in-form-container .sign-in-name{margin:10px 0 30px 0;font-size:clamp(20px,4vw,40px)}.sign-in .sign-in-form .sign-in-form-container .pw-login{width:100%;height:35px;background:#fff}.sign-in .sign-in-form .sign-in-form-container .pw-login input{color:#000;width:100%;height:100%;border:2px solid gray;outline:none;text-indent:10px}.sign-in .sign-in-form .sign-in-form-container .text-sign-in{margin:10px 0 15px 0}.desktop-app{max-width:100%;height:100vh;overflow:hidden;position:relative;background:crimson;transition:opacity 300ms ease;z-index:1500}.desktop-app .display-monitor{position:relative;max-width:100%;height:100vh;overflow:hidden;background:url(../dp-1.jpg) no-repeat center;background-size:cover}.desktop-app .display-monitor .taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;background:rgba(18,11,19,.85)}@media screen and (max-width: 499px){.unsupported{position:fixed;inset:0;background:#000;z-index:100000000000000000000;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px 0 10px}.dtop{display:none}}/*# sourceMappingURL=main.css.map */