:root{--md-source: #315da8;--md-ref-palette-primary0: #000000;--md-ref-palette-primary10: #141b2c;--md-ref-palette-primary20: #293041;--md-ref-palette-primary25: #343b4d;--md-ref-palette-primary30: #3f4759;--md-ref-palette-primary35: #4b5265;--md-ref-palette-primary40: #565e71;--md-ref-palette-primary50: #6f778b;--md-ref-palette-primary60: #8991a5;--md-ref-palette-primary70: #a3abc0;--md-ref-palette-primary80: #bfc6dc;--md-ref-palette-primary90: #dbe2f9;--md-ref-palette-primary95: #edf0ff;--md-ref-palette-primary98: #f9f9ff;--md-ref-palette-primary99: #fefbff;--md-ref-palette-primary100: #ffffff;--md-ref-palette-secondary0: #000000;--md-ref-palette-secondary10: #141b2c;--md-ref-palette-secondary20: #293041;--md-ref-palette-secondary25: #343b4d;--md-ref-palette-secondary30: #3f4759;--md-ref-palette-secondary35: #4b5265;--md-ref-palette-secondary40: #565e71;--md-ref-palette-secondary50: #6f778b;--md-ref-palette-secondary60: #8991a5;--md-ref-palette-secondary70: #a3abc0;--md-ref-palette-secondary80: #bfc6dc;--md-ref-palette-secondary90: #dbe2f9;--md-ref-palette-secondary95: #edf0ff;--md-ref-palette-secondary98: #f9f9ff;--md-ref-palette-secondary99: #fefbff;--md-ref-palette-secondary100: #ffffff;--md-ref-palette-tertiary0: #000000;--md-ref-palette-tertiary10: #141b2c;--md-ref-palette-tertiary20: #293041;--md-ref-palette-tertiary25: #343b4d;--md-ref-palette-tertiary30: #3f4759;--md-ref-palette-tertiary35: #4b5265;--md-ref-palette-tertiary40: #565e71;--md-ref-palette-tertiary50: #6f778b;--md-ref-palette-tertiary60: #8991a5;--md-ref-palette-tertiary70: #a3abc0;--md-ref-palette-tertiary80: #bfc6dc;--md-ref-palette-tertiary90: #dbe2f9;--md-ref-palette-tertiary95: #edf0ff;--md-ref-palette-tertiary98: #f9f9ff;--md-ref-palette-tertiary99: #fefbff;--md-ref-palette-tertiary100: #ffffff;--md-ref-palette-neutral0: #000000;--md-ref-palette-neutral10: #1b1b1f;--md-ref-palette-neutral20: #303033;--md-ref-palette-neutral25: #3b3b3f;--md-ref-palette-neutral30: #46464a;--md-ref-palette-neutral35: #525256;--md-ref-palette-neutral40: #5e5e62;--md-ref-palette-neutral50: #77777a;--md-ref-palette-neutral60: #919094;--md-ref-palette-neutral70: #ababaf;--md-ref-palette-neutral80: #c7c6ca;--md-ref-palette-neutral90: #e3e2e6;--md-ref-palette-neutral95: #f2f0f4;--md-ref-palette-neutral98: #faf9fd;--md-ref-palette-neutral99: #fefbff;--md-ref-palette-neutral100: #ffffff;--md-ref-palette-neutral-variant0: #000000;--md-ref-palette-neutral-variant10: #191b22;--md-ref-palette-neutral-variant20: #2e3038;--md-ref-palette-neutral-variant25: #393b43;--md-ref-palette-neutral-variant30: #44474f;--md-ref-palette-neutral-variant35: #50525a;--md-ref-palette-neutral-variant40: #5c5e66;--md-ref-palette-neutral-variant50: #74777f;--md-ref-palette-neutral-variant60: #8e9099;--md-ref-palette-neutral-variant70: #a9abb4;--md-ref-palette-neutral-variant80: #c4c6d0;--md-ref-palette-neutral-variant90: #e1e2ec;--md-ref-palette-neutral-variant95: #eff0fa;--md-ref-palette-neutral-variant98: #f9f9ff;--md-ref-palette-neutral-variant99: #fefbff;--md-ref-palette-neutral-variant100: #ffffff;--md-ref-palette-error0: #000000;--md-ref-palette-error10: #410002;--md-ref-palette-error20: #690005;--md-ref-palette-error25: #7e0007;--md-ref-palette-error30: #93000a;--md-ref-palette-error35: #a80710;--md-ref-palette-error40: #ba1a1a;--md-ref-palette-error50: #de3730;--md-ref-palette-error60: #ff5449;--md-ref-palette-error70: #ff897d;--md-ref-palette-error80: #ffb4ab;--md-ref-palette-error90: #ffdad6;--md-ref-palette-error95: #ffedea;--md-ref-palette-error98: #fff8f7;--md-ref-palette-error99: #fffbff;--md-ref-palette-error100: #ffffff;--md-ref-palette-success0: #000000;--md-ref-palette-success10: #0c3200;--md-ref-palette-success20: #184400;--md-ref-palette-success25: #204e01;--md-ref-palette-success30: #285802;--md-ref-palette-success35: #306302;--md-ref-palette-success40: #386d03;--md-ref-palette-success45: #407704;--md-ref-palette-success50: #008000;--md-ref-palette-success55: #33aa33;--md-ref-palette-success60: #44aa44;--md-ref-palette-success70: #66cc66;--md-ref-palette-success80: #88dd88;--md-ref-palette-success90: #99dd99;--md-ref-palette-success95: #99ff99;--md-ref-palette-success98: #bbffbb;--md-ref-palette-success99: #ddffdd;--md-ref-palette-success100: #ffffff;--md-sys-color-background-light: #f9f9f9;--md-sys-color-on-background-light: #1b1b1b;--md-sys-color-secondary-on-background-light: #646464;--md-sys-color-surface-light: #f9f9f9;--md-sys-color-surface-dim-light: #dadada;--md-sys-color-surface-bright-light: #ffffff;--md-sys-color-surface-container-lowest-light: #f9f9f9;--md-sys-color-surface-container-low-light: #fafafa;--md-sys-color-surface-container-light: #fcfcfc;--md-sys-color-surface-container-high-light: #fefefe;--md-sys-color-surface-container-highest-light: #ffffff;--md-sys-color-on-surface-light: #1b1b1b;--md-sys-color-surface-variant-light: #e2e2e2;--md-sys-color-on-surface-variant-light: #474747;--md-sys-color-inverse-surface-light: #303030;--md-sys-color-inverse-on-surface-light: #f1f1f1;--md-sys-color-outline-light: #777777;--md-sys-color-outline-variant-light: #c6c6c6;--md-sys-color-shadow-light: #000000;--md-sys-color-scrim-light: #000000;--md-sys-color-surface-tint-light: #5e5e5e;--md-sys-color-primary-light: #000000;--md-sys-color-on-primary-light: #e2e2e2;--md-sys-color-primary-container-light: #3b3b3b;--md-sys-color-on-primary-container-light: #ffffff;--md-sys-color-inverse-primary-light: #c6c6c6;--md-sys-color-secondary-light: #5e5e5e;--md-sys-color-on-secondary-light: #ffffff;--md-sys-color-secondary-container-light: #d4d4d4;--md-sys-color-on-secondary-container-light: #1b1b1b;--md-sys-color-tertiary-light: #3b3b3b;--md-sys-color-on-tertiary-light: #e2e2e2;--md-sys-color-tertiary-container-light: #747474;--md-sys-color-on-tertiary-container-light: #ffffff;--md-sys-color-link-light: var(--md-sys-color-secondary-on-background-light);--md-sys-color-link-hovered-light: #202020;--md-sys-color-disabled-light: #9a9a9a;--md-sys-color-error-light: #ba1a1a;--md-sys-color-on-error-light: #ffffff;--md-sys-color-error-container-light: #ffdad6;--md-sys-color-on-error-container-light: #410002;--md-sys-color-success-light: #386d03;--md-sys-color-on-success-light: #ffffff;--md-sys-color-success-container-light: #bbffbb;--md-sys-color-on-success-container-light: #184400;--md-sys-color-background-dark: #131313;--md-sys-color-on-background-dark: #e2e2e2;--md-sys-color-secondary-on-background-dark: #898989;--md-sys-color-surface-dark: #131313;--md-sys-color-surface-dim-dark: #131313;--md-sys-color-surface-bright-dark: #393939;--md-sys-color-surface-container-lowest-dark: #131313;--md-sys-color-surface-container-low-dark: #1b1b1b;--md-sys-color-surface-container-dark: #1f1f1f;--md-sys-color-surface-container-high-dark: #2a2a2a;--md-sys-color-surface-container-highest-dark: #353535;--md-sys-color-on-surface-dark: #e2e2e2;--md-sys-color-surface-variant-dark: #474747;--md-sys-color-on-surface-variant-dark: #c6c6c6;--md-sys-color-inverse-surface-dark: #e2e2e2;--md-sys-color-inverse-on-surface-dark: #303030;--md-sys-color-outline-dark: #919191;--md-sys-color-outline-variant-dark: #474747;--md-sys-color-shadow-dark: #000000;--md-sys-color-scrim-dark: #000000;--md-sys-color-surface-tint-dark: #c6c6c6;--md-sys-color-primary-dark: #ffffff;--md-sys-color-on-primary-dark: #1b1b1b;--md-sys-color-primary-container-dark: #d4d4d4;--md-sys-color-on-primary-container-dark: #000000;--md-sys-color-inverse-primary-dark: #5e5e5e;--md-sys-color-secondary-dark: #c6c6c6;--md-sys-color-on-secondary-dark: #1b1b1b;--md-sys-color-secondary-container-dark: #474747;--md-sys-color-on-secondary-container-dark: #e2e2e2;--md-sys-color-tertiary-dark: #e2e2e2;--md-sys-color-on-tertiary-dark: #1b1b1b;--md-sys-color-tertiary-container-dark: #919191;--md-sys-color-on-tertiary-container-dark: #000000;--md-sys-color-link-dark: #9c9c9c;--md-sys-color-link-hovered-dark: #e0e0e0;--md-sys-color-disabled-dark: #6d6d6d;--md-sys-color-error-dark: #ffb4ab;--md-sys-color-on-error-dark: #690005;--md-sys-color-error-container-dark: #93000a;--md-sys-color-on-error-container-dark: #ffdad6;--md-sys-color-success-dark: #bbffbb;--md-sys-color-on-success-dark: #285802;--md-sys-color-success-container-dark: #407704;--md-sys-color-on-success-container-dark: #ddffdd;--my-brand-font: "Nunito", sans-serif;--my-headline-font: "Pacifico", cursive;--my-title-font: "Pacifico", cursive;--my-plain-font: "Nunito", sans-serif;--md-ref-typeface-brand: var(--my-brand-font);--md-ref-typeface-plain: var(--my-plain-font);--md-sys-typescale-headline-font: var(--my-headline-font);--md-sys-typescale-title-font: var(--my-title-font)}.primary{background-color:var(--md-sys-color-primary)}.primary-text{color:var(--md-sys-color-primary)}.on-primary{background-color:var(--md-sys-color-on-primary)}.on-primary-text{color:var(--md-sys-color-on-primary)}.primary-container{background-color:var(--md-sys-color-primary-container)}.primary-container-text{color:var(--md-sys-color-primary-container)}.on-primary-container{background-color:var(--md-sys-color-on-primary-container)}.on-primary-container-text{color:var(--md-sys-color-on-primary-container)}.secondary{background-color:var(--md-sys-color-secondary)}.secondary-text{color:var(--md-sys-color-secondary)}.on-secondary{background-color:var(--md-sys-color-on-secondary)}.on-secondary-text{color:var(--md-sys-color-on-secondary)}.secondary-container{background-color:var(--md-sys-color-secondary-container)}.secondary-container-text{color:var(--md-sys-color-secondary-container)}.on-secondary-container{background-color:var(--md-sys-color-on-secondary-container)}.on-secondary-container-text{color:var(--md-sys-color-on-secondary-container)}.tertiary{background-color:var(--md-sys-color-tertiary)}.tertiary-text{color:var(--md-sys-color-tertiary)}.on-tertiary{background-color:var(--md-sys-color-on-tertiary)}.on-tertiary-text{color:var(--md-sys-color-on-tertiary)}.tertiary-container{background-color:var(--md-sys-color-tertiary-container)}.tertiary-container-text{color:var(--md-sys-color-tertiary-container)}.on-tertiary-container{background-color:var(--md-sys-color-on-tertiary-container)}.on-tertiary-container-text{color:var(--md-sys-color-on-tertiary-container)}.error{background-color:var(--md-sys-color-error)}.error-text{color:var(--md-sys-color-error)}.error-container{background-color:var(--md-sys-color-error-container)}.error-container-text{color:var(--md-sys-color-error-container)}.on-error{background-color:var(--md-sys-color-on-error)}.on-error-text{color:var(--md-sys-color-on-error)}.on-error-container{background-color:var(--md-sys-color-on-error-container)}.on-error-container-text{color:var(--md-sys-color-on-error-container)}.success{background-color:var(--md-sys-color-success)}.success-text{color:var(--md-sys-color-success)}.success-container{background-color:var(--md-sys-color-success-container)}.success-container-text{color:var(--md-sys-color-success-container)}.on-success{background-color:var(--md-sys-color-on-success)}.on-success-text{color:var(--md-sys-color-on-success)}.on-success-container{background-color:var(--md-sys-color-on-success-container)}.on-success-container-text{color:var(--md-sys-color-on-success-container)}.background{background-color:var(--md-sys-color-background)}.background-text{color:var(--md-sys-color-background)}.on-background{background-color:var(--md-sys-color-on-background)}.on-background-text{color:var(--md-sys-color-on-background)}.surface{background-color:var(--md-sys-color-surface)}.surface-text{color:var(--md-sys-color-surface)}.on-surface{background-color:var(--md-sys-color-on-surface)}.on-surface-text{color:var(--md-sys-color-on-surface)}.surface-variant{background-color:var(--md-sys-color-surface-variant)}.surface-variant-text{color:var(--md-sys-color-surface-variant)}.on-surface-variant{background-color:var(--md-sys-color-on-surface-variant)}.on-surface-variant-text{color:var(--md-sys-color-on-surface-variant)}.outline{background-color:var(--md-sys-color-outline)}.outline-text{color:var(--md-sys-color-outline)}.inverse-on-surface{background-color:var(--md-sys-color-inverse-on-surface)}.inverse-on-surface-text{color:var(--md-sys-color-inverse-on-surface)}.inverse-surface{background-color:var(--md-sys-color-inverse-surface)}.inverse-surface-text{color:var(--md-sys-color-inverse-surface)}.inverse-primary{background-color:var(--md-sys-color-inverse-primary)}.inverse-primary-text{color:var(--md-sys-color-inverse-primary)}.shadow{background-color:var(--md-sys-color-shadow)}.shadow-text{color:var(--md-sys-color-shadow)}.surface-tint{background-color:var(--md-sys-color-surface-tint)}.surface-tint-text{color:var(--md-sys-color-surface-tint)}.outline-variant{background-color:var(--md-sys-color-outline-variant)}.outline-variant-text{color:var(--md-sys-color-outline-variant)}.scrim{background-color:var(--md-sys-color-scrim)}.scrim-text{color:var(--md-sys-color-scrim)}.display-large{font-family:var(--md-sys-typescale-display-large-font-family-name);font-style:var(--md-sys-typescale-display-large-font-family-style);font-weight:var(--md-sys-typescale-display-large-font-weight);font-size:var(--md-sys-typescale-display-large-font-size);letter-spacing:var(--md-sys-typescale-display-large-tracking);line-height:var(--md-sys-typescale-display-large-height);text-transform:var(--md-sys-typescale-display-large-text-transform);text-decoration:var(--md-sys-typescale-display-large-text-decoration)}.display-medium{font-family:var(--md-sys-typescale-display-medium-font-family-name);font-style:var(--md-sys-typescale-display-medium-font-family-style);font-weight:var(--md-sys-typescale-display-medium-font-weight);font-size:var(--md-sys-typescale-display-medium-font-size);letter-spacing:var(--md-sys-typescale-display-medium-tracking);line-height:var(--md-sys-typescale-display-medium-height);text-transform:var(--md-sys-typescale-display-medium-text-transform);text-decoration:var(--md-sys-typescale-display-medium-text-decoration)}.display-small{font-family:var(--md-sys-typescale-display-small-font-family-name);font-style:var(--md-sys-typescale-display-small-font-family-style);font-weight:var(--md-sys-typescale-display-small-font-weight);font-size:var(--md-sys-typescale-display-small-font-size);letter-spacing:var(--md-sys-typescale-display-small-tracking);line-height:var(--md-sys-typescale-display-small-height);text-transform:var(--md-sys-typescale-display-small-text-transform);text-decoration:var(--md-sys-typescale-display-small-text-decoration)}.headline-large{font-family:var(--md-sys-typescale-headline-large-font-family-name);font-style:var(--md-sys-typescale-headline-large-font-family-style);font-weight:var(--md-sys-typescale-headline-large-font-weight);font-size:var(--md-sys-typescale-headline-large-font-size);letter-spacing:var(--md-sys-typescale-headline-large-tracking);line-height:var(--md-sys-typescale-headline-large-height);text-transform:var(--md-sys-typescale-headline-large-text-transform);text-decoration:var(--md-sys-typescale-headline-large-text-decoration)}.headline-medium{font-family:var(--md-sys-typescale-headline-medium-font-family-name);font-style:var(--md-sys-typescale-headline-medium-font-family-style);font-weight:var(--md-sys-typescale-headline-medium-font-weight);font-size:var(--md-sys-typescale-headline-medium-font-size);letter-spacing:var(--md-sys-typescale-headline-medium-tracking);line-height:var(--md-sys-typescale-headline-medium-height);text-transform:var(--md-sys-typescale-headline-medium-text-transform);text-decoration:var(--md-sys-typescale-headline-medium-text-decoration)}.headline-small{font-family:var(--md-sys-typescale-headline-small-font-family-name);font-style:var(--md-sys-typescale-headline-small-font-family-style);font-weight:var(--md-sys-typescale-headline-small-font-weight);font-size:var(--md-sys-typescale-headline-small-font-size);letter-spacing:var(--md-sys-typescale-headline-small-tracking);line-height:var(--md-sys-typescale-headline-small-height);text-transform:var(--md-sys-typescale-headline-small-text-transform);text-decoration:var(--md-sys-typescale-headline-small-text-decoration)}.body-large{font-family:var(--md-sys-typescale-body-large-font-family-name);font-style:var(--md-sys-typescale-body-large-font-family-style);font-weight:var(--md-sys-typescale-body-large-font-weight);font-size:var(--md-sys-typescale-body-large-font-size);letter-spacing:var(--md-sys-typescale-body-large-tracking);line-height:var(--md-sys-typescale-body-large-height);text-transform:var(--md-sys-typescale-body-large-text-transform);text-decoration:var(--md-sys-typescale-body-large-text-decoration)}.body-medium{font-family:var(--md-sys-typescale-body-medium-font-family-name);font-style:var(--md-sys-typescale-body-medium-font-family-style);font-weight:var(--md-sys-typescale-body-medium-font-weight);font-size:var(--md-sys-typescale-body-medium-font-size);letter-spacing:var(--md-sys-typescale-body-medium-tracking);line-height:var(--md-sys-typescale-body-medium-height);text-transform:var(--md-sys-typescale-body-medium-text-transform);text-decoration:var(--md-sys-typescale-body-medium-text-decoration)}.body-small{font-family:var(--md-sys-typescale-body-small-font-family-name);font-style:var(--md-sys-typescale-body-small-font-family-style);font-weight:var(--md-sys-typescale-body-small-font-weight);font-size:var(--md-sys-typescale-body-small-font-size);letter-spacing:var(--md-sys-typescale-body-small-tracking);line-height:var(--md-sys-typescale-body-small-height);text-transform:var(--md-sys-typescale-body-small-text-transform);text-decoration:var(--md-sys-typescale-body-small-text-decoration)}.label-large{font-family:var(--md-sys-typescale-label-large-font-family-name);font-style:var(--md-sys-typescale-label-large-font-family-style);font-weight:var(--md-sys-typescale-label-large-font-weight);font-size:var(--md-sys-typescale-label-large-font-size);letter-spacing:var(--md-sys-typescale-label-large-tracking);line-height:var(--md-sys-typescale-label-large-height);text-transform:var(--md-sys-typescale-label-large-text-transform);text-decoration:var(--md-sys-typescale-label-large-text-decoration)}.label-medium{font-family:var(--md-sys-typescale-label-medium-font-family-name);font-style:var(--md-sys-typescale-label-medium-font-family-style);font-weight:var(--md-sys-typescale-label-medium-font-weight);font-size:var(--md-sys-typescale-label-medium-font-size);letter-spacing:var(--md-sys-typescale-label-medium-tracking);line-height:var(--md-sys-typescale-label-medium-height);text-transform:var(--md-sys-typescale-label-medium-text-transform);text-decoration:var(--md-sys-typescale-label-medium-text-decoration)}.label-small{font-family:var(--md-sys-typescale-label-small-font-family-name);font-style:var(--md-sys-typescale-label-small-font-family-style);font-weight:var(--md-sys-typescale-label-small-font-weight);font-size:var(--md-sys-typescale-label-small-font-size);letter-spacing:var(--md-sys-typescale-label-small-tracking);line-height:var(--md-sys-typescale-label-small-height);text-transform:var(--md-sys-typescale-label-small-text-transform);text-decoration:var(--md-sys-typescale-label-small-text-decoration)}.title-large{font-family:var(--md-sys-typescale-title-large-font-family-name);font-style:var(--md-sys-typescale-title-large-font-family-style);font-weight:var(--md-sys-typescale-title-large-font-weight);font-size:var(--md-sys-typescale-title-large-font-size);letter-spacing:var(--md-sys-typescale-title-large-tracking);line-height:var(--md-sys-typescale-title-large-height);text-transform:var(--md-sys-typescale-title-large-text-transform);text-decoration:var(--md-sys-typescale-title-large-text-decoration)}.title-medium{font-family:var(--md-sys-typescale-title-medium-font-family-name);font-style:var(--md-sys-typescale-title-medium-font-family-style);font-weight:var(--md-sys-typescale-title-medium-font-weight);font-size:var(--md-sys-typescale-title-medium-font-size);letter-spacing:var(--md-sys-typescale-title-medium-tracking);line-height:var(--md-sys-typescale-title-medium-height);text-transform:var(--md-sys-typescale-title-medium-text-transform);text-decoration:var(--md-sys-typescale-title-medium-text-decoration)}.title-small{font-family:var(--md-sys-typescale-title-small-font-family-name);font-style:var(--md-sys-typescale-title-small-font-family-style);font-weight:var(--md-sys-typescale-title-small-font-weight);font-size:var(--md-sys-typescale-title-small-font-size);letter-spacing:var(--md-sys-typescale-title-small-tracking);line-height:var(--md-sys-typescale-title-small-height);text-transform:var(--md-sys-typescale-title-small-text-transform);text-decoration:var(--md-sys-typescale-title-small-text-decoration)}@media(prefers-color-scheme:light){:root{--md-sys-color-background: var(--md-sys-color-background-light);--md-sys-color-on-background: var(--md-sys-color-on-background-light);--md-sys-color-secondary-on-background: var( --md-sys-color-secondary-on-background-light );--md-sys-color-surface: var(--md-sys-color-surface-light);--md-sys-color-surface-dim: var(--md-sys-color-surface-dim-light);--md-sys-color-surface-bright: var(--md-sys-color-surface-bright-light);--md-sys-color-surface-container-lowest: var( --md-sys-color-surface-container-lowest-light );--md-sys-color-surface-container-low: var( --md-sys-color-surface-container-low-light );--md-sys-color-surface-container: var(--md-sys-color-surface-container-light);--md-sys-color-surface-container-high: var( --md-sys-color-surface-container-high-light );--md-sys-color-surface-container-highest: var( --md-sys-color-surface-container-highest-light );--md-sys-color-on-surface: var(--md-sys-color-on-surface-light);--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);--md-sys-color-on-surface-variant: var( --md-sys-color-on-surface-variant-light );--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);--md-sys-color-inverse-on-surface: var( --md-sys-color-inverse-on-surface-light );--md-sys-color-outline: var(--md-sys-color-outline-light);--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);--md-sys-color-shadow: var(--md-sys-color-shadow-light);--md-sys-color-scrim: var(--md-sys-color-scrim-light);--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);--md-sys-color-primary: var(--md-sys-color-primary-light);--md-sys-color-on-primary: var(--md-sys-color-on-primary-light);--md-sys-color-primary-container: var(--md-sys-color-primary-container-light);--md-sys-color-on-primary-container: var( --md-sys-color-on-primary-container-light );--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);--md-sys-color-secondary: var(--md-sys-color-secondary-light);--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);--md-sys-color-secondary-container: var( --md-sys-color-secondary-container-light );--md-sys-color-on-secondary-container: var( --md-sys-color-on-secondary-container-light );--md-sys-color-tertiary: var(--md-sys-color-tertiary-light);--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);--md-sys-color-tertiary-container: var( --md-sys-color-tertiary-container-light );--md-sys-color-on-tertiary-container: var( --md-sys-color-on-tertiary-container-light );--md-sys-color-link: var(--md-sys-color-link-light);--md-sys-color-link-hovered: var(--md-sys-color-link-hovered-light);--md-sys-color-disabled: var(--md-sys-color-disabled-light);--md-sys-color-error: var(--md-sys-color-error-light);--md-sys-color-on-error: var(--md-sys-color-on-error-light);--md-sys-color-error-container: var(--md-sys-color-error-container-light);--md-sys-color-on-error-container: var( --md-sys-color-on-error-container-light );--md-sys-color-success: var(--md-sys-color-success-light);--md-sys-color-on-success: var(--md-sys-color-on-success-light);--md-sys-color-success-container: var(--md-sys-color-success-container-light);--md-sys-color-on-success-container: var( --md-sys-color-on-success-container-light )}}@media(prefers-color-scheme:dark){:root{--md-sys-color-background: var(--md-sys-color-background-dark);--md-sys-color-on-background: var(--md-sys-color-on-background-dark);--md-sys-color-secondary-on-background: var( --md-sys-color-secondary-on-background-dark );--md-sys-color-surface: var(--md-sys-color-surface-dark);--md-sys-color-surface-dim: var(--md-sys-color-surface-dim-dark);--md-sys-color-surface-bright: var(--md-sys-color-surface-bright-dark);--md-sys-color-surface-container-lowest: var( --md-sys-color-surface-container-lowest-dark );--md-sys-color-surface-container-low: var( --md-sys-color-surface-container-low-dark );--md-sys-color-surface-container: var(--md-sys-color-surface-container-dark);--md-sys-color-surface-container-high: var( --md-sys-color-surface-container-high-dark );--md-sys-color-surface-container-highest: var( --md-sys-color-surface-container-highest-dark );--md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);--md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);--md-sys-color-on-surface-variant: var( --md-sys-color-on-surface-variant-dark );--md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);--md-sys-color-inverse-on-surface: var( --md-sys-color-inverse-on-surface-dark );--md-sys-color-outline: var(--md-sys-color-outline-dark);--md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);--md-sys-color-shadow: var(--md-sys-color-shadow-dark);--md-sys-color-scrim: var(--md-sys-color-scrim-dark);--md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);--md-sys-color-primary: var(--md-sys-color-primary-dark);--md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);--md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);--md-sys-color-on-primary-container: var( --md-sys-color-on-primary-container-dark );--md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);--md-sys-color-secondary: var(--md-sys-color-secondary-dark);--md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);--md-sys-color-secondary-container: var( --md-sys-color-secondary-container-dark );--md-sys-color-on-secondary-container: var( --md-sys-color-on-secondary-container-dark );--md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);--md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);--md-sys-color-tertiary-container: var( --md-sys-color-tertiary-container-dark );--md-sys-color-on-tertiary-container: var( --md-sys-color-on-tertiary-container-dark );--md-sys-color-link: var(--md-sys-color-link-dark);--md-sys-color-link-hovered: var(--md-sys-color-link-hovered-dark);--md-sys-color-disabled: var(--md-sys-color-disabled-dark);--md-sys-color-error: var(--md-sys-color-error-dark);--md-sys-color-on-error: var(--md-sys-color-on-error-dark);--md-sys-color-error-container: var(--md-sys-color-error-container-dark);--md-sys-color-on-error-container: var( --md-sys-color-on-error-container-dark );--md-sys-color-success: var(--md-sys-color-success-dark);--md-sys-color-on-success: var(--md-sys-color-on-success-dark);--md-sys-color-success-container: var(--md-sys-color-success-container-dark);--md-sys-color-on-success-container: var( --md-sys-color-on-success-container-dark )}}:root{height:100%;width:100%;font-family:var(--md-ref-typeface-brand);line-height:1.5;font-size:16px;color-scheme:light dark;color:var(--md-sys-color-on-background);background-color:var(--md-sys-color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--md-elevation-level: 1}a{font-weight:500;color:var(--md-sys-color-link);text-decoration:inherit}a.icon,a:hover,a:focus,a:active,a.active{color:var(--md-sys-color-link-hovered)}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent;font-family:Nunito,sans-serif}input,textarea{border-radius:5px;border:none;font-size:1rem;margin:0 .3rem;padding:.3rem}input:focus-visible,textarea:focus-visible{outline:none;border:none}textarea{resize:none}body{margin:0;display:flex;place-items:center;width:100%;height:100%}#root{height:100%;width:100%}h1{font-size:3rem;font-weight:800;line-height:1.1}button{border-radius:0;border:none;color:var(--md-sys-color-link-hovered);padding:.3rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:disabled{color:var(--md-sys-color-disabled);cursor:default}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 40}.instructions,.secondary-text{color:var(--md-sys-color-secondary-on-background)}.red{color:red}md-list-item{border-radius:6px}.react-tooltip{z-index:2}.App{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;width:100%;--md-dialog-container-shape: 4px}.App-header{display:grid;grid:[row-start] "notifications hero settings" [row-end] / 3rem auto 3rem;width:100%}.App-header>h1{cursor:pointer;font-family:Pacifico,cursive;grid-area:hero;margin:1rem 0;place-self:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.App-notifications{display:flex;grid-area:notifications;margin:1rem;place-self:start start;height:40px;width:40px;font-size:40px}.App-settings{display:flex;align-items:center;justify-content:center;grid-area:settings;margin:1rem;place-self:start end;height:40px;width:40px;font-size:40px}.App-main{display:flex;flex:1 1 auto;flex-flow:column nowrap;align-items:center;width:100%}.ErrorSnackbar{align-items:center;background-color:var(--md-sys-color-inverse-surface);border-radius:12px;bottom:2rem;color:var(--md-sys-color-inverse-on-surface);display:flex;font-size:.75rem;justify-content:space-between;padding:.1rem .5rem;position:fixed;width:20rem;max-width:90%;min-width:50%;z-index:100}.ErrorSnackbar-close-button{--_icon-color: var(--md-sys-color-inverse-on-surface)}.Home-nav{margin-bottom:1.8rem}.Home-content{display:flex;flex:1 1 auto;flex-flow:column nowrap;align-items:center;height:100%;width:100%;max-width:90%}.Notifications-button.active{--md-icon-button-icon-color: rgba(24, 216, 255, .7)}.Notifications-dialog{width:20rem;max-width:90%;min-width:30%;text-align:left}.Notifications-headline{justify-content:space-between}.Notifications-list{text-align:left;background-color:var(--md-sys-color-surface-container-high);--md-list-container-color: var(--md-sys-color-surface-container-high);--md-list-item-label-text-color: var(--md-sys-color-on-surface)}.Splash{display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:2rem;width:20rem;min-width:50%;max-width:90%}.Splash-button{background-color:transparent;border-radius:50%;display:flex;padding:0;position:relative;margin:1.8rem 0;font:inherit;outline:inherit;transition:background-color .5s ease-out}.Splash-button.on{background-color:#18d8ffb3;color:inherit;box-shadow:0 0 25px 25px #2dd8ffb3;animation:pulsate 8s ease-out infinite}.Splash-button-image{height:60vh;width:60vh;max-height:80vw;max-width:80vw}.Splash-auth-button{margin:1rem .5rem 0}.TermsOfUse{text-align:left;width:20rem;max-width:90%;min-width:50%}.UserMenu-button{height:1.75rem;width:1.75rem}.UserMenu-profile-pic{height:1.75rem;width:1.75rem;border-radius:50%}.UserMenu-menu{background-color:var(--md-sys-color-surface-container);--md-menu-container-color: var(--md-sys-color-surface-container);--md-menu-container-shape: .75rem;min-width:23.5rem;text-align:left}.UserMenu-menu-item{--md-menu-item-leading-icon-color: var(--md-sys-color-link);--md-menu-item-trailing-icon-color: var(--md-sys-color-link);--md-menu-item-label-text-color: var(--md-sys-color-link);border-bottom:1px solid var(--md-sys-color-inverse-on-surface)}.UserMenu-menu-item-icon{height:1rem;width:1rem;font-size:1rem}.UserMenu-menu-text{font-size:.8125rem}.UserMenu-footer{display:flex;flex-flow:row nowrap;font-size:.8125rem;justify-content:center;align-items:center;padding-top:8px;gap:2rem}.PrivacyPolicy{text-align:left;width:20rem;max-width:90%;min-width:50%}.Channel{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:20rem;max-width:90%;min-width:30%}.Channel-button{background-color:transparent;border-radius:50%;padding:0;position:relative;margin-bottom:1.8rem;font:inherit;outline:inherit;height:60vh;width:60vh;max-height:80vw;max-width:80vw;transition:background-color .5s ease-out}.Channel-button.on{background-color:#18d8ffb3;color:inherit;box-shadow:0 0 25px 25px #2dd8ffb3;animation:pulsate 8s ease-out infinite}.Channel-delete-section,.Channel-subscribe-button{margin-bottom:1.8rem}@keyframes pulsate{0%{box-shadow:0 0 0 .01px #18d8ff4d}30%{box-shadow:0 0 25px 25px #18d8ff4d}70%{box-shadow:0 0 0 .01px #18d8ff4d}to{box-shadow:0 0 0 .01px #18d8ff4d}}@-webkit-keyframes pulsate{0%{box-shadow:0 0 0 .01px #18d8ff4d}30%{box-shadow:0 0 25px 25px #18d8ff4d}70%{box-shadow:0 0 0 .01px #18d8ff4d}to{box-shadow:0 0 0 .01px #18d8ff4d}}.Channel-button-image{height:60vh;width:60vh;max-height:80vw;max-width:80vw}.Channel-duration-display{display:flex;flex-flow:column nowrap;font-size:1.5rem}.Channel-duration-display>*{margin-bottom:1.8rem}.ChannelHeader{column-gap:1rem;display:grid;grid:[row-start] "edit title share" [row-end] / 2rem auto 2rem;width:100%;margin-bottom:1rem;align-items:center}.ChannelHeader-title{grid-area:title;margin:0}.ChannelHeader-icon-off{opacity:.3}.ChannelHeader-icon-on{background-color:#18d8ffb3;border-radius:100%;box-shadow:0 0 2px 2px #2dd8ffb3;animation:pulsate-mini 8s ease-out infinite}@keyframes pulsate-mini{0%{box-shadow:0 0 0 .01px #18d8ff4d}30%{box-shadow:0 0 5px 5px #18d8ff4d}70%{box-shadow:0 0 0 .01px #18d8ff4d}to{box-shadow:0 0 0 .01px #18d8ff4d}}@-webkit-keyframes pulsate-mini{0%{box-shadow:0 0 0 .01px #18d8ff4d}30%{box-shadow:0 0 5px 5px #18d8ff4d}70%{box-shadow:0 0 0 .01px #18d8ff4d}to{box-shadow:0 0 0 .01px #18d8ff4d}}.ChannelHeader-edit{grid-area:edit;display:flex;justify-content:center;align-items:start}.ChannelHeader-edit-wrapper{display:flex;justify-content:space-between}.ChannelHeader-share{grid-area:share;display:flex;justify-content:center;align-items:start;padding:1.5rem 0}.ShareChannelButton{align-items:center;display:flex;justify-content:center;flex-flow:column nowrap;position:relative}.ShareChannelButton.large{height:4rem;justify-content:start}.ShareChannelButton-copied{cursor:default;font-size:.7rem;margin-top:.2rem;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;position:absolute;top:40px}.ShareChannelButton-copied.hidden{color:#0000}.ChannelNote{column-gap:1rem;display:grid;grid:[row-start] ". note actions" [row-end] / 2rem auto 2rem;margin-bottom:1.8rem;width:100%}.ChannelNote-note{grid-area:note}.ChannelSubscribers{border-radius:12px;position:relative;width:100%;text-align:left}.ChannelSubscribers-list{border-radius:12px}.ChannelSubscribers-list-item{position:relative}.ChannelSubscribers-spinner-container{display:flex;padding-top:1rem;text-align:center}.ChannelSubscriber{position:relative}.EditChannel{display:flex;flex-flow:column nowrap;align-items:center}.EditChannel-header-title-input{resize:both;text-align:left;height:min-content;width:100%;margin-bottom:1.8rem}.EditChannel-note-input{margin-bottom:1.8rem;resize:both;text-align:left}.EditChannel-options{display:flex;gap:1rem}.EditChannel-capacity-input{margin-bottom:1.8rem;width:10rem}.EditChannel-capacity-info-anchor{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem}.EditChannel-capacity-info-icon{height:1rem;width:1rem;font-size:1rem}.EditChannel-duration-select{min-width:10rem;margin-bottom:1.8rem}.EditChannel-duration-select md-select-option{min-width:10rem}.EditChannel-save-section{display:flex;justify-content:center;gap:2rem;margin-bottom:1.8rem}.EditChannel-header-button-close{--md-icon-button-icon-color: var(--md-sys-color-error, red);--_disabled-icon-color: var(--md-sys-color-error, red);--_selected-focus-icon-color: var(--md-sys-color-error, red);--_selected-hover-icon-color: var(--md-sys-color-error, red);--_selected-hover-state-layer-color: var(--md-sys-color-error, red);--_selected-icon-color: var(--md-sys-color-error, red);--_selected-pressed-icon-color: var(--md-sys-color-error, red);--_focus-icon-color: var(--md-sys-color-error, red);--_hover-icon-color: var(--md-sys-color-error, red);--_hover-state-layer-color: var(--md-sys-color-error, red);--_icon-color: var(--md-sys-color-error, red);--_pressed-icon-color: var(--md-sys-color-error, red);--_pressed-state-layer-color: var(--md-sys-color-error, red);--_selected-pressed-state-layer-color: var(--md-sys-color-error, red)}.EditChannel-header-button-save{--md-icon-button-icon-color: var(--md-sys-color-success, green);--_disabled-icon-color: var(--md-sys-color-success, green);--_selected-focus-icon-color: var(--md-sys-color-success, green);--_selected-hover-icon-color: var(--md-sys-color-success, green);--_selected-hover-state-layer-color: var(--md-sys-color-success, green);--_selected-icon-color: var(--md-sys-color-success, green);--_selected-pressed-icon-color: var(--md-sys-color-success, green);--_focus-icon-color: var(--md-sys-color-success, green);--_hover-icon-color: var(--md-sys-color-success, green);--_hover-state-layer-color: var(--md-sys-color-success, green);--_icon-color: var(--md-sys-color-success, green);--_pressed-icon-color: var(--md-sys-color-success, green);--_pressed-state-layer-color: var(--md-sys-color-success, green);--_selected-pressed-state-layer-color: var(--md-sys-color-success, green)}.EditChannel-button-close{--md-outlined-button-outline-color: var(--md-sys-color-error, red);--md-outlined-button-label-text-color: var(--md-sys-color-error, red);--_disabled-icon-color: var(--md-sys-color-error, red);--_disabled-label-text-color: var(--md-sys-color-error, red);--_disabled-outline-color: var(--md-sys-color-error, red);--_selected-focus-icon-color: var(--md-sys-color-error, red);--_selected-hover-icon-color: var(--md-sys-color-error, red);--_selected-hover-state-layer-color: var(--md-sys-color-error, red);--_selected-icon-color: var(--md-sys-color-error, red);--_selected-pressed-icon-color: var(--md-sys-color-error, red);--_focus-icon-color: var(--md-sys-color-error, red);--_focus-label-text-color: var(--md-sys-color-error, red);--_hover-icon-color: var(--md-sys-color-error, red);--_hover-state-layer-color: var(--md-sys-color-error, red);--_hover-label-text-color: var(--md-sys-color-error, red);--_icon-color: var(--md-sys-color-error, red);--_pressed-icon-color: var(--md-sys-color-error, red);--_pressed-state-layer-color: var(--md-sys-color-error, red);--_pressed-label-text-color: var(--md-sys-color-error, red);--_pressed-outline-color: var(--md-sys-color-error, red);--_selected-pressed-state-layer-color: var(--md-sys-color-error, red)}.EditChannel-button-save{--md-outlined-button-outline-color: var(--md-sys-color-success, green);--md-outlined-button-label-text-color: var(--md-sys-color-success, green);--_disabled-label-text-color: var(--md-sys-color-success, green);--_disabled-icon-color: var(--md-sys-color-success, green);--_disabled-outline-color: var(--md-sys-color-success, green);--_selected-focus-icon-color: var(--md-sys-color-success, green);--_selected-hover-icon-color: var(--md-sys-color-success, green);--_selected-hover-state-layer-color: var(--md-sys-color-success, green);--_selected-icon-color: var(--md-sys-color-success, green);--_selected-pressed-icon-color: var(--md-sys-color-success, green);--_focus-icon-color: var(--md-sys-color-success, green);--_focus-label-text-color: var(--md-sys-color-success, green);--_hover-icon-color: var(--md-sys-color-success, green);--_hover-state-layer-color: var(--md-sys-color-success, green);--_hover-label-text-color: var(--md-sys-color-success, green);--_icon-color: var(--md-sys-color-success, green);--_pressed-icon-color: var(--md-sys-color-success, green);--_pressed-state-layer-color: var(--md-sys-color-success, green);--_pressed-label-text-color: var(--md-sys-color-success, green);--_pressed-outline-color: var(--md-sys-color-success, green);--_selected-pressed-state-layer-color: var(--md-sys-color-success, green)}.DeleteChannelButton-button{--md-sys-color-primary: var(--md-sys-color-error)}.DeleteChannelButton-confirmation-content{text-align:left}.Channels{border-radius:12px;width:20rem;max-width:90%;min-width:50%;position:relative}.Channels-nux-text{margin:3rem 1rem}.Channels-list{border-radius:12px}.Channels-list-item{text-align:left}.Channels-list-item-off{opacity:.3}.Channels-list-item-on{background-color:#18d8ff80;border-radius:100%;box-shadow:inset 0 0 2px var(--md-sys-color-on-surface)}.Channels-list-item-subscribers{display:flex;flex-flow:row nowrap;align-items:center;column-gap:1rem}.Subscriptions{border-radius:12px;width:20rem;max-width:90%;min-width:50%;position:relative}.Subscriptions-list{border-radius:12px}.Subscriptions-list-item{text-align:left}.Subscriptions-list-item-on{background-color:#18d8ff80;border-radius:100%;box-shadow:inset 0 0 2px var(--md-sys-color-on-surface)}.Subscriptions-list-item-off{opacity:.3}.Profile{margin-bottom:32px}.Profile-button-icon{font-size:16px;height:inherit;width:inherit}.NotificationSettings-heading{border-bottom:1px solid rgba(224,224,224,.07);box-sizing:border-box;margin:0;padding:0px 0px 1rem;font-family:inherit;letter-spacing:normal;font-weight:700;font-size:1.0625rem;line-height:1.41176}.NotificationSettings-list{background:none;text-align:left}@media(prefers-color-scheme:light){.NotificationSettings-heading{border-bottom:1px solid rgba(0,0,0,.07)}}.About{width:20rem;max-width:90%;min-width:60%}.About-example-card{position:relative;width:fit-content;padding:4px 32px;margin:0 auto 2rem;border-radius:12px;background-color:var(--md-sys-color-surface-container)}.CSAEPolicy{text-align:left;width:20rem;max-width:90%;min-width:50%}