:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:720px;margin:0 auto;padding:2rem;text-align:center;flex-grow:1}.boardSearch{display:flex;flex-grow:1;padding-left:10px;padding-top:13px;padding-bottom:13px;margin-right:20px}.mainContainer{min-height:100%}.categories{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;margin-top:15px;column-gap:20px;row-gap:20px;min-height:0%;flex-grow:1;grid-column:1;grid-row:1}.taskParamInput{padding-left:10px;padding-top:10px;padding-bottom:10px;margin-bottom:5px;max-width:66%}.closeEditModal,.closeEditModalLockedOut{display:flex;flex-shrink:1;background-color:red;border-radius:5px;align-self:flex-end;margin-top:2px;cursor:pointer;justify-self:flex-start}.closeEditModalLockedOut{opacity:.5;cursor:default}.editTaskHeader{display:flex;flex-direction:row;margin-bottom:15px;justify-content:space-between}.paramName{flex-grow:1;text-align:left;font-size:18px;margin-bottom:5px;margin-top:5px}.taskContainer,.taskContainerSelected{background-color:#c7c7c7;flex:0 1 100px;margin-top:5px;margin-left:5px;margin-right:5px;border-radius:5px;display:flex;justify-content:space-between;cursor:grab}.taskContainerSelected{opacity:50%}.taskControls{display:flex;flex-direction:column;margin-right:10px;padding-top:8px}.nameColumn{padding-top:3px;display:flex;flex-direction:column}.taskName{text-align:left;padding-left:10px;padding-right:10px;color:#000;text-wrap:wrap;overflow-wrap:break-word;font-size:20px}.taskDescription{text-align:left;padding-left:10px;padding-right:10px;color:#000;text-wrap:wrap;overflow-wrap:break-word}.editTaskBtn,.deleteTaskBtn{cursor:pointer}.taskColumn{min-height:100%}.categoryContainer{margin-top:8px;border-radius:5px;flex:1 0 auto;display:flex;min-height:100%;border-color:#000;border-style:solid;border-width:1px;min-height:105px;flex-direction:column;justify-content:flex-start;padding-bottom:5px}.categoryName{text-align:center;flex-grow:1;color:#000;font-weight:600}.categoryControls{display:flex;flex-direction:column;margin-right:10px}.createTask{background-color:#c7c7c7;flex:0 1 100px;margin-top:5px;margin-left:5px;margin-right:5px;border-radius:5px;justify-content:center;display:flex;cursor:pointer}.createTaskBtn{align-self:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.boards{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:30px;column-gap:20px;row-gap:20px}.boardContainer,.createBoardContainer{padding-top:10px;padding-bottom:10px;border-radius:5%;flex:0 0 auto;display:flex;justify-content:space-between;min-height:82px;border-color:#000;border-style:solid;border-width:1px;word-wrap:break-word}.tableName{text-align:left;padding-left:10px;flex-grow:1;padding-right:10px;color:#000;text-wrap:wrap;overflow-wrap:break-word}.createTableName{padding-right:50px;text-align:left;padding-left:10px;flex-grow:1}.controls{display:flex;flex-direction:column;margin-right:10px}.input{display:flex;flex-grow:1;padding-left:10px;padding-top:13px;padding-bottom:13px}.search{display:flex}.button{cursor:pointer;padding:10px 20px;border-radius:8%;-webkit-user-select:none;user-select:none;border-color:#000;border-style:solid;border-width:1px}.createBoardContainer{background-color:#80808073;cursor:pointer}.editBtn,.deleteBtn{cursor:pointer}.createBoardBtn,.createBoardBtnLockedOut{display:flex;cursor:pointer;background-color:#19c419;margin-top:15px;border-radius:5px;justify-content:center}.createBoardBtnLockedOut{opacity:.5;cursor:default}.createBoardBtnText{font-size:18px;padding:5px 0}.applyChangesBtn,.applyChangesBtnLockedOut{display:flex;cursor:pointer;background-color:#19c419;margin-top:15px;border-radius:5px;justify-content:center}.applyChangesBtnLockedOut{opacity:.5;cursor:default}.applyChangesBtnText{font-size:18px;padding:5px 0}body.active-modal{overflow-y:hidden}.btn-modal{padding:10px 20px;display:block;margin:100px auto 0;font-size:18px}.modal,.overlay{width:100vw;height:100vh;inset:0;position:fixed}.overlay{background:#313131cc}.modal-content{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);line-height:1.4;background:#f1f1f1;padding:14px;border-radius:3px;max-width:600px;min-width:300px}.closeModal,.closeModalLockedOut{display:flex;flex-shrink:1;background-color:red;border-radius:5px;align-items:center;margin-top:3px;cursor:pointer}.closeModalLockedOut{opacity:.5;cursor:default}.paramInput{padding-left:10px;padding-top:10px;padding-bottom:10px;max-width:66%}.header{display:flex;flex-direction:row;margin-bottom:20px;justify-content:space-between}.title{flex-grow:1;text-align:start;font-size:24px;font-weight:700}.close{padding:7px}.content{display:flex;flex-direction:column;margin-bottom:10px;justify-content:space-between}.paramName{flex-grow:1;text-align:left;font-size:18px;margin-bottom:5px}.deleteBoardBtn,.deleteBoardBtnLockedOut{display:flex;cursor:pointer;background-color:#ff1f1f;margin-top:15px;border-radius:5px;justify-content:center}.deleteBoardBtnLockedOut{opacity:.5;cursor:default}.deleteBoardBtnText{font-size:18px;padding:5px 0}