@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-FqysxNcR.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-D0XNiZmU.ttf);font-weight:500}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto}a{text-decoration:none}ul{list-style:none}button,input{border:none;outline:none;background:none;cursor:pointer}.container{max-width:1140px;width:100%;margin:0 auto;padding:0 15px}.nav{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 4px 4px 0 rgba(0,0,0,.25);box-shadow:0 1px 3px #0000004d,0 4px 4px #00000040;background:#f3edf7;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}.nav__input{font-weight:400;font-size:16px;line-height:125%;color:#9d9d9d;width:60%}.nav__lang{font-size:26px}.nav__title{font-weight:400;font-size:22px;line-height:127%;text-align:center;color:#1c1b1f}.notes{margin-top:30px}.notes__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notes__top-title{font-weight:400;font-size:22px;line-height:127%;color:#323232}.notes__top-btn{border-radius:16px;padding:16px 20px 16px 16px;width:121px;height:56px;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px #0000004d,0 4px 8px 3px #00000026;background:#6750a41c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-align:center;color:#6750a4}.notes__list.active{grid-template-columns:1fr}.notes__list{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.notes__item{border-radius:16px;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.3);box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d;background:#6750a40d;padding:16px;position:relative}.notes__item-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notes__item-info.active{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.notes__item-edited{position:absolute;color:gray;top:10px;right:10px}.notes__item-title{font-weight:500;font-size:16px;line-height:150%;letter-spacing:.01em;color:#1c1b1f}.notes__item-date{font-weight:400;font-size:14px;line-height:143%;letter-spacing:.02em;color:#cac4d0}.notes__item-text{font-weight:400;font-size:14px;line-height:143%;letter-spacing:.02em;color:#49454f;margin:16px 0}.notes__item-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.notes__item-button{padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.notes__item-button span{font-family:var(--font-family);font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-transform:uppercase;text-align:center}.color{color:#6750a4}.color:hover{background:#e6ddff}.color2{color:#cf1b1b}.color2:hover{background:#ffe1e1}.add{border-radius:16px;width:56px;height:56px;background:#6750a41c;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px #0000004d,0 4px 8px 3px #00000026;position:fixed;right:30px;bottom:30px}.modal{background:#00000059;position:fixed;inset:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__box{border-radius:28px;max-width:312px;width:100%;background:#eee8f4;padding:24px}.modal__box span{display:block;margin:10px 0}.modal__box-title{font-weight:400;font-size:24px;line-height:133%;color:#1c1b1f}.modal__box-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;margin-top:16px;margin-bottom:24px}.modal__box-field{position:relative}.modal__box-field-input:focus~span{-webkit-transform:translateY(-25px) scale(1.2) translateX(-9px);-ms-transform:translateY(-25px) scale(1.2) translateX(-9px);transform:translateY(-25px) scale(1.2) translate(-9px)}.modal__box-field-input{border-radius:4px 4px 0 0;width:100%;height:56px;background:#e7e0ec;padding:23px 16px 9px;font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f;border-bottom:1px solid #1c1b1f}.modal__box-field-span{-webkit-transition:.3s;transition:.3s;font-weight:400;font-size:12px;line-height:133%;letter-spacing:.03em;color:#6750a4;position:absolute;top:1px;left:16px}.modal__box-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px}.modal__box-button{padding:10px 12px;font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-transform:uppercase;text-align:center}.del_buttons{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}