: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)}#youtube_test_player{border:4px solid #37474f}#root{background-color:#e6e6e6;background-color:var(--swatch-primary);font-family:Lexend Exa;height:90%;left:2.5%;position:absolute;top:5%;width:95%}#app-root{height:100%}#app-root,#top5-banner{left:0;position:absolute;top:0;width:100%}#top5-banner{background-image:linear-gradient(180deg,#b8b808,#636723);float:left;font-size:48pt;height:10%}#splash-screen,#top5-banner{border:2px solid #000;border-radius:10px;color:#fff}#splash-screen{background-image:linear-gradient(180deg,#0dbd83,#f1e0b2);font-size:5vw;height:70%;padding-bottom:5%;padding-left:10%;padding-top:5%;text-align:center;vertical-align:center}#edit-toolbar{background-color:initial;float:right}.top5-button,.top5-button-disabled{border-width:0;color:#000;cursor:pointer;float:left;font-size:36pt;opacity:100%}.top5-button:hover{color:#000;cursor:pointer}.top5-button-disabled{cursor:not-allowed;opacity:.25}#top5-list-selector{background-color:#e6e6e6;background-color:var(--swatch-primary)}#top5-list-selector,#top5-workspace{height:80%;left:0;position:absolute;top:10%;width:100%}#top5-workspace{background-color:#696;background-color:var(--swatch-accent)}#top5-statusbar{background-color:#ffa07a;font-size:36pt;top:90%}#list-selector-heading,#top5-statusbar{align-items:center;display:flex;height:10%;justify-content:center;left:0;position:absolute;width:100%}#list-selector-heading{font-size:24pt;font-weight:700;text-align:center;top:100%}#grid-child-green,#grid-child-purple{background-color:blue;flex:50% 1;width:50%}#add-list-button{float:left}#list-selector-list{display:flex;flex-direction:column;height:55%;left:0;overflow:scroll;position:absolute;top:30%;width:58%}.list-card,.selected-list-card,.unselected-list-card{border-radius:25px;font-size:18pt;margin:10px;padding:20px}.list-card:aria-disabled,.list-card[aria-disabled]{background-color:#ccc;border:5px solid #999;color:#666;pointer-events:none}.unselected-list-card:hover{background-color:#111;background-color:var(--swatch-contrast);color:#fff;cursor:pointer}.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;-webkit-transform:scale(2);transform:scale(2)}#workspace-edit,#workspace-home{height:100%;left:0;position:absolute;top:0;width:100%}#edit-numbering{background-color:#123456;background-color:var(--swatch-status);left:0;width:20%}#edit-items,#edit-numbering{height:100%;position:absolute;top:0}#edit-items{background-color:#e6e6e6;background-color:var(--swatch-primary);left:20%;width:80%}.item-number,.top5-item,.top5-item-dragged-to{align-items:center;display:flex;font-size:48pt;height:20%}.item-number{background-color:linen;border:1px 0 1px 1px;border-color:#000;color:#000;justify-content:center;width:100%}.float-container{border:3px solid #fff;padding:20px}.float-child{border:2px solid red;float:left;padding:20px;width:50%}.grid-container{grid-gap:20px;display:grid;grid-template-columns:3fr 1fr}input{font-size:20pt}.textfield{background-color:#fff;color:#aecbae}.welcomeText{color:#54b854;font-family:Papyrus,Rockwell,fantasy}.top5-item,.top5-item-dragged-to{padding-left:5%;text-align:left;width:95%}.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{align-items:center;background:var(--black);bottom:0;color:var(--swatch-text);cursor:pointer;display:flex;font-family:var(--font-primary);justify-content:center;left:0;opacity:0;padding:1rem;position:fixed;right:0;top:0;transition:all .35s ease-in;visibility:hidden}.modal.is-visible{opacity:1;visibility:visible}.modal-dialog{background:#e1e4cb;background:var(--swatch-complement);border-radius:10px;border-style:groove;border-width:5px;cursor:default;max-height:80vh;max-width:800px;overflow:auto;position:relative}.modal-dialog>*{padding:1rem}.modal-footer,.modal-header{background:var(--lightgray)}.modal-header{align-items:center;border-bottom:dotted;display:flex;justify-content:space-between}.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:rotate(-1turn);transform:rotate(-1turn);-webkit-transform-origin:top left;transform-origin:top left}[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)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.fe117b1e.css.map*/