.card{margin-bottom:20px;max-width:70%;border-width:1px;border-radius:1rem;background-color:#30344c;color:#fff;padding:1rem;box-shadow:0 0 12px .5px gray}.header{height:100%;display:flex;align-items:center}.icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#60a5fa;padding:.5rem;color:#fff}.icon svg{height:1rem;width:1rem}.alert{font-weight:700;color:#fff}.alert h6{height:100%}.message{margin-top:1rem;color:#fff}.actions{width:100%;padding:0 10px;margin-top:10px;display:flex;align-items:last baseline;justify-content:space-between}.actions p{margin:0;padding:0}.mark-as-read,.read{display:inline-block;border-radius:.5rem;width:100%;padding:.75rem 1.25rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600}.read{background-color:#3b82f6;color:#fff}.mark-as-read{margin-top:.5rem;background-color:#f9fafb;color:#6b7280;transition:all .15s ease}.mark-as-read:hover{background-color:#e6e7e9}.loader{position:relative;width:80%;height:200px;margin-bottom:10px;border:1px solid #d3d3d3;padding:15px;background-color:#e3e3e3;overflow:hidden}.loader:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(110deg,#e3e3e300,#e3e3e300 40%,#e3e3e380,#e3e3e300 60%,#e3e3e300);animation:gradient-animation_2 1.2s linear infinite}.loader .wrapper{width:100%;height:100%;position:relative}.loader .wrapper>div{background-color:#cacaca}.loader .circle{width:50px;height:50px;border-radius:50%}.loader .button{display:inline-block;height:32px;width:75px}.loader .line-1{position:absolute;top:11px;left:58px;height:10px;width:100px}.loader .line-2{position:absolute;top:34px;left:58px;height:10px;width:150px}.loader .line-3{position:absolute;top:57px;left:0;height:10px;width:100%}.loader .line-4{position:absolute;top:80px;left:0;height:10px;width:92%}@keyframes gradient-animation_2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container{display:flex;align-items:center}.button{padding:5px 10px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;color:#fff;background-color:#001f40;border:2px solid #007bff;border-radius:0 25px 25px 0;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}.button:hover{background-color:#0056b3;border-color:#0056b3}.input{padding:6px;font-size:16px;border:2px solid #007bff;border-radius:25px 0 0 25px}.input:focus{outline:none;border-color:#0056b3}.events{margin:0;padding:0;list-style:none}.events .ant-badge-status{width:100%;overflow:hidden;font-size:20px;white-space:nowrap;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center}.notes-month{font-size:28px;text-align:center}.notes-month section{border:.5px solid black;font-size:20px}.small-calendar{width:70%}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-calendar-date-content{position:static;width:auto;height:25px;overflow-y:auto;color:#000000e0;line-height:1.2;text-align:start}.Calender{width:80%;display:flex;justify-content:center;align-items:center}.tweet-textarea{width:80%;background-color:#f5f8fa;border:1px solid #ccd6dd;border-radius:8px;padding:10px;margin-bottom:20px}.tweet-input{border:none;width:100%;padding:10px;font-size:16px;resize:none;outline:none}.tweet-input::placeholder{color:#aab8c2}.tweet-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#66757f}.char-count{font-size:14px}.tweet-button{background-color:#1da1f2;color:#fff;border:none;border-radius:9999px;padding:8px 16px;font-weight:700;cursor:pointer}.tweet-button:hover{background-color:#1990db}.innerButton{display:flex;align-items:center;justify-content:space-between;gap:10px}.innerButton select{border-radius:9999px;padding:8px 16px;cursor:pointer}.task{margin-top:15px;position:relative;color:#2e2e2f;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:#6363631a 0 2px 8px;margin-bottom:1rem;border:3px dashed transparent;max-width:350px;box-shadow:#6363634d 0 0 8px 2px}.task p{font-size:15px;margin:1.2rem 0}.tag{border-radius:100px;padding:4px 13px;font-size:12px;color:#fff;background-color:#1389eb}.tags{width:100%;display:flex;align-items:center;justify-content:space-between}.options svg{fill:#9fa4aa;width:20px}.stats{position:relative;width:100%;color:#9fa4aa;font-size:12px;display:flex;align-items:center;justify-content:space-between}.stats div{margin-right:1rem;height:20px;display:flex;align-items:center;cursor:pointer}.stats svg{margin-right:5px;height:100%;stroke:#9fa4aa}.viewer span{height:30px;width:30px;background-color:#1c75db;margin-right:-10px;border-radius:50%;border:1px solid #fff;display:grid;align-items:center;text-align:center;font-weight:700;color:#fff;padding:2px}.viewer span svg{stroke:#fff}.button{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px #0000002a;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative;gap:2px}.svgIcon{width:12px;transition-duration:.3s}.svgIcon path{fill:#fff}.button:hover{transition-duration:.3s;background-color:#ff4545;align-items:center;gap:0}.bin-top{transform-origin:bottom right}.button:hover .bin-top{transition-duration:.5s;transform:rotate(160deg)}body{font-family:Roboto,sans-serif;scrollbar-width:none}.ant-layout-sider{flex:0 0 250px!important;max-width:250px!important;min-width:250px!important;width:250px!important}.ant-layout-sider-collapsed{flex:0 0 80px!important;max-width:80px!important;min-width:80px!important;width:80px!important}.ant-layout{min-height:100vh}.sm-logo{display:none}.ant-layout-sider-collapsed .sm-logo{display:block}.ant-layout-sider-collapsed .lg-logo{display:none}.ant-menu-title-content{font-size:16px}.ant-layout-header h5{line-height:20px;font-size:14px}.ant-layout-header p{line-height:20px;font-size:13px}