@keyframes sleep-z-float{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120px) translate(-30px) scale(1.2)}}@keyframes sleep-z-float-2{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120px) translate(10px) scale(1.2)}}@keyframes sleep-z-float-3{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120px) translate(40px) scale(1.2)}}.sleep-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1002;pointer-events:none}.sleep-overlay .sleep-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.sleep-overlay .mac-computer{width:120px;height:144px;color:var(--color-white);margin-bottom:40px;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.sleep-overlay .sleep-zs-container{position:absolute;top:-80px;right:-80px;width:200px;height:200px;pointer-events:none}.sleep-overlay .sleep-z{position:absolute;font-size:36px;font-weight:700;color:var(--color-white);font-family:Courier New,monospace;opacity:0}.sleep-overlay .sleep-z-1{animation:sleep-z-float 3s ease-in infinite;animation-delay:0s}.sleep-overlay .sleep-z-2{animation:sleep-z-float-2 3s ease-in infinite;animation-delay:.8s}.sleep-overlay .sleep-z-3{animation:sleep-z-float-3 3s ease-in infinite;animation-delay:1.6s}.sleep-overlay .sleep-overlay-close{position:absolute;top:0;left:0;right:0;bottom:0;border:none;background:none;cursor:pointer;z-index:1}.sleep-overlay .sleep-content{position:relative;z-index:2}
