@font-face{font-family:Rubik;src:url(../fonts/Rubik-VariableFont_wght.9fcbb99e.ttf)}body{background-color:#dcdfd6;font-family:Rubik}#app{display:grid}#app,.container{justify-content:center}.container{display:flex;flex-wrap:wrap;gap:1em;padding-top:3em;.status_bar{position:relative;display:grid;align-content:start;padding:1em;width:400px;min-width:400px;height:calc(420px + 3em);background-color:#292528;color:#dcdfd6;box-sizing:border-box;.heading{position:absolute;top:0;left:0;margin:0;padding:.5em 1em;width:100%;box-sizing:border-box;font-size:16px;background-color:#000}.empty-text{margin-top:2em;display:grid;text-align:center;align-content:center;height:300px}.status_items{display:grid;gap:1em;margin-top:2em;text-align:center;overflow-y:auto;overflow-x:hidden;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:#292528}&::-webkit-scrollbar-thumb{background:#ffd300}.status_item{display:flex;gap:1em;background-color:#000;padding:.5em 1em;height:-moz-fit-content;height:fit-content;margin-right:.5em;p{margin:0}}}}.content{box-sizing:border-box;display:grid;gap:1em;.field{width:400px;height:400px;border:1px solid #292528}.start_button{padding:.5em;background-color:#ffd300;color:#292528;font-size:20px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:700;cursor:pointer;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:hover{background-color:#ffd300cc}&:active{background-color:#ffd30066}}}}.status_items-item{display:inline-block;margin-right:10px}.status_items-enter-active,.status_items-leave-active{transition:all .2s ease}.status_items-enter-from,.status_items-leave-to{opacity:0;transform:translateY(-130px)}.status_items-move{transition:transform .2s ease}