.moodjournalwrapper[data-v-4af83768]{display:flex;flex-direction:column;height:100%;max-height:80dvh;overflow-y:auto;overflow-x:hidden;padding:20px 10px 20px 20px;margin-bottom:20px;border-radius:12px;font-family:Geist,Karla,Roboto,sans-serif;text-align:left;word-break:break-word;border:1px solid hsla(0,0%,96.1%,.1)}.moodjournalwrapper[data-v-4af83768]::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.moodjournalwrapper[data-v-4af83768]::-webkit-scrollbar{width:4px;border-radius:20px}.moodjournalwrapper[data-v-4af83768]::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,96.1%,.1)}.headerWrapper[data-v-4af83768]{display:flex}.bannerWrapper[data-v-4af83768]{display:flex;flex-direction:column;align-items:center}.bannerImg[data-v-4af83768]{width:480px;height:auto;display:block;border-radius:12px}.btnWrapper[data-v-4af83768]{display:flex;justify-content:center}.addBtn[data-v-4af83768]{margin-top:-10px;margin-bottom:10px}.headerBtn[data-v-4af83768]{display:flex;align-items:center;padding:5px 10px;border:transparent;background-color:transparent;color:#fff;font-size:12px;transition:all .2s ease-in-out}.headerBtn[data-v-4af83768]:hover{color:#ffb86c}.dateHeader[data-v-4af83768]{padding-left:10px;font-size:16px;font-weight:600}.dateDivider[data-v-4af83768]{padding-left:10px;font-size:12px}.filterBtn[data-v-4af83768]{display:flex;align-items:center;margin-bottom:10px;border:none;background-color:transparent;color:#fff;font-size:12px;transition:all .2s ease-in-out}.filterBtn[data-v-4af83768]:hover{transform:scale(1.1);color:#ffb86c}.filterBtn:hover .filterSvgIcon[data-v-4af83768]{fill:#ffb86c}.filterOn[data-v-4af83768]{color:#ffb86c;fill:#ffb86c!important}.filterSvgIcon[data-v-4af83768]{width:16px;height:16px;margin-right:5px}.filterSvgIcon[data-v-4af83768],.svgIcon[data-v-4af83768]{cursor:pointer;fill:hsla(0,0%,87.8%,.825);filter:drop-shadow(0 0 6px rgb(0 0 0/.6));transition:all .2s ease-in-out}.svgIcon[data-v-4af83768]{width:13px;height:13px}.headerBtn:hover .svgIcon[data-v-4af83768]{transform:scale(1.2);fill:#ffb86c!important}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.bannerImg[data-v-4af83768]{width:100%}}