.bookmark-div{z-index:5;background:white;border-radius:10px;display:none;overflow:hidden;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid black;width:300px;height:auto;max-height:90%}.bookmark-div .add-to{font-weight:bold;padding-left:20px;font-size:18.5px;border-bottom:1px solid #d1cfcf;padding-bottom:10px;padding:15px 25px}.bookmark-div .cross{float:right;font-size:17px;font-weight:00;padding:10px;margin-top:4px;margin-right:15px;cursor:pointer}.bookmark-div .body{overflow-y:auto;max-height:35vh;position:6;padding:10px 20px}.bookmark-div .no-cat{color:grey;text-align:center;margin-top:20px;padding:2px;margin-bottom:-15px;line-height:1.7}.bookmark-div ul{list-style:none;padding-top:5px;margin-top:5px;margin-bottom:10px;padding-left:10px}.bookmark-div li{display:flex;font-size:14.5px;text-transform:capitalize;cursor:pointer;height:auto;margin-bottom:13px}.bookmark-div li span{word-wrap:break-word;overflow-wrap:break-word;min-width:0}.bookmark-div input[type='checkbox']{height:18px;margin-right:20px;width:20px;flex-shrink:0}.bookmark-div .field{color:#615e5e;font-size:13.5px;font-family:cursive;margin-left:15px;width:100%}.bookmark-div .desc-field{margin-bottom:14px;margin-top:10px;margin-left:26px;width:91%}.bookmark-div .field input{outline:none;border:none;border-bottom:1.3px dotted grey;display:block;font-size:13.6px;padding-bottom:5px;width:90%;font-family:system-ui}.bookmark-div .field input:focus{outline:none;border:none;border-bottom:1.4px solid #595858}.bookmark-div .field input::placeholder{color:#767171}.bookmark-div textarea{resize:vertical;font-size:13px;width:85%;margin-left:20px;border-radius:5px;padding:10px 10px;border:1px solid #bfb6b6;max-height:170px;height:70px}.bookmark-div textarea:focus{outline:none;border:1px solid grey}.bookmark-div button{border-radius:5px;width:180px;background:#4b8af5;color:white;border:none;padding:4px;font-size:14.5px;margin-top:9px;left:50%;margin-left:55px}.bookmark-div button:hover{opacity:0.9}.bookmark-div .create{text-align:center;font-size:14.2px;border-top:1px solid #e2dfdf;padding:12px;cursor:pointer;margin-top:20px;text-align:center;font-size:14.2px;border-top:1px solid #e2dfdf;padding:8px;cursor:pointer;margin-top:13px;bottom:0px;background:white}.bookmark-div .create-div{width:100%;opacity:0;margin:0px;padding:0px;display:none;padding:12px 1px 20px 25px;margin-top:20px;box-shadow:3px 0px 5px 2px #8d8b8b99}.bookmark-div .create-div.show{display:block;transition:opacity 0.3s ease;opacity:1}.bookmark-div .create-div .hide{float:right;font-size:13px;margin-right:13px;cursor:pointer;padding:3px 12px;position:absolute;right:0px;z-index:+1;background:#ebebeb;opacity:0.9;border-radius:5px}.bookmark-div .create-div .hide:hover{opacity:1}.bookmark-div .plus{display:inline-block;font-size:18px;transform:rotate(45deg);margin-right:12px}.bookmark-div .create-div .field{margin-left:0px;width:95%;margin-bottom:12px}.bookmark-div .create-div .field input{width:90%;margin-top:8px}.bookmark-div .create-div button{margin-top:20px;background:#4666bf;margin-left:22px;cursor:pointer}.notify{}.bookmark-div .char-count{text-align:right;margin-right:25px;margin-top:4px;font-family:math;color:green;font-size:13px}@media (max-height:350px){.bookmark-div .add-to{padding:9px 25px}.bookmark-div .body{max-height:35vh}.bookmark-div .desc-field{display:none}}