.spreadsheet-dashboard{background:#f4f7fa;height:calc(100% - 74px);padding:10px;position:absolute;top:54px;width:calc(100% - 20px);border-top:1px solid var(--cell-border);opacity:0;pointer-events:none;-webkit-filter:blur(20px);transition:all .5s ease;z-index:2}.spreadsheet-dashboard.show{-webkit-filter:blur(0);opacity:1;pointer-events:all}.widget--wrapper{position:relative;display:inline-block;vertical-align:top}.widget--wrapper label{display:block;margin-left:10px;margin-top:0;margin-bottom:0;opacity:.7}.widget{padding:20px;background:#fff;border-radius:5px;margin:10px 10px 0;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.widget--wrapper{padding:10px 0}.widget--snippet .table--read-only:hover{transition:all .3s ease}.widget--snippet .table--read-only:hover,.widget:hover{box-shadow:0 10px 20px -10px rgba(30,54,82,.25)}.widget--snippet .table--read-only{margin:10px}.widget--snippet label .preview-only{border:1px solid rgba(209,117,114,.25);padding:6px 5px 3px;border-radius:4px;color:#d17572;text-transform:uppercase;font-size:.8em;letter-spacing:.5px;display:inline-block;margin-left:5px}.spreadsheet-dashboard .flex-column{flex-direction:column}.widget--equal-space{justify-content:space-between}.widget--key-value>div>*{text-align:center}.widget--key-value .key{text-transform:uppercase;letter-spacing:.5px;opacity:.5;margin-top:10px}.widget--key-value .value{font-size:3em;font-weight:300}.widget--snippet{display:block}.widget--wrapper.size--1-1{width:16.66667%}.widget--wrapper.size--2-1{width:33.33333%}.widget--wrapper.size--3-1{width:50%}.widget--wrapper.size--4-1{width:66.66667%}.widget--wrapper .header:hover>.button{transform:translateY(4px);opacity:.7;pointer-events:all}.widget--wrapper .header>.button{position:absolute;top:0;right:10px;color:#d17572;border-color:rgba(209,117,114,.25);background:transparent;box-shadow:-10px 0 10px 5px #f3f7fa;background:#f3f7fa;opacity:0;pointer-events:none}.widget>div:last-of-type{margin-right:0}.widget--snippet .header>.button{top:5px}.widget--snippet .header:hover>.button{transform:translateY(4px)}.widget--cell{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;height:100%;padding:0;width:85px}.widget--cell .star{width:17px;height:17px;margin:-5px -1px 0;color:#ffcf57;text-shadow:0 0 3px #000}.widget--cell .star--empty{opacity:.5}.add-widget{position:absolute;bottom:100px;right:20px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 10px 40px -10px rgba(30,54,82,.5);width:250px;transform:scale(.8) translate(30px,40px);opacity:0;transition:all .3s ease}.add-widget.show{opacity:1;transform:scale(1) translate(0)}.add-widget h3{margin:0 0 20px;outline:none}.add-widget>:last-of-type{margin-bottom:0}.add-widget .select-configure{bottom:calc(100% + 15px);transform:translateX(-50%);left:50%}.add-widget [data-placeholder]:empty:before{content:attr(data-placeholder);opacity:.5}.add-widget .pseudo-focus:after{content:none}.add-widget label{display:block}input{width:calc(100% - 20px);padding:12px 10px 10px;border:none}input.mono{font-family:menlo;font-size:.8em;white-space:pre-wrap;color:#1783bf}input.half{width:calc(50% - 20px)}.input-box{position:relative;border:1px solid var(--cell-border);border-radius:5px;margin:5px 0}.input-row>div:first-of-type{margin-left:0}.input-box.half{display:inline-block;width:calc(50% - 7px);margin-left:10px}.input-box label{position:relative;font-size:.9em;font-weight:600;margin-left:10px;margin-top:10px;z-index:1}.input-box input{margin-top:-3px}.add-widget label.label--main{margin-top:15px;text-transform:uppercase;opacity:.5;letter-spacing:.3px;font-size:.9em}.add-widget button{float:right;margin-top:20px;padding:13px 20px 9px}.add-widget button.button--blue:focus,.add-widget button.button--blue:hover{color:#2691be;border-color:rgba(38,145,190,.25);background:rgba(38,145,190,.02)}.spreadsheet-dashboard .button--add-button{width:55px}.spreadsheet-dashboard .button--add-button.rotate{box-shadow:4px 2px 20px -10px rgba(30,54,82,.94);transform:rotate(45deg) scale(1.05);color:#d17572}#login{background:#111120;height:100vh;position:relative;background-image:url(/paper.4492ef75.png);background-size:150px;display:flex;justify-content:center;align-items:center}.canvas-wrapper{width:100%;position:absolute;top:0}#login canvas{width:calc(100% - 100px);height:calc(100vh - 100px);margin-top:50px;opacity:.5}.switch{position:relative;width:200px;margin:0 auto 20px;text-align:center;background:rgba(0,0,0,.13);border-radius:5px}.switch .slider{width:100px;height:100%;position:absolute;z-index:0;border-radius:4px;transition:all .3s ease}.switch label{position:relative;padding:12px 10px 8px;display:inline-block;border-radius:5px;width:80px;z-index:1;cursor:pointer;opacity:.5}.switch label.active{opacity:1}#login-modal{position:relative;padding:50px;background:#111120;background-image:url(/paper.4492ef75.png);background-size:150px;z-index:1;color:#fff;width:400px;text-align:left;transition:all .5s ease}#login-modal.fade-out{transform:translateY(-50px);opacity:0}#login-modal h1{font-size:5em;letter-spacing:-4px;margin:0;height:0;color:#ff6262}h1.h1--title{transform:translate(-56px,-113px)}#login-modal h1{transition:all .3s ease}#login-modal button,#login-modal input{color:#ff6262;background:transparent;width:calc(100% - 30px);padding:15px 15px 12px}#login-modal .input-box,#login-modal button{background-color:rgba(0,0,0,.13);border-color:transparent;border-radius:10px}.input-box+.input-box{margin-top:10px}#login-modal .input-box label{margin-top:15px;margin-left:15px;display:block}#login-modal .password input:not(:invalid){font-size:1.9em;padding:8px 15px 4px}#login-modal input{transition:all 0s ease}#login-modal.register h1,#login-modal.register input{color:#eb4f7d}#login-modal ::placeholder{color:hsla(0,0%,100%,.5)}#login-modal .h1--button{text-align:right;margin-top:25px;font-size:2em;letter-spacing:-2px;height:20px;box-shadow:0 0 20px 10px rgba(49,50,63,.63);background:rgba(49,50,63,.63);cursor:pointer}#login-modal .error{position:absolute;bottom:40px;width:calc(100% - 240px);font-size:.8em;line-height:1.3;color:#ff6767}.login input:-webkit-autofill,.login input:-webkit-autofill:focus,.login input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #2b2c37 inset;-webkit-text-fill-color:#ff6262}.register input:-webkit-autofill,.register input:-webkit-autofill:focus,.register input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #2b2c37 inset;-webkit-text-fill-color:#eb4f7d}
/*# sourceMappingURL=/js.65f6f3b8.css.map */