:root{--swatch-foundation:#eed;--swatch-primary:#e6e6e6;--swatch-complement:#e1e4cb;--swatch-contrast:#111;--swatch-accent:#696;--swatch-status:#123456;--my-font-family:"Robaaaoto";--bounceEasing:cubic-bezier(0.51,0.92,0.24,1.15)}body{background-color:#eed;background-color:var(--swatch-foundation)}#root{background-color:#e6e6e6;background-color:var(--swatch-primary);font-family:"Lexend Exa";position:absolute;width:80%;left:10%;height:90%;top:5%}#app-root{height:100%}#app-root,#top5-banner{position:absolute;width:100%;top:0;left:0}#top5-banner{height:10%;text-align:center;background-image:linear-gradient(180deg,#b8b808,#636723);color:#fff;font-size:48pt;border:2px solid #000;border-radius:10px}#top5-sidebar{left:0;width:30%;background-color:#e6e6e6;background-color:var(--swatch-primary)}#top5-sidebar,#top5-workspace{position:absolute;top:10%;height:80%}#top5-workspace{left:30%;width:70%;background-color:#696;background-color:var(--swatch-accent)}#top5-statusbar{top:90%;background-color:#ffa07a;font-size:36pt}#sidebar-heading,#top5-statusbar{position:absolute;left:0;width:100%;height:10%;display:flex;align-items:center;justify-content:center}#sidebar-heading{top:0;text-align:center;font-size:24pt;font-weight:700}#add-list-button{float:left}#sidebar-list{position:absolute;left:0;top:10%;width:100%;height:90%;display:flex;flex-direction:column;overflow:scroll}.list-card,.selected-list-card,.unselected-list-card{font-size:18pt;margin:10px;padding:20px;border-radius:25px}.unselected-list-card:hover{cursor:pointer;background-color:#111;background-color:var(--swatch-contrast);color:#fff}.selected-list-card{background-color:#696;background-color:var(--swatch-accent);color:#fff}.unselected-list-card{background-color:#e1e4cb;background-color:var(--swatch-complement)}.list-card-button{float:right;font-size:18pt}#workspace-edit,#workspace-home{position:absolute;left:0;top:0;width:100%;height:100%}#edit-toolbar{position:absolute;left:0;top:20%;height:60%;background-color:#e6e6e6;background-color:var(--swatch-primary);display:flex}.top5-button,.top5-button-disabled{font-size:36pt;border-width:0;float:left;color:#000;cursor:pointer}.top5-button:hover{cursor:pointer;color:#000}.top5-button-disabled{opacity:.25;cursor:not-allowed}#edit-numbering{left:0;width:20%;background-color:#123456;background-color:var(--swatch-status)}#edit-items,#edit-numbering{position:absolute;top:0;height:100%}#edit-items{left:20%;width:80%;background-color:#e6e6e6;background-color:var(--swatch-primary)}.item-number,.top5-item,.top5-item-dragged-to{display:flex;align-items:center;font-size:24pt;height:20%}.item-number{justify-content:center;width:100%;border:1px 0 1px 1px;border-color:#000;background-color:linen;color:#000}input{font-size:20pt}.top5-item,.top5-item-dragged-to{text-align:left;width:95%;padding-left:5%}.top5-item{background-color:#e1e4cb;background-color:var(--swatch-complement)}.top5-item-dragged-to{background-color:#696;background-color:var(--swatch-accent)}.disabled{background-color:#d3d3d3}.disabled:hover{color:var(--swatch-neutral)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--black);color:var(--swatch-text);cursor:pointer;visibility:hidden;opacity:0;transition:all .35s ease-in;font-family:var(--font-primary)}.modal.is-visible{visibility:visible;opacity:1}.modal-dialog{position:relative;max-width:800px;max-height:80vh;background:#e1e4cb;background:var(--swatch-complement);overflow:auto;cursor:default;border-width:5px;border-radius:10px;border-style:groove}.modal-dialog>*{padding:1rem}.modal-footer,.modal-header{background:var(--lightgray)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:dotted}.modal-close,.modal-header{font-size:1.5rem}.modal p+p{margin-top:1rem}.modal-control{cursor:pointer;width:20%}.dialog-header{font-size:24pt}#close-modal-button{float:right}#confirm-cancel-container{text-align:center}[data-animation] .modal-dialog{opacity:0;transition:all .5s cubic-bezier(.51,.92,.24,1.15);transition:all .5s var(--bounceEasing)}[data-animation].is-visible .modal-dialog{opacity:1;transition-delay:.2s}[data-animation=slideInOutDown] .modal-dialog{-webkit-transform:translateY(100%);transform:translateY(100%)}[data-animation=slideInOutTop] .modal-dialog{-webkit-transform:translateY(-100%);transform:translateY(-100%)}[data-animation=slideInOutLeft] .modal-dialog{-webkit-transform:translateX(-100%);transform:translateX(-100%)}[data-animation=slideInOutRight] .modal-dialog{-webkit-transform:translateX(100%);transform:translateX(100%)}[data-animation=zoomInOut] .modal-dialog{-webkit-transform:scale(.2);transform:scale(.2)}[data-animation=rotateInOutDown] .modal-dialog{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}[data-animation=mixInAnimations].is-visible .modal-dialog{-webkit-animation:mixInAnimations 2s linear .2s forwards;animation:mixInAnimations 2s linear .2s forwards}[data-animation=rotateInOutDown].is-visible .modal-dialog,[data-animation=slideInOutDown].is-visible .modal-dialog,[data-animation=slideInOutLeft].is-visible .modal-dialog,[data-animation=slideInOutRight].is-visible .modal-dialog,[data-animation=slideInOutTop].is-visible .modal-dialog,[data-animation=zoomInOut].is-visible .modal-dialog{-webkit-transform:none;transform:none}@-webkit-keyframes mixInAnimations{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}10%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}30%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}40%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes mixInAnimations{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}10%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}30%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}40%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
/*# sourceMappingURL=main.ebbb5264.chunk.css.map */