.app{display:flex;padding:30px}.logo{width:180px}.card-button{border-radius:3px;background:rgba(255,255,255,.03);color:#fff;padding:20px;border:none;cursor:pointer;text-align:start;display:block;width:100%}.card-button:hover{background:rgba(255,255,255,.1)}.journal-add{padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-style:normal;font-weight:600;line-height:normal}._journal-form_10j16_1{display:flex;flex-direction:column;gap:30px}._form-label_10j16_7{display:flex;align-items:center;gap:20px;min-width:150px}._form-row_10j16_14{display:flex;align-items:center}._input_10j16_19{border:none;background:none;font-size:14px;font-style:normal;font-weight:600;line-height:normal;font-family:"Source Sans 3",sans-serif;border-bottom:1px solid #323232;width:100%}._invalid_10j16_31{border:1px solid red;background:rgb(68,6,6)}._delete_10j16_36{border:1px solid transparent;background-color:transparent;padding:4px 6px;border-radius:50px;cursor:pointer}._delete_10j16_36:hover{border:1px solid #fff}.button{border-radius:6px;padding:8px 30px;font-family:inherit;cursor:pointer;transition:background .25s;font-size:16px;border:none}.accent:hover{background:#222096}.accent{background:#312EB5}._input_l55x5_1{width:100%;border:none;background:none;color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:normal;font-family:"Source Sans 3",sans-serif;border-bottom:1px solid #323232}._input-title_l55x5_14{border:none;background:none;color:#fff;font-size:32px;font-style:normal;font-weight:600;line-height:normal;font-family:"Source Sans 3",sans-serif;border-bottom:1px solid #323232;width:100%}._invalid_l55x5_27{border:1px solid red;background:rgb(68,6,6)}.journal-item{border-radius:3px;background:rgba(255,255,255,.03);color:#fff;padding:20px}.journal-item__header{font-size:18px;font-style:normal;font-weight:600;line-height:28px}.journal-item__date{color:#fff6;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.journal-item__text{color:#fff9;font-size:16px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden}.journal-item__body{display:flex;gap:10px}.journal-item{border-radius:3px;background:rgba(255,255,255,.03);color:#fff;padding:20px;&__title{font-size:18px;font-style:normal;font-weight:600;line-height:28px}&__content{display:flex;gap:10px}&__date{color:#fff6;font-size:16px;font-style:normal;font-weight:400;line-height:normal}&__text{color:#fff9;font-size:16px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden}}.body{padding:50px}.left-panel{width:400px;display:flex;flex-direction:column;gap:30px}:root{font-family:"Source Sans 3",sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#181818;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{border:0;margin:0;padding:0;box-sizing:border-box}