.card{background-color:#22272b;padding:14px;height:auto;border-radius:12px;display:flex;flex-direction:column;gap:10px}.card:hover{outline:2px solid #0060df}.ghost-card{border-radius:12px;background-color:#3334;height:var(--ghost-height)}.card.hide{transition:.01s;display:none}.card-form{display:none;flex-direction:column;gap:10px}.card-form textarea{cursor:text;min-height:56px;max-height:162px;form-sizing:content;resize:none;border:none;font-family:inherit;font-size:inherit;background-color:#22272b;color:#b6c2cf}.card-form textarea:focus{outline:none}.form-controls{display:flex;align-items:stretch;gap:4px;height:32px}.form-controls button{border:none;border-radius:4px}.form-controls .add{background-color:#85b8ff;color:#000;padding-inline:10px;width:100px}.form-controls .cancel{background-color:transparent;display:flex;align-items:center;justify-content:center;width:32px}.form-controls .cancel:hover{background-color:#a6c5e229}.card-list-wrapper,.card-list-adder{width:272px;flex-shrink:0;height:fit-content;background-color:#101204;border-radius:12px;padding:10px 10px 8px;display:flex;flex-direction:column;gap:15px;box-shadow:0 0 0 1px #0000,0 1px 1px #03040480,0 0 1px #03040480;cursor:pointer}.card-list-wrapper .add-button{align-items:center;background-color:transparent;border-radius:8px;border:none;color:#adb9c4;display:flex;flex-grow:1;gap:10px;justify-content:flex-start;padding:8px;text-align:left}.card-list-wrapper .add-button:hover{background-color:#a6c5e229}.card-list-wrapper .title{font-size:14px;padding-left:15px;padding-top:8px}.card-list-adder{display:none}.card-list-adder form{display:flex;flex-direction:column;gap:10px}.card-list-adder textarea{background-color:transparent;border-radius:4px;border:none;color:#b6c2cf;cursor:text;font-family:inherit;font-size:inherit;form-sizing:content;height:32px;max-height:162px;padding:6px 12px;resize:none}.card-list-adder textarea:hover{background-color:#282e33;border:1px solid #3d474f}.card-list-adder textarea:focus{outline:1px solid #85b8ff}.card-list{display:flex;flex-direction:column;gap:10px;list-style:none}.add-list-button{flex-shrink:0;align-items:center;background-color:#969696;border-radius:8px;border:none;color:#fff;display:flex;gap:10px;height:fit-content;justify-content:flex-start;padding:12px;text-align:left}.add-list-button:hover{background-color:#935579}.title-form{display:none}.title-form input{width:100%;height:32px;border-radius:8px;border:none;padding:12px 8px;font-family:inherit;font-size:inherit}.title-form input:focus{outline:1px solid #85b8ff}.overlay{align-items:flex-start;background-color:#000000a3;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:20;padding-inline:16px}.modal-wrapper{width:768px;min-height:600px;background-color:#323940;position:relative;margin:48px 0;border-radius:8px}.modal{min-height:600px}.modal-header{min-height:32px;position:relative;padding:16px 56px}.modal-header .icon{position:absolute;left:15px;top:12px}.modal-header textarea{background-color:transparent;border-radius:4px;border:none;font-size:20px;font-family:inherit;font-weight:600;resize:none;width:100%;padding:6px 10px}.modal-header textarea:focus{background-color:#22272b;outline:2px solid #85b8ff}.modal-header .parent-element{color:#9fadbc}.modal-body{display:grid;height:100%;padding:32px 16px 8px;grid-template-columns:1fr 170px;gap:8px}.modal-body .information{margin-left:40px}.modal-body .information .tags h3{font-size:12px;font-family:inherit;color:#9fadbc}.modal-body .information .tags .tag-list{display:flex;flex-wrap:wrap;flex-direction:row;padding-top:8px;gap:8px}.modal-body .information .tags .tag-list .tag{min-width:50px;height:32px;padding-inline:12px;border-radius:4px;line-height:28px;background-color:#85b8ff}.modal-body .information .tags .add-tag{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#9fadbc;background-color:#a1bdd914;border-radius:4px;border:none}.modal-body .information .tags .add-tag:hover{outline:none;background-color:#a6c5e229}.close-modal{position:absolute;right:12px;top:12px;border:transparent;background-color:transparent;width:40px;height:40px;color:#9fadbc;z-index:50}.close-modal:hover{border-radius:100%;background-color:#a6c5e229}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:root{color-scheme:dark;color:CanvasText;background-color:#8f3f65}body{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;display:flex}.app{overflow-x:auto;display:flex;flex-direction:row;gap:20px;width:100%;height:100vh;padding:20px}button{cursor:pointer}