.curtain{position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden;display:flex;flex-direction:column}
.curtain-strip{width:100%;background:var(--bg-dark);flex:1;transform-origin:left;transition:transform .4s cubic-bezier(.76,0,.24,1)}
.curtain-strip:nth-child(1){transition-delay:0s}
.curtain-strip:nth-child(2){transition-delay:.03s}
.curtain-strip:nth-child(3){transition-delay:.06s}
.curtain-strip:nth-child(4){transition-delay:.09s}
.curtain-strip:nth-child(5){transition-delay:.12s}
.curtain-strip:nth-child(6){transition-delay:.15s}
.curtain-strip:nth-child(7){transition-delay:.15s}
.curtain-strip:nth-child(8){transition-delay:.12s}
.curtain-strip:nth-child(9){transition-delay:.09s}
.curtain-strip:nth-child(10){transition-delay:.06s}
.curtain-strip:nth-child(11){transition-delay:.03s}
.curtain-strip:nth-child(12){transition-delay:0s}
.curtain.open .curtain-strip{transform:translateX(100%)}
.curtain-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:1;transition:opacity .15s}
.simple-spinner{width:40px;height:40px;border:3px solid var(--border-muted);border-top-color:var(--success);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.curtain.open .curtain-logo{opacity:0}
@media(min-width:769px){.curtain{display:none}}