#container{z-index:10;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.box{color:#fff;background:#000000b3;border-radius:8px;padding:10px}.timeline{z-index:10;background:#fff3;border-radius:1px;width:80%;height:10px;position:fixed;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%)}#progress{background:#0fc;width:0%;height:100%;transition:width .1s linear}#ruler{transition:left .9s linear}.modal{text-align:center;z-index:50;background:#00000080;align-content:center;width:100%;height:100%;display:block;position:fixed;top:0;left:0}