@import url(https://fonts.googleapis.com/css2?family=Staatliches&display=block);.content,.three-canvas,.ui-content{bottom:0;left:0;position:absolute;right:0;top:0}.key-block{background-color:var(--color-primary);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;margin-right:4px;min-width:125px!important;padding:8px;&:not(:first-child){margin-left:8px!important}}.reticleContainer{box-sizing:border-box;height:100%;justify-content:center;width:100%}.reticleContainer,.reticleContainer .reticle{align-items:center;display:flex;position:absolute}.reticleContainer .reticle{flex-direction:row;justify-content:space-between;left:50%;max-width:50px;min-width:50px;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:min-width 75ms ease-in-out,max-width 75ms ease-in-out}.reticleContainer .reticle.rotated{-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}.reticleContainer .reticle[speed="1"]{max-width:66px;min-width:66px}.reticleContainer .reticle[speed="2"]{max-width:80px;min-width:80px}.reticleContainer .reticle:after,.reticleContainer .reticle:before{background-color:var(--color-white);border-radius:4px;content:"";display:block;height:4px;position:absolute;width:10px}.reticleContainer .reticle:after{right:0}.mode{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center;position:absolute;top:20px;transition:all .35s ease-in-out;width:100%}.mode.hide{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.mode p{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;color:var(--color-white);font-size:2.2em;margin:0;padding:2px 60px;position:relative;text-align:center}.mode p span{font-size:.8em;left:8px;position:absolute;top:0}.mode p.active{background-color:var(--color-primary);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1)}.msg{color:var(--color-white);font-size:1.6em;left:20px;padding:12px 8px 12px 4px}.gauge,.msg{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;bottom:20px;position:absolute}.gauge{height:54px;right:20px;width:86px}.gauge-container{height:35px;margin:10px 8px 8px;overflow:hidden}.gauge-container,.indicator{position:absolute;width:70px}.indicator{height:70px;left:35px;margin-left:-35px;margin-top:-35px;top:35px;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.indicator:after,.indicator:before{background-color:var(--color-white);border-radius:0 0 35px 35px;content:" ";height:50%;margin-top:50%;position:absolute;width:70px}.indicator:before{border-radius:35px 35px 0 0;margin-top:0;opacity:.2}.cover{background-color:var(--color-grey);border-radius:25px 25px 0 0;bottom:-2px;height:25px;left:10px;position:absolute;width:50px}.disabled{background-color:#505050!important}.nohover{background:transparent!important;color:var(--color-white);cursor:default!important;padding-bottom:4px}#actionmenu-container{display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;right:20px}#actionmenu{align-self:flex-end;height:auto;width:325px}#actionmenu-frame{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;padding:8px}#actionmenu-frame:first-child{margin-bottom:30px}#actionmenu-frame>p,h4{color:var(--color-white);font-size:2.2em;margin:0;padding:0 0 0 8px}ul{list-style-type:none;margin:0;padding-left:25px;width:90%}ul.numbered{list-style-type:decimal!important}ul.numbered>li{color:var(--color-white)!important;font-size:2em!important;padding-bottom:8px;padding-left:8px;text-align:center}ul:nth-child(2){margin-bottom:5%;margin-top:5%}li>span{font-size:1.4em}li ul{margin-left:-10%}li{color:transparent;cursor:default;font-size:1.2em!important;margin:0 0 4px;width:80%}li ul li{margin-bottom:8px}li>p{background-color:var(--color-primary);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:4px;color:var(--color-white);margin:0 0 0 -8px;min-height:32px;min-width:240px;padding-top:4px!important;padding:0 8px 0 0;transition:all 5ms ease-in-out}li>p:active{border:4px solid;border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2)}ul.numbered>li>p{margin-left:8px!important;padding-right:0!important}li:not(.nohover){font-size:1.4em!important;margin-top:8px;padding-top:2px;text-align:center}#actionmenu li>p:not(.disabled):hover{background-color:#06257a;cursor:pointer}b{font-size:1.2em;font-weight:700}.paint-layout{bottom:0;position:absolute;right:20px;top:0}.paint-container,.paint-layout{display:flex;flex-direction:column;gap:16px;justify-content:center}.paint-container{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;padding:12px 11px 12px 12px}.control-layout{bottom:0;position:absolute;right:20px;top:0}.control-container,.control-layout{display:flex;flex-direction:column;gap:16px;justify-content:center}.control-container{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;padding:12px}.control-row{display:flex;flex-direction:row;gap:8px}.control-button{align-items:center;background-color:var(--color-primary);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:4px;color:var(--color-white);font-size:2em;height:40px;text-align:center;width:40px;&.pressed{border:4px solid;border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2)}}.control-button,.settings-layout{display:flex;justify-content:center}.settings-layout{bottom:0;flex-direction:column;gap:16px;position:absolute;right:20px;top:0}.settings-container{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;display:flex;flex-direction:column;min-width:550px;padding:12px 11px 12px 12px;p{font-size:1.8em}}.switch-button-left{align-self:flex-end;background-color:var(--color-primary);border:4px solid;border-bottom-left-radius:4px;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-top-left-radius:4px;color:var(--color-white);font-size:2em;height:30px;line-height:32px;min-width:65px;text-align:center;transition:all 5ms ease-in-out;width:50%;&.selected{background-color:#505050!important}&.selected,&:active{border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2)!important;border-style:solid none solid solid!important}}.switch-button-right{align-self:flex-end;background-color:var(--color-primary);border:4px solid;border-bottom-right-radius:4px;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-top-right-radius:4px;color:var(--color-white);font-size:2em;height:30px;line-height:32px;min-width:65px;text-align:center;transition:all 5ms ease-in-out;width:50%;&.selected{background-color:#505050!important}&.selected,&:active{border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2)!important;border-style:solid solid solid none!important}}.quit-dialog-background{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);inset:0;justify-content:center;position:fixed}.quit-dialog-background,.quit-dialog-form{align-items:center;display:flex;flex-direction:column}.quit-dialog-form{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;flex-shrink:0;gap:40px;justify-content:space-between;margin-top:-15vh;min-height:380px;padding:40px;p{color:var(--color-white);font-size:2.3em;text-align:center}button{align-self:stretch}}:root{--padding:40px;--half-padding:20px;--color-primary:#0d2b7d;--color-white:#f5f5f5;--color-grey:#353535;--color-black:#141414;--border-color-1:#717171;--border-color-2:#171717}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Staatliches;height:100vh;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100vw}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-appearance:textfield;-moz-appearance:textfield}button,input[type=number],input[type=text]{font-family:Staatliches!important}input[type=checkbox]{accent-color:#0d2b7d!important;accent-color:var(--color-primary)!important}p{color:#f5f5f5;color:var(--color-white);font-family:Staatliches;font-size:1em;margin:0;padding:0}.padding{padding:40px;padding:var(--padding)}.half-padding{padding:20px;padding:var(--half-padding)}.paddingHorizontal{padding-left:40px;padding-left:var(--padding);padding-right:40px;padding-right:var(--padding)}.paddingVertical{padding-bottom:40px;padding-bottom:var(--padding);padding-top:40px;padding-top:var(--padding)}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex{flex:1 1}.gap{gap:20px!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-center,.background{align-items:center}.background{background-image:url(/blockbots/static/media/BG.3f33797b42a64d8ea7ac.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;&:after{-webkit-backdrop-filter:blur(3px) brightness(99%);backdrop-filter:blur(3px) brightness(99%);content:"";inset:0;position:fixed;z-index:0}}.dev-button{align-self:flex-end;background-color:initial;border:none;bottom:-32px;color:var(--color-white);font-size:1.6em!important;height:30px!important;line-height:30px;position:absolute;right:-32px;text-align:center;width:25px!important}.input-container{display:flex;flex-direction:column;gap:20px;margin-top:40px;width:100%;p{color:var(--color-white);font-size:2em;margin:0}}.input-row-container{align-items:center}.button-container,.input-row-container{display:flex;flex-direction:row;gap:20px}.button-container{justify-content:space-between;&>button{flex:1 1}}.button-container-col{display:flex;flex-direction:column;gap:20px;&>button{align-self:center;width:100%}}button{align-self:flex-end;background-color:var(--color-primary);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:4px;color:var(--color-white);font-size:2em;height:50px;min-width:125px;transition:all 5ms ease-in-out}button:disabled{background-color:#646464}button:active:not(:disabled){border:4px solid;border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2)}button:hover:not(:disabled){background-color:#06257a;cursor:pointer}.host-container{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2);max-height:250px;min-height:150px;overflow-y:auto;scrollbar-width:none;width:100%;.button-container{align-items:center;padding:12px}h1{color:var(--color-white);flex:1 1;margin:0}button{flex:0 1}}input[type=text]{border-radius:4px;border-style:none;font-size:2em;height:50px;min-width:250px;text-align:center;width:100%}.menu-form{align-items:center;background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;min-height:380px;position:relative;z-index:999;.dialog{align-items:center;background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-1) var(--border-color-2) var(--border-color-2) var(--border-color-1);border-radius:8px;color:var(--color-white);display:flex;flex-direction:column;justify-content:center;min-height:35%;position:absolute;top:25%;width:80%;z-index:999;div{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:end}}}.logo{background-color:var(--color-primary);border:4px solid;border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2);border-radius:8px;position:relative}.logo>h1{color:var(--color-white);font-size:8em;margin:0;padding:0;text-align:center;text-shadow:5px 5px #000}#loading-spinner{-webkit-animation:spinnerAnimation 1s linear infinite;animation:spinnerAnimation 1s linear infinite;border-radius:50%;border-style:solid;border-width:8px;color:var(--color-white);height:80px;position:relative;width:80px}#loading-spinner:after{background-color:var(--color-grey);content:"";inset:-10px;position:absolute;top:50%}@-webkit-keyframes spinnerAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinnerAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.quote{-webkit-animation:quoteAnimation 1s ease-out infinite;animation:quoteAnimation 1s ease-out infinite;color:#b3bc3a;font-family:Lucida Handwriting,cursive;font-size:1.5em;height:20px;position:absolute;right:-64px;text-align:center;text-shadow:2px 2px #000;top:-20px;-webkit-transform:rotate(30deg) scaleX(2);transform:rotate(30deg) scaleX(2);width:160px}@-webkit-keyframes quoteAnimation{0%{-webkit-transform:rotate(30deg) scaleX(2) scale(1);transform:rotate(30deg) scaleX(2) scale(1)}50%{-webkit-transform:rotate(30deg) scaleX(2) scale(1.2);transform:rotate(30deg) scaleX(2) scale(1.2)}}@keyframes quoteAnimation{0%{-webkit-transform:rotate(30deg) scaleX(2) scale(1);transform:rotate(30deg) scaleX(2) scale(1)}50%{-webkit-transform:rotate(30deg) scaleX(2) scale(1.2);transform:rotate(30deg) scaleX(2) scale(1.2)}}.controls{background-color:var(--color-grey);border:4px solid;border-color:var(--border-color-2) var(--border-color-1) var(--border-color-1) var(--border-color-2);display:flex;flex-direction:column;gap:20px;max-height:50dvh;max-width:550px;overflow-y:auto;padding:10px;scrollbar-color:#141414!important;scrollbar-width:thin;&>div{.button-container{flex-direction:column;gap:0;margin-bottom:10px;margin-top:10px;&>p:first-child{background-color:hsla(0,0%,78%,.4);font-size:30px;padding-bottom:4px;padding-left:4px;padding-top:4px}&>p:nth-child(2){font-size:28px!important;margin-top:8px;min-height:48px;.key-block{font-size:.725em!important;margin-bottom:4px;padding:4px 8px}}}h1{color:var(--color-white);font-size:2.5em!important;margin:0}}}