html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#0079bf;overflow:hidden}::-webkit-scrollbar{width:8px;border-radius:10px;background:#dadbe2}::-webkit-scrollbar-thumb{background:#bfc4ce;border-radius:10px}h3{padding:8px;font-size:16px}.nav-div{margin:0;padding:0;width:100%}.nav-div .nav-top{height:40px;width:100%;background:#0067a3;color:#d3d3d3;text-align:center;line-height:40px;display:flex;justify-content:center;align-items:center;font-weight:700;transition:all .2s;cursor:pointer}.nav-div .nav-top:hover{color:#fff}.nav-div .nav-top span{font-size:20px;margin-left:4px}.nav-div .nav-bottom{height:40px;width:100%;background:transparent}.container{display:flex;align-items:flex-start;margin:0 4px;overflow-x:auto;overflow-y:hidden;height:calc(100vh - 84px);max-height:calc(100vh - 84px)}.container::-webkit-scrollbar{width:8px;height:12px;position:relative;bottom:10px;border-radius:10px;background:rgba(218,219,226,.44313725490196076)}.container::-webkit-scrollbar-thumb{background:#bfc4ce;border-radius:10px}.list-container{margin:8px 4px;border:1px solid #d3d3d3;border-radius:3px;width:272px;min-width:272px;height:auto;display:flex;flex-direction:column;background-color:#ebecf0;max-height:calc(100vh - 110px);position:relative}.list-container .title-div{display:flex;justify-content:space-between;align-items:center;margin:0 8px}.list-container .title-div .title{width:100%}.list-container .title-div .icon{padding:8px;font-size:32px;border-radius:3px;transition:background-color .2s ease;cursor:pointer}.list-container .title-div .icon:hover{background:#ced1da}.list-container input{width:264px;height:32px;font-size:16px;margin:4px auto;padding:4px}.list-container input:focus{outline:none;border:2px solid #0079bf;border-radius:3px}.card-container{border:1px solid #d3d3d3;border-radius:2px;padding:8px;margin:8px;transition:background-color .2s ease;background-color:#fff;box-sizing:border-box;box-shadow:0 1px 0 rgba(9,30,66,.25098039215686274);word-wrap:break-word;max-width:100%;overflow:hidden;position:relative}.card-container .card-label-div{display:flex;flex-wrap:wrap}.card-container .card-container-icon{position:absolute;top:6px;right:6px;font-size:24px;padding:4px;border-radius:3px;transition:background-color .2s ease;cursor:pointer;z-index:10;background:#ebecf0}.card-container .card-container-icon:hover{background:#ced1da}.card-container:hover{background-color:#ebecf0}.card-list{overflow-y:auto;min-height:1px}.add-new-list-btn,.card-list{transition:background-color .2s ease}.add-new-list-btn{display:flex;align-items:center;line-height:40px;margin:8px 4px;padding:0 8px;width:270px;min-width:270px;height:40px;border-radius:3px;background:#52a4d4;cursor:pointer;color:#fff}.add-new-list-btn:hover{background:#66afd9}.add-new-list-menu{padding:4px;margin:8px;width:270px;height:80px;display:flex;flex-direction:column;align-items:flex-start;background-color:#ebecf0;border-radius:3px}.add-new-list-menu input{width:100%;height:36px;font-size:14px}.add-new-list-menu input:focus{outline:none;border:2px solid #0079bf;border-radius:3px}.add-new-list-menu .btn-div{display:flex;margin-top:4px}.add-new-list-menu .btn-div button{height:32px;padding:0 8px;background-color:#0079bf;color:#fff;border:none;border-radius:3px;outline:none}.add-new-list-menu .btn-div .transparent{background-color:transparent;color:#000}.add-new-card-btn{display:flex;align-items:center;line-height:32px;margin:8px;padding:0 8px;height:32px;border-radius:3px;background:inherit;cursor:pointer;color:#5e6c84;transition:background-color .2s ease}.add-new-card-btn:hover{background:#ced1da}.add-new-card-menu{padding:4px;margin:4px;width:auto;height:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:#ebecf0;border-radius:3px}.add-new-card-menu textarea{border:1px solid #d3d3d3;width:100%;min-height:72px;padding:8px 8px 0;resize:none;font-size:14px;font-family:inherit}.add-new-card-menu textarea:focus{outline:none;border:1px solid #d3d3d3;border-radius:3px}.add-new-card-menu .btn-div{display:flex;margin-top:4px}.add-new-card-menu .btn-div button{height:32px;padding:0 8px;background-color:#0079bf;color:#fff;border:none;border-radius:3px;outline:none}.add-new-card-menu .btn-div .transparent{background-color:transparent;color:#6b778c;transition:all .2s}.add-new-card-menu .btn-div .transparent:hover{color:#000}.list-menu-div{background:#fff;border:1px solid #d3d3d3;border-radius:3px;width:280px;position:absolute;top:44px;left:230px;z-index:10}.list-menu-div .list-menu-header{margin:8px;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid #d3d3d3}.list-menu-div .list-menu-header .list-menu-icon{padding:4px;font-size:32px;border-radius:3px;transition:all .2s ease;cursor:pointer}.list-menu-div .list-menu-header .list-menu-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.list-menu-div .list-menu-header span{width:100%;text-align:center}.list-menu-div .list-menu-main{display:flex;flex-direction:column}.list-menu-div .list-menu-main span{padding:4px 8px;margin-bottom:4px;display:inline-block;cursor:pointer}.list-menu-div .list-menu-main span:hover{background:#ebecf0}.card-modal-div{position:fixed;background:rgba(0,0,0,.5);top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5000}.card-modal-div .card-modal-content{position:relative;z-index:9000;display:flex}.card-modal-div .card-modal-content .left{display:flex;flex-direction:column}.card-modal-div .card-modal-content .left textarea{resize:none;width:255px;height:72px;outline:none;border-radius:4px;font-size:14px;font-family:inherit;margin-bottom:16px;padding:8px}.card-modal-div .card-modal-content .left textarea:focus{outline:none}.card-modal-div .card-modal-content .left button{background:#0079bf;border:none;width:80px;height:32px;color:#fff;padding:6px 24px;transition:all .2s;border-radius:4px}.card-modal-div .card-modal-content .left button:hover{background:#026aa7}.card-modal-div .card-modal-content .left button:active{background:#055a8c}.card-modal-div .card-modal-content .right{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px;margin-top:1px}.card-modal-div .card-modal-content .right button{background:rgba(0,0,0,.6);color:#fff;height:32px;border-radius:4px;margin-bottom:4px;border:none;transition:all .2s;cursor:pointer}.card-modal-div .card-modal-content .right button:hover{background:#000;-webkit-transform:translateX(8px);transform:translateX(8px)}.card-modal-div .card-modal-content .right button .side-btn-icon{vertical-align:middle}.card-modal-menu-div{background:#fff;border:1px solid #d3d3d3;border-radius:3px;width:304px;position:absolute;left:260px;z-index:10;padding:12px}.card-modal-menu-div .card-modal-menu-header{margin-bottom:12px;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid #d3d3d3}.card-modal-menu-div .card-modal-menu-header .card-modal-menu-icon{padding:4px;font-size:32px;border-radius:3px;transition:all .2s ease;cursor:pointer}.card-modal-menu-div .card-modal-menu-header .card-modal-menu-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-modal-menu-div .card-modal-menu-header span{width:100%;text-align:center}.card-modal-menu-div .card-modal-menu-main{border-bottom:1px solid #d3d3d3;margin-bottom:24px;padding:12px 0}.card-modal-menu-div .card-modal-menu-main h6{margin-bottom:12px}.card-modal-menu-div .card-modal-menu-main input{width:100%;margin:0;height:36px}.card-modal-menu-div .card-modal-menu-main .size-btn-div{display:flex;justify-content:space-between}.card-modal-menu-div .card-modal-menu-main .size-btn-div .size-btn{border-radius:4px;border:1px solid #d3d3d3;height:64px;width:136px}.card-modal-menu-div .card-modal-menu-main .size-btn-div .size-btn-sm{display:flex;flex-direction:column;background:#fff}.card-modal-menu-div .card-modal-menu-main .size-btn-div .size-btn-sm .bottom{padding:6px 4px 4px 6px;height:34px}.card-modal-menu-div .card-modal-menu-main .size-btn-div .size-btn-full{position:relative}.card-modal-menu-div .card-modal-menu-main .size-btn-div .size-btn-full .row-div{position:relative;bottom:20px;left:6px}.card-modal-menu-div .card-modal-menu-main .size-btn-div .row-long{height:4px;width:122px;margin-right:4px;background:#d3d3d3;border-radius:4px}.card-modal-menu-div .card-modal-menu-main .size-btn-div .row-short{height:4px;width:98px;background:#d3d3d3;border-radius:4px;margin-top:4px}.card-modal-menu-div .card-modal-menu-main .size-btn-div .row-3{display:flex;margin-top:6px;justify-content:space-between}.card-modal-menu-div .card-modal-menu-main .size-btn-div .row-3 .left{display:flex;flex-direction:row}.card-modal-menu-div .card-modal-menu-main .size-btn-div .row-3 .left div{height:6px;width:16px;background:#d3d3d3;margin-right:2px;border-radius:4px}.card-modal-menu-div .card-modal-menu-main .size-btn-div .row-3 .right{background:#d3d3d3;border-radius:50%;height:10px;width:10px;position:relative;bottom:5px}.card-modal-menu-div .card-modal-menu-main .color-select-div{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons{display:flex;justify-content:space-between}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons button{border:none;border-radius:4px;padding:6px 12px;color:#fff;width:70px}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons .btn-primary{background:#0079bf}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons .btn-primary:hover{background:#026aa7}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons .btn-primary:active{background:#055a8c}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons .btn-danger{background:#b04632}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons .btn-danger:hover{background:#933b27}.card-modal-menu-div .card-modal-menu-main .card-modal-menu-buttons .btn-danger:active{background:#6e2f1a}.card-modal-menu-div .card-modal-menu-main ul{padding:0;list-style:none;max-height:212px;overflow-y:auto}.card-modal-menu-div .card-modal-menu-main ul li{display:flex;align-items:center}.card-modal-menu-div .card-modal-menu-main ul li .edit-button{padding:6px;display:inline-block;height:32px;width:32px;border-radius:4px;transition:all .2s;text-align:center;cursor:pointer}.card-modal-menu-div .card-modal-menu-main ul li .edit-button:hover{background:#ebecf0}.card-modal-menu-div .card-modal-menu-main ul li .edit-button .label-card-edit-icon{vertical-align:middle}.card-modal-menu-div .no-border-bottom{border-bottom:none}.card-modal-menu-div .card-modal-menu-footer{margin-bottom:12px}.card-modal-menu-div .card-modal-menu-footer button{width:100%;height:32px;background:#f5f6f8;border-radius:4px;border:none;display:block;cursor:pointer;transition:all .2s}.card-modal-menu-div .card-modal-menu-footer button:hover{background:#ecedf0}
/*# sourceMappingURL=main.27ed0ae9.chunk.css.map */