:root{--primary:#bb86fc;--primary-variant:#3700b3;--secondary:#03dac6;--background:#18191b;--surface:#121212;--error:#cf6679;--warning:#f39c12;--on-background:#fff;--on-background-grey:#c7c7c7;--on-surface:#fff;--solid:#111113}[data-theme=light]{--background:#ddd;--suface:#fff;--on-background:#333;--on-background-grey:#6d6d6d;--on-surface:#333;--solid:#fff}*{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:#18191b;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-block:14px;padding-inline:25px}header h1{flex:1 1}.link{text-decoration:none}header .navigation ul li{display:inline-block;font-size:18px;margin:0 8px}main{margin:0 auto;max-width:1000px;padding:32px 12px;width:100%}.notes-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-top:12px;padding:8px 0}.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;display:flex;flex-direction:column;overflow:hidden;padding:16px}.note-item__title{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:32px;margin-bottom:8px}.detail-page__createdAt{color:#c7c7c7;color:var(--on-background-grey)}.detail-page__body{word-wrap:break-word;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:#18191b;color:var(--background);cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;padding:14px;width:50px}.add-new-page__input{margin:0 auto 48px;max-width:1000px}.note-input__title__char-limit{color:#c7c7c7;color:var(--on-background-grey);font-size:14px;text-align:right}.add-new-page__input .add-new-page__input__title{margin:16px 0}.add-new-page__input .add-new-page__input__body,.add-new-page__input .add-new-page__input__title{background-color:initial;border:1px solid #3b3e42;border-radius:8px;color:#fff;color:var(--on-background);font-family:Inter,sans-serif;font-size:18px;padding:18px;width:100%}.add-new-page__input .add-new-page__input__body{min-height:500px}[data-placeholder]:empty:before{color:#c7c7c7;color:var(--on-background-grey);content:attr(data-placeholder)}.search-bar{padding-bottom:24px}.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:10px;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:32px}.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:#18191b;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:18px;gap:4px}@media screen and (min-width:650px){.notes-list{grid-template-columns:repeat(2,1fr)}.detail-page__title{font-size:48px}}@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.529cc1bf.css.map*/