:root{--sf-space-4xs: .25rem;--sf-space-xs: .5rem;--sf-space-sm: 1rem;--sf-space-md: 1.5rem;--sf-space-lg: 2rem;--sf-space-xl: 3rem;--sf-space-2xl: 5rem;--sf-color-on-primary: #fff;--sf-color-success: #4caf50;--sf-color-danger: #f44336;--sf-color-warning: #ff9800;--sf-color-warning-bg: rgba(255, 152, 0, .1);--sf-color-release: #56ff26;--sf-color-favorite: #ff6b81;--sf-color-link: #c3d6ff;--sf-radius-sm: .25rem;--sf-radius-md: .5rem;--sf-radius-lg: 1rem;--sf-radius-pill: 9999px;--sf-font-sm: .875rem;--sf-font-md: 1.25rem;--sf-font-lg: 1.5rem;--sf-font-xl: 1.8rem;--sf-icon-xs: 18px;--sf-icon-sm: 20px;--sf-icon-md: 24px;--sf-header-height: 64px;--sf-avatar-size: 250px;--sf-shadow-soft: 0 2px 8px rgba(0, 0, 0, .2)}:root{--primary-color: #3365cc;--background-primary-color-active-light: #6494ed56;--background-error-color: #ff000028}html{color-scheme:light dark;height:100%;box-sizing:border-box;--mat-sys-background: light-dark(#fcf8fd, #131316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f3eff4, #303034);--mat-sys-inverse-primary: light-dark(#bec2ff, #343dff);--mat-sys-inverse-surface: light-dark(#303034, #e5e1e6);--mat-sys-on-background: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #0001ac);--mat-sys-on-primary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-primary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-primary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);--mat-sys-on-secondary-container: light-dark(#444559, #e1e0f9);--mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);--mat-sys-on-surface: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);--mat-sys-on-tertiary: light-dark(#ffffff, #013a00);--mat-sys-on-tertiary-container: light-dark(#015300, #77ff61);--mat-sys-on-tertiary-fixed: light-dark(#002200, #002200);--mat-sys-on-tertiary-fixed-variant: light-dark(#015300, #015300);--mat-sys-outline: light-dark(#777680, #91909a);--mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);--mat-sys-primary: light-dark(#343dff, #bec2ff);--mat-sys-primary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-primary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);--mat-sys-secondary-container: light-dark(#e1e0f9, #444559);--mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);--mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fcf8fd, #131316);--mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);--mat-sys-surface-container: light-dark(#f0edf1, #201f22);--mat-sys-surface-container-high: light-dark(#ebe7eb, #2a292d);--mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);--mat-sys-surface-container-low: light-dark(#f6f2f7, #1b1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);--mat-sys-surface-dim: light-dark(#dcd9dd, #131316);--mat-sys-surface-tint: light-dark(#343dff, #bec2ff);--mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);--mat-sys-tertiary: light-dark(#026e00, #02e600);--mat-sys-tertiary-container: light-dark(#77ff61, #015300);--mat-sys-tertiary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-tertiary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto Mono;--mat-sys-display-large-font: Roboto Mono;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto Mono;--mat-sys-display-medium-font: Roboto Mono;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto Mono;--mat-sys-display-small-font: Roboto Mono;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto Mono;--mat-sys-headline-large-font: Roboto Mono;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto Mono;--mat-sys-headline-medium-font: Roboto Mono;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto Mono;--mat-sys-headline-small-font: Roboto Mono;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto Mono;--mat-sys-title-large-font: Roboto Mono;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .mat-bg-primary{background-color:var(--mat-sys-primary)}html .mat-bg-primary-container{background-color:var(--mat-sys-primary-container)}html .mat-bg-secondary{background-color:var(--mat-sys-secondary)}html .mat-bg-secondary-container{background-color:var(--mat-sys-secondary-container)}html .mat-bg-error{background-color:var(--mat-sys-error)}html .mat-bg-error-container{background-color:var(--mat-sys-error-container)}html .mat-bg-surface{background-color:var(--mat-sys-surface)}html .mat-bg-surface-variant{background-color:var(--mat-sys-surface-variant)}html .mat-bg-surface-container-highest{background-color:var(--mat-sys-surface-container-highest)}html .mat-bg-surface-container-high{background-color:var(--mat-sys-surface-container-high)}html .mat-bg-surface-container{background-color:var(--mat-sys-surface-container)}html .mat-bg-surface-container-low{background-color:var(--mat-sys-surface-container-low)}html .mat-bg-surface-container-lowest{background-color:var(--mat-sys-surface-container-lowest)}html .mat-bg-inverse-surface{background-color:var(--mat-sys-inverse-surface)}html .mat-bg-disabled{background-color:color-mix(in srgb,var(--mat-sys-on-surface) 12%,transparent)}html .mat-text-primary{color:var(--mat-sys-primary)}html .mat-text-secondary{color:var(--mat-sys-secondary)}html .mat-text-error{color:var(--mat-sys-error)}html .mat-text-disabled{color:color-mix(in srgb,var(--mat-sys-on-surface) 38%,transparent)}html .mat-text-on-surface-variant{color:var(--mat-sys-on-surface-variant)}html .mat-text-on-primary{color:var(--mat-sys-on-primary)}html .mat-text-on-primary-container{color:var(--mat-sys-on-primary-container)}html .mat-text-on-secondary{color:var(--mat-sys-on-secondary)}html .mat-text-on-secondary-container{color:var(--mat-sys-on-secondary-container)}html .mat-text-on-error{color:var(--mat-sys-on-error)}html .mat-text-on-error-container{color:var(--mat-sys-on-error-container)}html .mat-text-on-surface{color:var(--mat-sys-on-surface)}html .mat-text-inverse-on-surface{color:var(--mat-sys-inverse-on-surface)}html .mat-font-body-sm{font:var(--mat-sys-body-small);letter-spacing:var(--mat-sys-body-small-tracking)}html .mat-font-body-md{font:var(--mat-sys-body-medium);letter-spacing:var(--mat-sys-body-medium-tracking)}html .mat-font-body-lg{font:var(--mat-sys-body-large);letter-spacing:var(--mat-sys-body-large-tracking)}html .mat-font-display-sm{font:var(--mat-sys-display-small);letter-spacing:var(--mat-sys-display-small-tracking)}html .mat-font-display-md{font:var(--mat-sys-display-medium);letter-spacing:var(--mat-sys-display-medium-tracking)}html .mat-font-display-lg{font:var(--mat-sys-display-large);letter-spacing:var(--mat-sys-display-large-tracking)}html .mat-font-headline-sm{font:var(--mat-sys-headline-small);letter-spacing:var(--mat-sys-headline-small-tracking)}html .mat-font-headline-md{font:var(--mat-sys-headline-medium);letter-spacing:var(--mat-sys-headline-medium-tracking)}html .mat-font-headline-lg{font:var(--mat-sys-headline-large);letter-spacing:var(--mat-sys-headline-large-tracking)}html .mat-font-label-sm{font:var(--mat-sys-label-small);letter-spacing:var(--mat-sys-label-small-tracking)}html .mat-font-label-md{font:var(--mat-sys-label-medium);letter-spacing:var(--mat-sys-label-medium-tracking)}html .mat-font-label-lg{font:var(--mat-sys-label-large);letter-spacing:var(--mat-sys-label-large-tracking)}html .mat-font-title-sm{font:var(--mat-sys-title-small);letter-spacing:var(--mat-sys-title-small-tracking)}html .mat-font-title-md{font:var(--mat-sys-title-medium);letter-spacing:var(--mat-sys-title-medium-tracking)}html .mat-font-title-lg{font:var(--mat-sys-title-large);letter-spacing:var(--mat-sys-title-large-tracking)}html .mat-corner-xs{border-radius:var(--mat-sys-corner-extra-small)}html .mat-corner-sm{border-radius:var(--mat-sys-corner-small)}html .mat-corner-md{border-radius:var(--mat-sys-corner-medium)}html .mat-corner-lg{border-radius:var(--mat-sys-corner-large)}html .mat-corner-xl{border-radius:var(--mat-sys-corner-extra-large)}html .mat-corner-full{border-radius:var(--mat-sys-corner-full)}html .mat-border{border:1px solid var(--mat-sys-outline)}html .mat-border-subtle{border:1px solid var(--mat-sys-outline-variant)}html .mat-shadow-1{box-shadow:var(--mat-sys-level1)}html .mat-shadow-2{box-shadow:var(--mat-sys-level2)}html .mat-shadow-3{box-shadow:var(--mat-sys-level3)}html .mat-shadow-4{box-shadow:var(--mat-sys-level4)}html .mat-shadow-5{box-shadow:var(--mat-sys-level5)}html{--mat-focus-indicator-border-color: var(--mat-sys-secondary, black);--mat-focus-indicator-display: block}html .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,html .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,html .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}body{height:100%;min-height:100vh;color:var(--mat-sys-on-surface);font-weight:400;line-height:1.6;font-family:Roboto,Helvetica Neue,sans-serif}body.darkMode{color-scheme:dark}mat-sidenav-container{min-height:100vh}mat-sidenav-content,mat-sidenav{height:100%}mat-sidenav{width:320px!important}mat-paginator{width:100%}.cdk-overlay-backdrop.darker-backdrop{background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spacer{flex:1 1 auto}.logo{margin-top:.5rem}.logo img{width:40px;height:40px;border-radius:50%}.logo-social{margin-top:auto;cursor:pointer}.logo-social img{width:45px;height:45px}.no-content{background-color:var(--background-error-color);padding:3rem 0;border-radius:1rem;width:60%;margin:10% auto;text-align:center}.create-post-btn{text-align:center;margin:3rem 0 0}.mdc-list-item__content,.mdc-list-item__primary-text{white-space:inherit!important}