.grid[data-v-a4cd00ee]{grid-template-columns:minmax(0,auto);width:100%;max-width:80rem;margin:2rem auto;padding:0 1rem;transition:all .2s;display:grid}.grid .sidebar[data-v-a4cd00ee]{opacity:0;pointer-events:none;z-index:30;background-color:#fff;flex-direction:column;align-items:flex-start;width:100vw;height:100vh;transition:transform .2s cubic-bezier(.18,.89,.32,1),opacity .2s cubic-bezier(.18,.89,.32,1);display:flex;position:fixed;top:0;left:0;transform:translate(-2rem)}.grid .sidebar .header[data-v-a4cd00ee]{border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex}.grid .sidebar .header .title[data-v-a4cd00ee]{font-family:Figtree,sans-serif;font-size:1.375rem;font-weight:700}.grid .sidebar .header .close-btn[data-v-a4cd00ee]{background-color:#0000;border:1px solid #323232;border-radius:.375rem;width:max-content;padding:.25rem;display:flex}@media (width>=1024px){.grid .sidebar .header .close-btn[data-v-a4cd00ee]{display:none}.grid .sidebar .header[data-v-a4cd00ee]{padding:0 0 .5rem}}.grid .sidebar .sidebar-content[data-v-a4cd00ee]{width:100%;height:100%;padding-bottom:4rem;position:relative;overflow-y:scroll}@media (width>=1024px){.grid .sidebar .sidebar-content[data-v-a4cd00ee]{padding-bottom:0;overflow-y:auto}}.grid .sidebar .found-entries[data-v-a4cd00ee]{background-color:#fff;border-top:1px solid #d8d8d8;width:100%;padding:1rem;display:flex;position:relative}.grid .sidebar .found-entries button[data-v-a4cd00ee]{width:100%;padding:1rem .5rem}@media (width>=1024px){.grid .sidebar .found-entries[data-v-a4cd00ee]{display:none}}.grid .sidebar.--collapsed[data-v-a4cd00ee]{pointer-events:none;opacity:0}@media (width>=1024px){.grid .sidebar.--with-only-title[data-v-a4cd00ee]{margin-top:1rem}.grid .sidebar[data-v-a4cd00ee]{pointer-events:all;opacity:1;z-index:20;width:auto;height:auto;display:flex;position:relative;transform:translate(0)}}.grid.--sidebar-open .sidebar[data-v-a4cd00ee]{opacity:1;pointer-events:all;transform:translate(0)}.grid.--with-only-title[data-v-a4cd00ee]{margin:0 auto 2rem}.grid .filter[data-v-a4cd00ee]{flex-wrap:wrap-reverse;align-items:center;gap:1rem;display:flex}.grid .filter-btn-wrapper[data-v-a4cd00ee]{position:relative}.grid .filter-btn-wrapper .sidebar-btn[data-v-a4cd00ee]{text-align:left;flex-direction:row-reverse;justify-content:space-between;width:max-content;padding:.5rem}.grid .filter-btn-wrapper span[data-v-a4cd00ee]{background-color:var(--brand-primary);color:#fff;z-index:1;border-radius:100rem;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-.6rem;right:-.6rem}.grid .filter-reset-button[data-v-a4cd00ee]{color:var(--brand-primary);text-wrap:nowrap;background-color:#0000;align-items:center;display:flex}.grid .filter-reset-button span[data-v-a4cd00ee]{color:var(--brand-primary);line-height:1}.grid .filter-reset-button img[data-v-a4cd00ee]{width:20px;height:20px}@media (width>=1024px){.grid .filter-reset-button[data-v-a4cd00ee]{width:auto}}.grid .user-actions[data-v-a4cd00ee]{justify-content:space-between;width:100%}.grid .user-actions[data-v-a4cd00ee],.grid .user-actions .custom-user-actions[data-v-a4cd00ee]{align-items:flex-end;gap:1rem;display:flex}.grid .content-wrapper[data-v-a4cd00ee]{flex-direction:column;gap:1rem;width:100%;display:flex}@media (width>=1024px){.grid[data-v-a4cd00ee]{grid-template-columns:0 minmax(0,auto)}.grid.--sidebar-open[data-v-a4cd00ee]{grid-template-columns:25% minmax(0,auto);align-items:flex-start;gap:4rem}}@media (width>=81rem){.grid[data-v-a4cd00ee]{grid-template-columns:0 minmax(0,auto);padding:0}}.main-title[data-v-a4cd00ee]{max-width:80rem;margin:2rem auto 0;padding:0 1rem;font-family:Figtree,sans-serif;font-size:2.25rem;font-weight:500}.main-title.--with-mood-image[data-v-a4cd00ee]{margin:2rem auto 1rem}@media (width>=81rem){.main-title[data-v-a4cd00ee]{padding:0}}.mood-image[data-v-a4cd00ee]{max-width:80rem;height:8rem;margin:2rem auto;padding:0 1rem;display:flex}.mood-image.--with-title[data-v-a4cd00ee]{margin:1rem auto 2rem}.mood-image img[data-v-a4cd00ee]{-o-object-fit:cover;object-fit:cover;border-radius:.75rem;width:100%;height:auto}@media (width>=1024px){.mood-image[data-v-a4cd00ee]{height:16rem}}@media (width>=81rem){.mood-image[data-v-a4cd00ee]{padding:0}}.fade-in[data-v-a4cd00ee]{opacity:0;animation:.6s cubic-bezier(.18,.89,.32,1) forwards fade-in-a4cd00ee}@keyframes fade-in-a4cd00ee{0%{opacity:0}to{opacity:1}}