@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&display=swap);.App{height:100vh}body{background-color:#f1f2f7;font-family:Fira Sans,sans-serif;font-size:18px;margin:0}.input-card{background-color:#ebecf0;border-radius:5px;padding:1rem;.input-card-container{margin:auto;width:100%;.input-text{background-color:#fff;border:none;border-bottom:1px solid #ccc;border-radius:5px;font-size:15px;height:4rem;resize:none;width:100%}}.confirm{align-items:center;display:flex;margin:.2rem auto;width:268px;.button-confirm{background-color:#525252;border:none;border-radius:7px;color:#fff;cursor:pointer;font-weight:700;height:2rem;margin-right:.5rem;width:6rem;&:hover{background-color:#3169f6}}.button-cancel{background-color:none;border:none;cursor:pointer;svg{transition:color .3s;&:hover{color:#e22bba}}}}}.input-container{border-color:#e0e1e5;border-style:dashed;margin-left:15px;margin-right:.5rem;width:262px;.input-content{background-color:#f1f2f7;border-radius:5px;display:flex;justify-content:center;max-width:300px;opacity:.8;width:100%;.button-content{background:none;border:none;cursor:pointer;font-size:14px;margin:auto;padding:.5rem;text-align:left}&:hover{background-color:#ddd}}}.input-title{border:none;font-size:1.2rem;font-weight:700;height:1.7rem;width:100%;&:focus{background:#ddd}}.editable-title-container{display:flex;position:relative;.editable-title{flex-grow:1;font-size:1.2rem;font-weight:700;height:1.7rem}.list-button{background-color:#f1f2f7;border:none;cursor:pointer;height:1.5rem;transition:background-color .2s;&:hover{background-color:#f1f2f7}}.menu-card{background-color:#fff;border-radius:4px;cursor:default;list-style-type:none;margin-left:1px;padding:0;position:absolute;right:15px;text-align:center;width:150px;z-index:999}}.menu-item{border-bottom:1px solid #f3f3f3;margin:10px;text-align:center;&:hover{background-color:#ddd}}.card-content{align-items:flex-start;background:#fff;border-bottom:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between;margin:.5rem 0 0;min-height:2.5rem;position:relative;.card-title-container{align-items:flex-start;display:flex;font-size:15px;height:100%;justify-content:space-between;transition:background-color .1s;width:100%;&:hover{background-color:#cecece1f;svg{opacity:1}}}.input-card-title{border-color:transparent;border-radius:3px;font-size:15px;height:100%;overflow:hidden;padding:.7rem .5rem .5rem;resize:none;transition:border-color .2s;width:100%;&:focus{border:1px solid #e22bba}}}.card-button{background:none;border:none;cursor:pointer;padding:.5rem .5rem 0 0;svg{opacity:0;transition:color .2s,opacity .2s;&:hover{color:#e22bba}}}.card-title{word-wrap:break-word;margin-left:10px;max-width:90%;overflow:hidden;padding:.7rem .5rem .5rem}.list-cards{border-radius:5px;margin-right:.5rem;width:300px;.title-list{padding:1rem 1rem 0}.container-cards{max-height:55vh;overflow-x:auto;padding:0 1rem}.card-container{margin:.5rem 0;overflow-y:hidden}}.wrapper{display:flex;margin:0 auto 0 108px;min-height:calc(100vh - 5rem);overflow-y:auto;padding:0 .5rem}
/*# sourceMappingURL=main.440c44b8.css.map*/