.os-boot-animation{z-index:9999;position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000}.os-boot-animation .boot-content{display:flex;gap:40px;align-items:center;flex-direction:column}.os-boot-animation .boot-content .boot-logo{width:60px;display:flex;align-items:center;justify-content:center}.os-boot-animation .boot-content .boot-progress{width:150px;height:3px;overflow:hidden;border-radius:10px;background-color:#fff3}.os-boot-animation .boot-content .boot-progress .progress-bar{height:100%;width:0;border-radius:10px;transition:width .05s linear;background-color:#fffc}.os-boot-picture{z-index:9999;position:fixed;inset:0;padding:40px 0;background-image:url(./20210126103841634.sEyPjgAL.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between}.os-boot-picture .boot-time{display:flex;gap:10px;flex-direction:column;align-items:center}.os-boot-picture .boot-time p:first-child{font-size:var(--os-size);color:#fffc}.os-boot-picture .boot-time p:nth-child(2){font-size:60px;color:#fffc}.os-boot-picture .boot-user{position:relative;display:inline-flex;gap:12px;align-items:center;flex-direction:column}.os-boot-picture .boot-user .boot-user-details{position:relative;display:flex;gap:12px;flex-direction:column;align-items:center}.os-boot-picture .boot-user .boot-user-details:hover .boot-user-tip{opacity:1}.os-boot-picture .boot-user .boot-user-details .boot-user-avatar{opacity:.92;width:42px;height:42px;transition:.3s;border-radius:50%;border:2px solid hsla(0,0%,100%,.8)}.os-boot-picture .boot-user .boot-user-details .boot-user-avatar:hover{opacity:.72;transform:scale(1.2)}.os-boot-picture .boot-user .boot-user-details .boot-user-name{color:#fffc}.os-boot-picture .boot-user .boot-user-details .boot-user-tip{opacity:0;position:absolute;top:-28px;left:50%;transform:translate(-50%);white-space:nowrap;transition:.3s;color:#fffc}
