:root{--primary:#bb86fc;--primary-variant:#3700b3;--secondary:#03dac6;--background:#121212;--surface:#121212;--error:#cf6679;--warning:#f39c12;--on-background:#fff;--on-background-grey:#c7c7c7;--on-surface:#fff}[data-theme=light]{--background:#ddd;--suface:#fff;--on-background:#333;--on-background-grey:#6d6d6d;--on-surface:#333}*{box-sizing:border-box;margin:0;padding:0}a{color:#fff;color:var(--on-background)}body{font-family:Inter,sans-serif}.app-container{background-color:#121212;background-color:var(--background);color:#fff;color:var(--on-background);min-height:100vh;transition:all .5s ease-in-out}header{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--on-background);display:flex;justify-content:center;padding:16px}header h1{flex:1 1}header .navigation ul li{display:inline-block;font-size:24px;margin:0 8px}main{margin:0 auto;max-width:1200px;padding:32px 0;width:90%}.notes-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.notes-list,.notes-list-empty{margin-top:32px;padding:16px 8px}.notes-list-empty p{color:#c7c7c7;color:var(--on-background-grey);text-align:center}.note-item{border:1px solid #fff;border:1px solid var(--on-background);border-radius:8px;border-top:5px solid;padding:16px}.note-item__title{margin:4px 0}.note-item__createdAt{color:#c7c7c7;color:var(--on-background-grey);font-size:14px;margin:4px 0}.note-item__body{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;margin-top:16px;overflow:hidden;text-overflow:ellipsis}.detail-page{margin:32px auto 0;width:90%}.detail-page__title{word-wrap:break-word;font-size:48px;margin-bottom:8px}.detail-page__createdAt{color:#c7c7c7;color:var(--on-background-grey)}.detail-page__body{font-size:18px;line-height:1.5;margin-top:36px}.add-new-page__action,.detail-page__action,.homepage__action{bottom:32px;display:flex;gap:16px;position:fixed;right:32px}.action{align-items:center;background-color:#fff;background-color:var(--on-background);border:0;border-radius:50px;color:#121212;color:var(--background);cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;padding:8px;width:50px}.add-new-page__input{margin-top:32px}.add-new-page__input .add-new-page__input__title{background-color:initial;border:0;color:#fff;color:var(--on-background);font-family:Inter,sans-serif;font-size:64px;font-weight:700;padding:8px 0;width:100%}.add-new-page__input__title::-webkit-input-placeholder{color:#c7c7c7;color:var(--on-background-grey)}.add-new-page__input__title::placeholder{color:#c7c7c7;color:var(--on-background-grey)}.add-new-page__input .add-new-page__input__body{background-color:initial;border:0;color:#fff;color:var(--on-background);font-family:Inter,sans-serif;font-size:24px;min-height:500px;padding:8px 0;width:100%}[data-placeholder]:empty:before{color:#c7c7c7;color:var(--on-background-grey);content:attr(data-placeholder)}.search-bar input{background-color:initial;border:1px solid #fff;border:1px solid var(--on-background);border-radius:4px;color:#fff;color:var(--on-background);font-family:Inter,sans-serif;margin:16px 0;padding:8px;width:100%}.search-bar input::-webkit-input-placeholder{color:#c7c7c7;color:var(--on-background-grey)}.search-bar input::placeholder{color:#c7c7c7;color:var(--on-background-grey)}.toggle-locale,.toggle-theme{align-items:center;background-color:initial;border:0;color:#fff;color:var(--on-background);cursor:pointer;display:flex;margin:0 16px}.toggle-theme{font-size:36px}.toggle-locale{font-size:28px}.input-login,.input-register{margin:32px 0}.input-login label,.input-register label{font-size:24px;font-weight:lighter}.input-login input,.input-register input{background-color:initial;border:3px solid #fff;border:3px solid var(--on-background);border-radius:8px;color:#fff;color:var(--on-background);display:block;font-family:Inter,sans-serif;font-size:18px;margin-bottom:16px;margin-top:8px;padding:8px;width:100%}.input-login button,.input-register button{background-color:#fff;background-color:var(--on-background);border:0;border-radius:8px;color:#121212;color:var(--background);cursor:pointer;font-family:Inter,sans-serif;font-size:24px;font-weight:700;padding:12px;width:100%}.button-logout{align-items:center;background-color:initial;border:0;color:#fff;color:var(--on-background);cursor:pointer;display:flex;font-size:28px;gap:8px}@media screen and (min-width:650px){.notes-list{grid-template-columns:repeat(2,1fr)}.detail-page__title{font-size:64px}}@media screen and (min-width:850px){.notes-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.notes-list{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.1ba6d8de.css.map*/