:root{--text: #062659;--background: #fbf8f4;--oceanic: #325a9b;--pacific: #6482b1;--cornflower: #417dde;--faint-a: #adb4c1;--faint-b: #706e7f;--highlight: rgba(91, 116, 157, .15);--danger-red: #a12427;--coral-red: #d72d2d;--clown-red: #f11e23;--font-main: "Inter", Helvetica, sans-serif;--size-base: 16px;--size-label: 14px;--size-small: 12px}@font-face{font-family:Libre Caslon Text;src:url(/fonts/librecaslon/LibreCaslonText-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libre Caslon Text;src:url(/fonts/librecaslon/LibreCaslonText-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Libre Caslon Text;src:url(/fonts/librecaslon/LibreCaslonText-Bold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/inter.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/inter_italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:var(--font-main);font-weight:500;font-size:var(--size-base);line-height:1.5;font-size:16px}h1,h5{margin:0}.app{min-height:100vh}.app__layout{display:grid;grid-template-columns:250px 1fr}.app__mainContainer{grid-column:2/2;height:100vh;overflow:hidden}.input{min-width:200px;height:35px;width:100%;padding:8px 40px 8px 16px;background:var(--background);border:1.25px solid var(--faint-a);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:all .2s ease}.input::placeholder{color:var(--faint-a)}.input--error{border:1.25px solid var(--danger-red)}.input__error{color:var(--danger-red);font-size:var(--size-small);margin-top:2px;height:16px;padding:0 15px}.input:focus{border-color:var(--cornflower);box-shadow:0 0 0 1px var(--cornflower)}.input__label{font-size:var(--size-label);font-weight:600;padding:0 15px}.input__wrapper{position:relative}.input__wrapper--disabled{cursor:not-allowed}.input__eyeIcon{z-index:9999;position:absolute;top:10px;right:16px;cursor:pointer}.input--disabled{pointer-events:none}.btn{padding:10px 20px;border-radius:10px;border:none;background-color:var(--text);color:var(--background);font-family:inherit;font-weight:600;cursor:pointer;transition:background .2s}.btn:hover{background-color:var(--oceanic)}.btn:active{background-color:var(--cornflower)}.btn--disabled{cursor:not-allowed!important;opacity:.6}.pageHeader{position:absolute;top:15px;left:30px}.logo{-ms-user-select:none;-webkit-user-select:none;user-select:none}.logo__title{font-family:Libre Caslon Text,serif;font-weight:400;font-size:32px}.logo__strapline{color:var(--oceanic)}.icon{width:15px;height:15px}.popup__wrapper{position:fixed;z-index:1000;background:var(--background);border:1px solid var(--faint-a);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;max-width:200px}.popup__container{padding:8px}.popup__container h3{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text)}.popup__operations{display:flex;flex-direction:column;gap:4px}.popup__button{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:Inter,sans-serif;font-size:14px;color:var(--text);transition:background-color .2s}.popup__button:hover{background:var(--highlight)}.popup__button--disabled{cursor:not-allowed;opacity:.6}.popup__icon{width:14px;height:14px}.sidebar{border-right:1px solid var(--faint-a);box-shadow:4px 0 4px #00000040;display:flex;flex-direction:column;align-items:flex-start;padding:25px 20px;gap:16px;max-width:250px;height:100vh;flex-shrink:0;position:relative;z-index:10}.sidebar__header{width:100%;text-align:left;padding-left:10px;-ms-user-select:none;-webkit-user-select:none;user-select:none}.sidebar__notesList{overflow-y:auto;max-width:100%;width:100%;flex:1}.sidebar__btn,.sidebar__noteItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;cursor:pointer;border:none;background:transparent;width:100%;height:30px;text-align:left;font-family:Inter,sans-serif;font-size:16px;color:var(--text)}.sidebar__btn:hover,.sidebar__noteItem:hover{background:var(--highlight)}.sidebar__btn:hover .sidebar__noteItemActions,.sidebar__noteItem:hover .sidebar__noteItemActions{display:flex}.sidebar__btn--active,.sidebar__noteItem--active{background:var(--highlight);display:flex}.sidebar__btn--active .sidebar__noteItemActions,.sidebar__noteItem--active .sidebar__noteItemActions{display:flex}.sidebar__btn--bottom,.sidebar__noteItem--bottom{margin-top:auto}.sidebar__btn--disabled,.sidebar__noteItem--disabled{cursor:not-allowed}.sidebar__noteItemActions{display:none;gap:3px}.sidebar__noteActionBtn{background:transparent;border:none;cursor:pointer;width:16px;height:16px}.sidebar__noteItemTitle{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__titleInput{width:100%;background:none;border:none;font-family:inherit;font-size:inherit;color:var(--text);outline:none;transition:all .2s ease}.sidebar__barrier{width:170px;align-self:center;height:0px;border:1px solid var(--faint-b)}.sidebar__actionMenu,.sidebar__notesList{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:0}.search{position:relative}.search__icon{z-index:9999;position:absolute;top:30%;left:16px}.search__input{padding-left:40px!important}.search--disabled{cursor:not-allowed}