@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-BHeBnKzs.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-CFKDKRMh.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}img{cursor:pointer}.container{max-width:1140px;width:100%;margin:0 auto;padding:0 15px}button,input{border:none;outline:none;background:none}.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;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;height:75px}.nav__input{width:60%;font-weight:400;font-size:16px;line-height:125%;color:#9d9d9d}.nav__lang{font-weight:400;font-size:22px}.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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px;font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-align:center;color:#6750a4;cursor:pointer}.notes__list{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.notes__list.active{grid-template-columns:1fr}.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}.notes__item-info.active{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__item-title{font-family:var(--font-family);font-weight:500;font-size:16px;line-height:150%;letter-spacing:.01em;color:#1c1b1f}.notes__item-date{font-family:var(--font-family);font-weight:400;font-size:14px;line-height:143%;letter-spacing:.02em;color:#cac4d0}.notes__item-text{font-family:var(--font-family);font-weight:400;font-size:14px;line-height:143%;letter-spacing:.02em;color:#49454f;margin:16px 0}.notes__item-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.notes__item-btn{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer}.notes__item-btn span{font-family:var(--font-family);font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-transform:uppercase;text-align:center}.notes__item-edited{font-weight:400;font-size:14px;color:#888;margin-left:4px}.blue{color:#6750a4}.blue:hover{background:#e6ddff}.red{color:#cf1b1b}.red:hover{background:#ffe1e1}.addNote{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;cursor:pointer}.modal{background:#00000059;position:fixed;inset:0;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;z-index:999}.modal__box{border-radius:28px;background:#eee8f4;padding:24px;max-width:312px;width:100%}.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-fields label{position:relative}.modal__box-fields label input{width:100%;background:#e7e0ec;height:56px;border-radius:4px 4px 0 0;padding:23px 16px 9px;border-bottom:1px solid #1c1b1f}.modal__box-fields label input:focus~span{-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}.modal__box-fields label input::-webkit-input-placeholder{font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f}.modal__box-fields label input::-moz-placeholder{font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f}.modal__box-fields label input:-ms-input-placeholder{font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f}.modal__box-fields label input::-ms-input-placeholder{font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f}.modal__box-fields label input::placeholder{font-weight:400;font-size:16px;line-height:150%;letter-spacing:.03em;color:#49454f}.modal__box-fields label span{-webkit-transition:.3s;transition:.3s;position:absolute;top:8px;left:16px;font-weight:400;font-size:12px;line-height:133%;letter-spacing:.03em;color:#6750a4}.modal__box-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px}.modal__box-btn{padding:10px 12px;font-weight:500;font-size:14px;line-height:143%;letter-spacing:.01em;text-transform:uppercase;text-align:center;cursor:pointer}