@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-CFKDKRMh.ttf);font-weight:500}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-BHeBnKzs.ttf);font-weight:400}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}a{text-decoration:none}ul{list-style:none}button{cursor:pointer;background-color:unset;border:none}button:active{transform:translateY(1px);opacity:.9}input{border:none;outline:none}.container{max-width:1160px;width:100%;margin:0 auto;padding:0 15px}:root{--bg: #f3edf7;--shadow: 0px 4px 4px 0px #00000040;--title: #1c1b1f;--text: #49454f;--date: #cac4d0;--purple: #6750a4;--red: #cf1b1b;--delBg: #ffe1e1;--editBg: #e6ddff}.nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg);box-shadow:var(--shadow);padding:15px 20px}.nav.search{position:absolute;top:0;width:100%;transform:translateY(-110%);transition:.3s}.nav.search.active{transform:translate(0)}.nav_input{font-weight:400;font-size:18px;line-height:20px;background-color:unset}.nav_input::placeholder{color:#9d9d9d}.nav_lang{position:relative;width:55px;height:25px;overflow:hidden}.nav_lang_btn{font-size:20px;font-weight:500;display:flex;align-items:center;gap:5px;transition:.3s;position:absolute;transform:translateY(-100%)}.nav_lang_btn.active{transform:translate(0)}.nav_lang_btn img{width:25px}.nav_title{font-weight:400;font-size:22px;line-height:28px;color:var(--title)}.notes_top{margin:30px 0;display:flex;justify-content:space-between;align-items:center}.notes_top_title{font-weight:400;font-size:22px;line-height:28px;color:var(--title)}.notes_top_btn{width:120px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--bg);box-shadow:var(--shadow);border-radius:16px;gap:12px}.notes_top_btn span{color:var(--purple);font-weight:500;font-size:14px;line-height:20px}.notes_box{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.notes_box.active{display:flex;flex-direction:column}.notes_card{background-color:var(--bg);box-shadow:var(--shadow);padding:16px;border-radius:16px}.notes_card_title{font-weight:500;font-size:18px;line-height:24px;color:var(--title)}.notes_card_date{font-weight:400;font-size:16px;line-height:20px;color:var(--date)}.notes_card_text{font-weight:400;font-size:16px;line-height:20px;color:var(--text);margin:16px 0}.notes_card_btns{display:flex;justify-content:flex-end}.btn{padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:100%;text-transform:uppercase;border-radius:4px;transition:.3s}.btn.primary{color:var(--purple)}.btn.primary:hover{background-color:var(--editBg)}.btn.danger{color:var(--red)}.btn.danger:hover{background-color:var(--delBg)}.addBtn{position:fixed;bottom:30px;right:30px;background-color:var(--bg);box-shadow:var(--shadow);padding:18px;border-radius:16px;z-index:1}.modal{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;position:fixed;top:0;left:0;background:#00000059;visibility:hidden;transition:.3s}.modal.active{visibility:visible;z-index:99}.modal.active .modal_card{transform:scale(1)}.modal_card{background-color:var(--bg);box-shadow:var(--shadow);border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:16px;transform:scale(0);transition:.3s}.modal_title{font-weight:400;font-size:24px;line-height:32px;color:var(--title)}.modal_btns{display:flex;justify-content:flex-end}.modal_label{display:flex;flex-direction:column;background:#e7e0ec;border-bottom:1px solid #1c1b1f;border-radius:4px 4px 0 0;padding:8px 16px;width:264px}.modal_label span{font-weight:400;font-size:12px;line-height:16px;color:var(--purple)}.modal_label input{background-color:unset;font-weight:400;font-size:16px;line-height:24px}.nonote{text-align:center;margin-top:30px;font-weight:500}.modall{display:flex;align-items:center;justify-content:center;background-color:#00000059;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1;transition:.3s;visibility:hidden}.modall.active{visibility:visible;z-index:99}.modall.active .modall_card{transform:scale(1)}.modall_card{background-color:var(--bg);box-shadow:var(--shadow);border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:45px;transform:scale(0);transition:.3s}.modall_title{font-weight:500;font-size:20px;line-height:32px;color:var(--title);width:250px;text-align:center}.modall_btns{display:flex;justify-content:flex-end}