@font-face{font-family:Lato;src:local("Lato"),url(/font.1b245196.ttf) format("truetype")}*{font-family:Roboto,sans-serif;font-size:14px;box-sizing:border-box}.center-text{display:flex;align-self:center;margin-right:8px}.right-side{background:#fff}.title{font-family:Lato,sans-serif;margin-top:-8px;margin-left:11px}body{background-color:#0f111a;display:flex;overflow:scroll;flex-direction:column;justify-content:center;height:100vh;--primaryColor:#01579b}footer{height:10vh}input[type=range]{background-color:#000}.invert{background:#000;color:#fff}a,a:visited{color:var(--primaryColor)}.app{background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding:1rem;display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center}h1{width:100%;font-size:x-large;margin-bottom:1.5rem}h1,h2{color:var(--primaryColor);font-weight:400}.controls{display:flex;flex-direction:column;justify-content:center;flex:1}.controls button{background-color:var(--primaryColor);color:#fff;margin-top:1rem;margin-bottom:1rem;align-self:center;border:0;padding:.5rem 1.5rem;cursor:pointer;height:3rem}.book-container{flex:0.75}label{display:flex;align-items:baseline;width:100%;flex-wrap:wrap;min-height:1.8rem;margin-bottom:.25rem}label>span:first-child{min-width:8rem;margin-bottom:.25rem;margin-top:.5rem}label>span.inputs{flex:1;display:flex;align-items:baseline;min-width:15rem}label input[type=color]{align-self:center}label input[type=range]{flex:1;align-self:center;color:red}label input[type=number]{flex:0;min-width:4rem;text-align:right;border:none!important;background:#000;color:#fff;--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}label input[type=text]{flex:1;border:none!important}label input.color-input{max-width:5rem;margin-right:.25rem}label input[type=number],label input[type=text]{border:1px solid #d3d3d3;padding:.25rem}label input[type=number]:focus,label input[type=text]:focus{outline:0;border-color:var(--primaryColor)}label .unit{width:2rem;margin-left:-10px}.outputs{flex:1;max-width:100%}.output pre,.output style{border:1px solid #d3d3d3;display:block;white-space:pre;overflow-wrap:anywhere;font-family:Monaco,monospace;font-size:smaller;overflow:auto;max-height:10rem}input[type=range]{height:25px;-webkit-appearance:none;margin:0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:var(--primaryColor);border-radius:1px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{border:1px solid var(--primaryColor);height:20px;width:10px;border-radius:2px;box-shadow:0 7px 14px 0 rgba(60,66,87,.12),0 3px 6px 0 rgba(0,0,0,.12);background:var(--primaryColor);opacity:1;cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]::-webkit-slider-thumb::hover{background:#1d2630}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--primaryColor)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:var(--primaryColor);border-radius:1px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid var(--primaryColor);height:18px;width:18px;border-radius:25px;background:var(--primaryColor);opacity:.8;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--primaryColor);border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid var(--primaryColor);height:18px;width:18px;border-radius:25px;opacity:.8;cursor:pointer}input[type=range]::-ms-thumb,input[type=range]:focus::-ms-fill-lower{background:var(--primaryColor)}input[type=range]:focus::-ms-fill-upper{background:var(--primaryColor)}.self-promotion{background-color:#e3f2fd;padding:.75rem 1rem 1rem;width:100%;text-align:center;border-radius:1rem}.range__slider{position:relative;width:100%;height:55px;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.08);border-radius:8px;margin:30px 0}.range__slider:after,.range__slider:before{position:absolute;color:#fff;font-size:.9rem;font-weight:700}.range__slider:before{content:attr(data-min);left:10px}.range__slider:after{content:attr(data-max);right:10px}.range__slider .length__title:after{content:attr(data-length);position:absolute;right:-16px;font-variant-numeric:tabular-nums;color:#fff}#slider{-webkit-appearance:none;width:calc(100% - 70px);height:2px;border-radius:5px;background:hsla(0,0%,100%,.314);outline:none;padding:0;margin:0;cursor:pointer}#slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}#slider::-webkit-slider-thumb:hover{background:#d4d4d4;transform:scale(1.2)}#slider::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;cursor:pointer;-moz-transition:background .15s ease-in-out;transition:background .15s ease-in-out}#slider::-moz-range-thumb:hover{background:#d4d4d4}@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.spinner-box{width:300px;height:300px;background-color:transparent}.leo-border-1,.spinner-box{display:flex;justify-content:center;align-items:center}.leo-border-1{position:absolute;width:150px;height:150px;padding:3px;border-radius:50%;background:#3ff9dc;background:linear-gradient(0deg,rgba(63,249,220,.1) 33%,#3ff9dc);-webkit-animation:spin3D 1.8s linear 0s infinite;animation:spin3D 1.8s linear 0s infinite}.leo-core-1{width:100%;height:100%;background-color:rgba(55,71,79,.67);border-radius:50%}.leo-border-2{position:absolute;width:150px;height:150px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fb5b53;background:linear-gradient(0deg,rgba(251,91,83,.1) 33%,#fb5b53);-webkit-animation:spin3D 2.2s linear 0s infinite;animation:spin3D 2.2s linear 0s infinite}.leo-core-2{width:100%;height:100%;background-color:rgba(29,38,48,.67);border-radius:50%}.circle-border{width:150px;height:150px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#3ff9dc;background:linear-gradient(0deg,rgba(63,249,220,.1) 33%,#3ff9dc);-webkit-animation:spin .8s linear 0s infinite;animation:spin .8s linear 0s infinite}.circle-core{width:100%;height:100%;background-color:#1d2630;border-radius:50%}.configure-border-1{position:absolute;background:#fb5b53;-webkit-animation:configure-clockwise 3s ease-in-out 0s infinite alternate;animation:configure-clockwise 3s ease-in-out 0s infinite alternate}.configure-border-1,.configure-border-2{width:115px;height:115px;padding:3px;display:flex;justify-content:center;align-items:center}.configure-border-2{left:-115px;background:#3ff9dc;transform:rotate(45deg);-webkit-animation:configure-xclockwise 3s ease-in-out 0s infinite alternate;animation:configure-xclockwise 3s ease-in-out 0s infinite alternate}.configure-core{width:100%;height:100%;background-color:#1d2630}.pulse-container{width:120px;display:flex;justify-content:space-between;align-items:center}.pulse-bubble{width:20px;height:20px;border-radius:50%;background-color:#3ff9dc}.pulse-bubble-1{-webkit-animation:pulse .4s ease 0s infinite alternate;animation:pulse .4s ease 0s infinite alternate}.pulse-bubble-2{-webkit-animation:pulse .4s ease .2s infinite alternate;animation:pulse .4s ease .2s infinite alternate}.pulse-bubble-3{-webkit-animation:pulse .4s ease .4s infinite alternate;animation:pulse .4s ease .4s infinite alternate}.solar-system{width:250px;height:250px}.orbit,.solar-system{display:flex;justify-content:center;align-items:center}.orbit{position:relative;border:1px solid #fafbfc;border-radius:50%}.earth-orbit{width:165px;height:165px;-webkit-animation:spin 12s linear 0s infinite}.venus-orbit{width:120px;height:120px;-webkit-animation:spin 7.4s linear 0s infinite}.mercury-orbit{width:90px;height:90px;-webkit-animation:spin 3s linear 0s infinite}.planet{position:absolute;top:-5px;width:10px;height:10px;background-color:#3ff9dc}.planet,.sun{border-radius:50%}.sun{width:35px;height:35px;background-color:#ffab91}.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}.blue-orbit{width:165px;height:165px;border:1px solid rgba(145,218,255,.65);-webkit-animation:spin3D 3s linear .2s infinite}.green-orbit{width:120px;height:120px;border:1px solid rgba(145,255,191,.65);-webkit-animation:spin3D 2s linear 0s infinite}.red-orbit{width:90px;height:90px;border:1px solid rgba(255,202,145,.65);-webkit-animation:spin3D 1s linear 0s infinite}.white-orbit{width:60px;height:60px;border:2px solid #fff;-webkit-animation:spin3D 10s linear 0s infinite}.credit{align-self:center;margin-left:10px}.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,.5,90deg)}.w3{transform:rotate3D(.5,1,2,90deg)}.three-quarter-spinner{width:50px;height:50px;border:3px solid #fb5b53;border-top-color:transparent;border-radius:50%;-webkit-animation:spin .5s linear 0s infinite;animation:spin .5s linear 0s infinite}.h-75{height:75vh}@media (min-width:0px) and (max-width:900px){body{height:unset}.content-box{flex-direction:column}.book{height:485px!important}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#3c3c3c;cursor:pointer}
/*# sourceMappingURL=/styles.77077a31.css.map */