:root {
  --hrt-color-border-accent-blue-strong-on-medium: #1c456b;
  --hrt-color-border-accent-pink-strong-on-medium: #7e1946;
  --hrt-color-border-accent-purple-strong-on-medium: #642878;
  --hrt-color-border-accent-yellow-strong-on-medium: #4d4216;
  --hrt-color-border-brand: #4a9d44;
  --hrt-color-border-brand-strong: #274a34;
  --hrt-color-border-brand-subtle: #ccf88e;
  --hrt-color-border-disabled: #d8d8d8;
  --hrt-color-border-disabled-on-strong: #fff3;
  --hrt-color-border-feature: #81379b;
  --hrt-color-border-feature-strong: #642878;
  --hrt-color-border-feature-subtle: #eccff6;
  --hrt-color-border-focused: #232323;
  --hrt-color-border-green: #ccf88e;
  --hrt-color-border-implied: #fff;
  --hrt-color-border-implied-hover: #d8d8d8;
  --hrt-color-border-implied-hover-on-strong: #fff;
  --hrt-color-border-implied-on-default: #fff;
  --hrt-color-border-implied-on-default-hover: #efefef;
  --hrt-color-border-indigo: #a7e3e3;
  --hrt-color-border-informative: #185b93;
  --hrt-color-border-informative-strong: #1c456b;
  --hrt-color-border-informative-subtle: #a7e3e3;
  --hrt-color-border-negative: #b01509;
  --hrt-color-border-negative-strong: #880e06;
  --hrt-color-border-negative-subtle: #fbcebb;
  --hrt-color-border-neutral: #b7b7b6;
  --hrt-color-border-neutral-medium: #b7b7b6;
  --hrt-color-border-neutral-medium-hover: #585858;
  --hrt-color-border-neutral-on-subtle: #6f6f6f;
  --hrt-color-border-neutral-strong: #424242;
  --hrt-color-border-neutral-subtle: #d8d8d8;
  --hrt-color-border-on-strong: #fff;
  --hrt-color-border-positive: #2d6339;
  --hrt-color-border-positive-strong: #274a34;
  --hrt-color-border-positive-subtle: #ccf88e;
  --hrt-color-border-purple: #eccff6;
  --hrt-color-border-red: #fbcebb;
  --hrt-color-border-selected: #232323;
  --hrt-color-border-tip: #68570d;
  --hrt-color-border-tip-strong: #4d4216;
  --hrt-color-border-tip-subtle: #ffd863;
  --hrt-color-border-unselected: #8d8c8b;
  --hrt-color-border-yellow: #ffd863;
  --hrt-color-drop-shadow: #1717171a;
  --hrt-color-drop-shadow-brand: #e9fcce;
  --hrt-color-icon-accent-blue-on-strong: #a7e3e3;
  --hrt-color-icon-accent-blue-strong-on-medium: #1c456b;
  --hrt-color-icon-accent-pink-on-strong: #ffd863;
  --hrt-color-icon-accent-pink-strong-on-medium: #7e1946;
  --hrt-color-icon-accent-purple-on-strong: #eccff6;
  --hrt-color-icon-accent-purple-strong-on-medium: #642878;
  --hrt-color-icon-accent-yellow-on-strong: #ffd863;
  --hrt-color-icon-accent-yellow-strong-on-medium: #4d4216;
  --hrt-color-icon-brand: #4a9d44;
  --hrt-color-icon-brand-active: #0b291a;
  --hrt-color-icon-brand-hover: #2d6339;
  --hrt-color-icon-brand-on-strong: #ccf88e;
  --hrt-color-icon-brand-strong: #274a34;
  --hrt-color-icon-default: #232323;
  --hrt-color-icon-default-on-strong: #fff;
  --hrt-color-icon-disabled: #b7b7b6;
  --hrt-color-icon-disabled-on-disabled-on-strong: #585858;
  --hrt-color-icon-disabled-on-strong: #fff6;
  --hrt-color-icon-feature: #a048c0;
  --hrt-color-icon-feature-on-strong: #f8effc;
  --hrt-color-icon-feature-strong: #642878;
  --hrt-color-icon-informative: #185b93;
  --hrt-color-icon-informative-on-strong: #e1f6f6;
  --hrt-color-icon-informative-strong: #1c456b;
  --hrt-color-icon-negative: #b01509;
  --hrt-color-icon-negative-on-strong: #fef0ea;
  --hrt-color-icon-negative-strong: #880e06;
  --hrt-color-icon-neutral-on-strong: #fff;
  --hrt-color-icon-neutral-strong: #424242;
  --hrt-color-icon-on-brand: #ccf88e;
  --hrt-color-icon-on-disabled: #8d8c8b;
  --hrt-color-icon-on-overlay: #fff;
  --hrt-color-icon-on-strong: #fff;
  --hrt-color-icon-positive: #2d6339;
  --hrt-color-icon-positive-strong: #274a34;
  --hrt-color-icon-strong: #424242;
  --hrt-color-icon-supporting: #6f6f6f;
  --hrt-color-icon-supporting-hover: #232323;
  --hrt-color-icon-supporting-on-selected-strong: #fff;
  --hrt-color-icon-supporting-selected: #232323;
  --hrt-color-icon-tip: #68570d;
  --hrt-color-icon-tip-on-strong: #fff3d0;
  --hrt-color-icon-tip-strong: #4d4216;
  --hrt-color-icon-warning: #68570d;
  --hrt-color-icon-warning-strong: #4d4216;
  --hrt-color-surface-accent-blue-implied-hover: #1c456b1a;
  --hrt-color-surface-accent-blue-medium: #a7e3e3;
  --hrt-color-surface-accent-blue-strong-on-hover: #185b93;
  --hrt-color-surface-accent-blue-strong-on-medium: #1c456b;
  --hrt-color-surface-accent-blue-subtle: #e1f6f6;
  --hrt-color-surface-accent-blue-subtle-hover: #a7e3e3;
  --hrt-color-surface-accent-pink-implied-hover: #7e19461a;
  --hrt-color-surface-accent-pink-medium: #f7cddb;
  --hrt-color-surface-accent-pink-strong-on-hover: #9a3257;
  --hrt-color-surface-accent-pink-strong-on-medium: #7e1946;
  --hrt-color-surface-accent-pink-subtle: #fdeff4;
  --hrt-color-surface-accent-pink-subtle-hover: #f7cddb;
  --hrt-color-surface-accent-purple-implied-hover: #6428781a;
  --hrt-color-surface-accent-purple-medium: #eccff6;
  --hrt-color-surface-accent-purple-strong-on-hover: #81379b;
  --hrt-color-surface-accent-purple-strong-on-medium: #642878;
  --hrt-color-surface-accent-purple-subtle: #f8effc;
  --hrt-color-surface-accent-purple-subtle-hover: #eccff6;
  --hrt-color-surface-accent-yellow-implied-hover: #4d42161a;
  --hrt-color-surface-accent-yellow-medium: #ffd863;
  --hrt-color-surface-accent-yellow-strong-on-hover: #68570d;
  --hrt-color-surface-accent-yellow-strong-on-medium: #4d4216;
  --hrt-color-surface-accent-yellow-subtle: #fff3d0;
  --hrt-color-surface-accent-yellow-subtle-hover: #ffd863;
  --hrt-color-surface-brand: #4a9d44;
  --hrt-color-surface-brand-hover: #4a9d44;
  --hrt-color-surface-brand-logo: #4a9d44;
  --hrt-color-surface-brand-logo-on-media: #fff;
  --hrt-color-surface-brand-logo-on-strong: #fff;
  --hrt-color-surface-brand-medium: #ccf88e;
  --hrt-color-surface-brand-on-strong: #ccf88e;
  --hrt-color-surface-brand-on-strong-hover: #e9fcce;
  --hrt-color-surface-brand-strong: #274a34;
  --hrt-color-surface-brand-strong-hover: #2d6339;
  --hrt-color-surface-brand-strongest: #0b291a;
  --hrt-color-surface-brand-subtle: #e9fcce;
  --hrt-color-surface-brand-subtle-hover: #ccf88e;
  --hrt-color-surface-brand-subtle-on-subtle: #ccf88e;
  --hrt-color-surface-default: #fff;
  --hrt-color-surface-default-hover: #fafafa;
  --hrt-color-surface-disabled: #d8d8d8;
  --hrt-color-surface-disabled-on-strong: #fff6;
  --hrt-color-surface-feature-medium: #eccff6;
  --hrt-color-surface-feature-strong: #642878;
  --hrt-color-surface-feature-strong-hover: #81379b;
  --hrt-color-surface-feature-subtle: #f8effc;
  --hrt-color-surface-feature-subtle-hover: #eccff6;
  --hrt-color-surface-feature-subtle-on-subtle: #eccff6;
  --hrt-color-surface-green-medium: #ccf88e;
  --hrt-color-surface-green-subtle: #e9fcce;
  --hrt-color-surface-green-subtle-hover: #ccf88e;
  --hrt-color-surface-hover-on-strong: #fffc;
  --hrt-color-surface-implied: #fff;
  --hrt-color-surface-implied-brand-hover: #274a341a;
  --hrt-color-surface-implied-feature-hover: #6428781a;
  --hrt-color-surface-implied-hover: #1717170d;
  --hrt-color-surface-implied-hover-on-strong: #ffffff1a;
  --hrt-color-surface-implied-informative-hover: #1c456b1a;
  --hrt-color-surface-implied-negative-hover: #880e061a;
  --hrt-color-surface-implied-on-strong: #0000001a;
  --hrt-color-surface-implied-on-strong-hover: #ffffff1a;
  --hrt-color-surface-implied-positive-hover: #274a341a;
  --hrt-color-surface-implied-pressed: #fafafa;
  --hrt-color-surface-implied-selected-strong: #232323;
  --hrt-color-surface-implied-selected-strong-hover: #585858;
  --hrt-color-surface-implied-selected-subtle: #f5f5f5;
  --hrt-color-surface-implied-tip-hover: #4d42161a;
  --hrt-color-surface-indigo-medium: #a7e3e3;
  --hrt-color-surface-indigo-subtle: #e1f6f6;
  --hrt-color-surface-indigo-subtle-hover: #a7e3e3;
  --hrt-color-surface-informative-medium: #a7e3e3;
  --hrt-color-surface-informative-strong: #1c456b;
  --hrt-color-surface-informative-strong-hover: #185b93;
  --hrt-color-surface-informative-subtle: #e1f6f6;
  --hrt-color-surface-informative-subtle-hover: #a7e3e3;
  --hrt-color-surface-informative-subtle-on-subtle: #a7e3e3;
  --hrt-color-surface-negative-medium: #fbcebb;
  --hrt-color-surface-negative-strong: #880e06;
  --hrt-color-surface-negative-strong-hover: #b01509;
  --hrt-color-surface-negative-subtle: #fef0ea;
  --hrt-color-surface-negative-subtle-hover: #fbcebb;
  --hrt-color-surface-negative-subtle-on-subtle: #fbcebb;
  --hrt-color-surface-neutral-extra-subtle: #fafafa;
  --hrt-color-surface-neutral-medium: #d8d8d8;
  --hrt-color-surface-neutral-on-strong: #fff;
  --hrt-color-surface-neutral-on-strong-hover: #fffc;
  --hrt-color-surface-neutral-strong: #232323;
  --hrt-color-surface-neutral-strong-hover: #585858;
  --hrt-color-surface-neutral-subtle: #f5f5f5;
  --hrt-color-surface-neutral-subtle-hover: #d8d8d8;
  --hrt-color-surface-neutral-subtle-on-subtle: #d8d8d8;
  --hrt-color-surface-on-strong: #fff;
  --hrt-color-surface-on-strong-hover: #fffc;
  --hrt-color-surface-overlay: #0000008c;
  --hrt-color-surface-overlay-subtle: #1717171a;
  --hrt-color-surface-placeholder: #fafafa;
  --hrt-color-surface-positive-medium: #ccf88e;
  --hrt-color-surface-positive-strong: #274a34;
  --hrt-color-surface-positive-strong-hover: #2d6339;
  --hrt-color-surface-positive-subtle: #e9fcce;
  --hrt-color-surface-positive-subtle-hover: #ccf88e;
  --hrt-color-surface-positive-subtle-on-subtle: #ccf88e;
  --hrt-color-surface-purple-medium: #eccff6;
  --hrt-color-surface-purple-subtle: #f8effc;
  --hrt-color-surface-purple-subtle-hover: #eccff6;
  --hrt-color-surface-raised: #fff;
  --hrt-color-surface-raised-hover: #fafafa;
  --hrt-color-surface-red-medium: #fbcebb;
  --hrt-color-surface-red-subtle: #fef0ea;
  --hrt-color-surface-red-subtle-hover: #fbcebb;
  --hrt-color-surface-team-subtle: #fff3d0;
  --hrt-color-surface-tip-medium: #ffd863;
  --hrt-color-surface-tip-strong: #4d4216;
  --hrt-color-surface-tip-strong-hover: #68570d;
  --hrt-color-surface-tip-subtle: #fff3d0;
  --hrt-color-surface-tip-subtle-hover: #ffd863;
  --hrt-color-surface-tip-subtle-on-subtle: #ffd863;
  --hrt-color-surface-unfilled: #1717170d;
  --hrt-color-surface-unfilled-hover: #1717171a;
  --hrt-color-surface-unfilled-on-strong: #fff3;
  --hrt-color-surface-unselected: #8d8c8b;
  --hrt-color-surface-yellow-medium: #ffd863;
  --hrt-color-surface-yellow-subtle: #fff3d0;
  --hrt-color-surface-yellow-subtle-hover: #ffd863;
  --hrt-color-text-accent-blue-on-strong: #a7e3e3;
  --hrt-color-text-accent-blue-strong-on-medium: #1c456b;
  --hrt-color-text-accent-pink-on-strong: #ffd863;
  --hrt-color-text-accent-pink-strong-on-medium: #7e1946;
  --hrt-color-text-accent-purple-on-strong: #eccff6;
  --hrt-color-text-accent-purple-strong-on-medium: #642878;
  --hrt-color-text-accent-yellow-on-strong: #ffd863;
  --hrt-color-text-accent-yellow-strong-on-medium: #4d4216;
  --hrt-color-text-brand: #4a9d44;
  --hrt-color-text-brand-active: #0b291a;
  --hrt-color-text-brand-headline-emphasis: #274a34;
  --hrt-color-text-brand-headline-emphasis-highlight: #4a9d44;
  --hrt-color-text-brand-hover: #2d6339;
  --hrt-color-text-brand-on-strong: #ccf88e;
  --hrt-color-text-brand-strong: #274a34;
  --hrt-color-text-default: #232323;
  --hrt-color-text-disabled: #b7b7b6;
  --hrt-color-text-disabled-on-disabled-on-strong: #585858;
  --hrt-color-text-disabled-on-strong: #fff6;
  --hrt-color-text-feature: #81379b;
  --hrt-color-text-feature-on-strong: #f8effc;
  --hrt-color-text-feature-strong: #642878;
  --hrt-color-text-green-strong: #274a34;
  --hrt-color-text-headings: #232323;
  --hrt-color-text-headings-on-media: #fff;
  --hrt-color-text-headings-on-strong: #ccf88e;
  --hrt-color-text-helper: #6f6f6f;
  --hrt-color-text-indigo-strong: #4893bf;
  --hrt-color-text-informative: #185b93;
  --hrt-color-text-informative-on-strong: #e1f6f6;
  --hrt-color-text-informative-strong: #1c456b;
  --hrt-color-text-negative: #b01509;
  --hrt-color-text-negative-on-strong: #fef0ea;
  --hrt-color-text-negative-strong: #880e06;
  --hrt-color-text-neutral-strong: #424242;
  --hrt-color-text-on-brand: #ccf88e;
  --hrt-color-text-on-disabled: #8d8c8b;
  --hrt-color-text-on-implied-selected-strong: #fff;
  --hrt-color-text-on-overlay: #fff;
  --hrt-color-text-on-selected-strong: #fff;
  --hrt-color-text-on-strong: #fff;
  --hrt-color-text-positive: #2d6339;
  --hrt-color-text-positive-on-strong: #e9fcce;
  --hrt-color-text-positive-strong: #274a34;
  --hrt-color-text-purple-strong: #642878;
  --hrt-color-text-red-strong: #880e06;
  --hrt-color-text-strong: #424242;
  --hrt-color-text-supporting: #6f6f6f;
  --hrt-color-text-supporting-hover: #232323;
  --hrt-color-text-supporting-on-selected-strong: #fff;
  --hrt-color-text-supporting-selected: #232323;
  --hrt-color-text-tip: #68570d;
  --hrt-color-text-tip-on-strong: #fff3d0;
  --hrt-color-text-tip-strong: #4d4216;
  --hrt-color-text-tip-strong-on-strong: #fff3d0;
  --hrt-color-text-warning: #68570d;
  --hrt-color-text-warning-strong: #4d4216;
  --hrt-color-text-yellow-strong: #4d4216;
  --hrt-size-screen-xs: 23.4375em;
  --hrt-size-screen-sm: 36em;
  --hrt-size-screen-md: 48em;
  --hrt-size-screen-lg: 64em;
  --hrt-size-screen-xl: 72em;
  --hrt-size-screen-xxl: 90em;
  --hrt-size-screen-xxxl: 120em;
  --hrt-size-max-width: 75rem;
  --hrt-size-radius-0: 0;
  --hrt-size-radius-1: 0.25rem;
  --hrt-size-radius-2: 0.5rem;
  --hrt-size-radius-3: 0.75rem;
  --hrt-size-radius-4: 1rem;
  --hrt-size-radius-5: 1.25rem;
  --hrt-size-radius-6: 1.5rem;
  --hrt-size-radius-full: 624.9375rem;
  --hrt-size-spacing-0: 0;
  --hrt-size-spacing-1: 0.5rem;
  --hrt-size-spacing-2: 1rem;
  --hrt-size-spacing-3: 1.5rem;
  --hrt-size-spacing-4: 2rem;
  --hrt-size-spacing-5: 2.5rem;
  --hrt-size-spacing-6: 3rem;
  --hrt-size-spacing-7: 3.5rem;
  --hrt-size-spacing-8: 4rem;
  --hrt-size-spacing-9: 4.5rem;
  --hrt-size-spacing-10: 5rem;
  --hrt-size-spacing-11: 5.5rem;
  --hrt-size-spacing-12: 6rem;
  --hrt-size-spacing-15: 7.5rem;
  --hrt-size-spacing-30: 15rem;
  --hrt-size-spacing-half: 0.25rem;
  --hrt-size-font-body-xs: 0.75rem;
  --hrt-size-font-body-sm: 0.875rem;
  --hrt-size-font-body-md: 1rem;
  --hrt-size-font-body-lg: clamp(
    1.25rem,
    calc(1.25rem + 0.25 * ((100vw - 23.4375rem) / 66.5625)),
    1.5rem
  );
  --hrt-size-font-heading-xs: clamp(
    0.875rem,
    calc(0.875rem + 0.125 * ((100vw - 23.4375rem) / 66.5625)),
    1rem
  );
  --hrt-size-font-heading-sm: clamp(
    1rem,
    calc(1rem + 0.25 * ((100vw - 23.4375rem) / 66.5625)),
    1.25rem
  );
  --hrt-size-font-heading-md: clamp(
    1.25rem,
    calc(1.25rem + 0.25 * ((100vw - 23.4375rem) / 66.5625)),
    1.5rem
  );
  --hrt-size-font-heading-lg: clamp(
    1.5rem,
    calc(1.5rem + 0.25 * ((100vw - 23.4375rem) / 66.5625)),
    1.75rem
  );
  --hrt-size-font-heading-xl: clamp(
    1.75rem,
    calc(1.75rem + 0.25 * ((100vw - 23.4375rem) / 66.5625)),
    2rem
  );
  --hrt-size-font-display-sm: clamp(
    1.75rem,
    calc(1.75rem + 0.75 * ((100vw - 23.4375rem) / 66.5625)),
    2.5rem
  );
  --hrt-size-font-display-md: clamp(
    2.5rem,
    calc(2.5rem + 1.5 * ((100vw - 23.4375rem) / 66.5625)),
    4rem
  );
  --hrt-size-font-display-lg: clamp(
    3rem,
    calc(3rem + 2.125 * ((100vw - 23.4375rem) / 66.5625)),
    5.125rem
  );
  --hrt-size-font-legend: 1.25rem;
  --hrt-shadow-soft: 0px 1px 2px #0000001a;
  --hrt-shadow-medium: 0px 2px 6px #0000001a;
  --hrt-shadow-strong: 0px 6px 14px #0000001a;
  --hrt-z-index-0: 0;
  --hrt-z-index-1: 100;
  --hrt-z-index-2: 200;
  --hrt-z-index-3: 300;
  --hrt-z-index-4: 400;
  --hrt-z-index-5: 500;
  --hrt-z-index-6: 600;
  --hrt-z-index-7: 700;
  --hrt-z-index-8: 800;
  --hrt-z-index-9: 900;
  --hrt-z-index-10: 1000;
  --hrt-z-index-11: 1100;
  --hrt-z-index-12: 1200;
  --hrt-ease-default: cubic-bezier(0.3, 0.01, 0, 1);
  --hrt-time-transition: 0.5s;
  --hrt-time-delay-offset: 0.06s;
  --hrt-time-delay-guidance: 1.5s;
  --hrt-asset-font-name: "GoFundMeSans";
  --hrt-asset-font-file-name: "GoFundMeSans-Regular.woff2";
  --hrt-asset-font-style: "normal";
  --hrt-asset-font-weight: "100 600";
  --hrt-asset-font-bold-name: "GoFundMeSans";
  --hrt-asset-font-bold-file-name: "GoFundMeSans-Bold.woff2";
  --hrt-asset-font-bold-style: "normal";
  --hrt-asset-font-bold-weight: "700 900";
  --hrt-base-px-font-size: 1rem;
  --hrt-content-icon-bullet: "•";
  --hrt-content-icon-middot: "·";
  --hrt-font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  --hrt-font-family-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
    "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
    "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  --hrt-font-weight-regular: 400;
  --hrt-font-weight-bold: 700;
  --hrt-letter-spacing-tighter: -0.02em;
  --hrt-letter-spacing-tight: -0.01em;
  --hrt-letter-spacing-normal: 0em;
  --hrt-line-height-body: 1.5;
  --hrt-line-height-body-sm: 1.25rem;
  --hrt-line-height-condensed: 1.33333;
  --hrt-line-height-heading: 1.2;
  --hrt-line-height-tight: 1.1;
  --hrt-line-height-none: 1;
  --hrt-link-color: currentcolor;
}
*,
:after,
:before {
  border-width: 0;
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
  color: var(--hrt-color-text-default);
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  tab-size: 4;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color: var(--hrt-color-surface-default);
  color: inherit;
  line-height: inherit;
  margin: 0;
  overflow-x: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 2dppx) {
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}
hr {
  border-top-style: solid;
  border-top-width: 1px;
  color: var(--hrt-color-border-neutral-subtle);
  height: 0;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: var(--hrt-link-color);
  cursor: pointer;
  text-decoration: underline;
}
@media (hover: hover) {
  a.sb-hover,
  a:hover {
    color: var(--hrt-link-color);
    text-decoration: none;
  }
}
b,
strong {
  font-weight: 700;
}
code,
kbd,
samp {
  font-family: ui-monospace, Menlo, Monaco, Cascadia Mono, Segoe UI Mono,
    Roboto Mono, Oxygen Mono, "Ubuntu Monospace", Source Code Pro, Fira Mono,
    Droid Sans Mono, Courier New, monospace;
  font-feature-settings: normal;
}
code:not(pre code),
kbd,
samp {
  color: var(--hrt-color-text-supporting);
  display: inline-block;
  font-size: 0.875em;
}
pre {
  font-family: ui-monospace, Menlo, Monaco, Cascadia Mono, Segoe UI Mono,
    Roboto Mono, Oxygen Mono, "Ubuntu Monospace", Source Code Pro, Fira Mono,
    Droid Sans Mono, Courier New, monospace;
  font-feature-settings: normal;
  background-color: var(--hrt-color-surface-neutral-extra-subtle);
  font-size: 0.875rem;
  overflow: auto;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: inherit;
  vertical-align: initial;
}
sub {
  font-feature-settings: "subs";
}
sup {
  font-feature-settings: "sups";
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  border-radius: 0;
  height: auto;
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: var(--hrt-color-text-supporting);
  opacity: 1;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
video {
  height: auto;
  max-width: 100%;
}
img {
  display: block;
  vertical-align: middle;
}
[hidden] {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 1rem;
  margin-top: 0;
  text-wrap: pretty;
}
iframe {
  max-width: 100%;
}
.hrt-text-supporting {
  --hrt-link-color: var(--hrt-color-text-default);
}
input {
  min-width: 0;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
  text-align: right;
}
dt {
  float: left;
}
select {
  width: 100%;
}
.hrt-drop-shadow {
  color: var(--hrt-color-drop-shadow) !important;
}
.hrt-drop-shadow-brand {
  color: var(--hrt-color-drop-shadow-brand) !important;
}
.hrt-icon-accent-blue-on-strong {
  color: var(--hrt-color-icon-accent-blue-on-strong) !important;
}
.hrt-icon-accent-blue-strong-on-medium {
  color: var(--hrt-color-icon-accent-blue-strong-on-medium) !important;
}
.hrt-icon-accent-pink-on-strong {
  color: var(--hrt-color-icon-accent-pink-on-strong) !important;
}
.hrt-icon-accent-pink-strong-on-medium {
  color: var(--hrt-color-icon-accent-pink-strong-on-medium) !important;
}
.hrt-icon-accent-purple-on-strong {
  color: var(--hrt-color-icon-accent-purple-on-strong) !important;
}
.hrt-icon-accent-purple-strong-on-medium {
  color: var(--hrt-color-icon-accent-purple-strong-on-medium) !important;
}
.hrt-icon-accent-yellow-on-strong {
  color: var(--hrt-color-icon-accent-yellow-on-strong) !important;
}
.hrt-icon-accent-yellow-strong-on-medium {
  color: var(--hrt-color-icon-accent-yellow-strong-on-medium) !important;
}
.hrt-icon-brand {
  color: var(--hrt-color-icon-brand) !important;
}
.hrt-icon-brand-active {
  color: var(--hrt-color-icon-brand-active) !important;
}
.hrt-icon-brand-on-strong {
  color: var(--hrt-color-icon-brand-on-strong) !important;
}
.hrt-icon-brand-strong {
  color: var(--hrt-color-icon-brand-strong) !important;
}
.hrt-icon-default {
  color: var(--hrt-color-icon-default) !important;
}
.hrt-icon-default-on-strong {
  color: var(--hrt-color-icon-default-on-strong) !important;
}
.hrt-icon-disabled {
  color: var(--hrt-color-icon-disabled) !important;
}
.hrt-icon-disabled-on-disabled-on-strong {
  color: var(--hrt-color-icon-disabled-on-disabled-on-strong) !important;
}
.hrt-icon-disabled-on-strong {
  color: var(--hrt-color-icon-disabled-on-strong) !important;
}
.hrt-icon-feature {
  color: var(--hrt-color-icon-feature) !important;
}
.hrt-icon-feature-on-strong {
  color: var(--hrt-color-icon-feature-on-strong) !important;
}
.hrt-icon-feature-strong {
  color: var(--hrt-color-icon-feature-strong) !important;
}
.hrt-icon-informative {
  color: var(--hrt-color-icon-informative) !important;
}
.hrt-icon-informative-on-strong {
  color: var(--hrt-color-icon-informative-on-strong) !important;
}
.hrt-icon-informative-strong {
  color: var(--hrt-color-icon-informative-strong) !important;
}
.hrt-icon-negative {
  color: var(--hrt-color-icon-negative) !important;
}
.hrt-icon-negative-on-strong {
  color: var(--hrt-color-icon-negative-on-strong) !important;
}
.hrt-icon-negative-strong {
  color: var(--hrt-color-icon-negative-strong) !important;
}
.hrt-icon-neutral-on-strong {
  color: var(--hrt-color-icon-neutral-on-strong) !important;
}
.hrt-icon-neutral-strong {
  color: var(--hrt-color-icon-neutral-strong) !important;
}
.hrt-icon-on-brand {
  color: var(--hrt-color-icon-on-brand) !important;
}
.hrt-icon-on-disabled {
  color: var(--hrt-color-icon-on-disabled) !important;
}
.hrt-icon-on-overlay {
  color: var(--hrt-color-icon-on-overlay) !important;
}
.hrt-icon-on-strong {
  color: var(--hrt-color-icon-on-strong) !important;
}
.hrt-icon-positive {
  color: var(--hrt-color-icon-positive) !important;
}
.hrt-icon-positive-strong {
  color: var(--hrt-color-icon-positive-strong) !important;
}
.hrt-icon-strong {
  color: var(--hrt-color-icon-strong) !important;
}
.hrt-icon-supporting {
  color: var(--hrt-color-icon-supporting) !important;
}
.hrt-icon-supporting-on-selected-strong {
  color: var(--hrt-color-icon-supporting-on-selected-strong) !important;
}
.hrt-icon-supporting-selected {
  color: var(--hrt-color-icon-supporting-selected) !important;
}
.hrt-icon-tip {
  color: var(--hrt-color-icon-tip) !important;
}
.hrt-icon-tip-on-strong {
  color: var(--hrt-color-icon-tip-on-strong) !important;
}
.hrt-icon-tip-strong {
  color: var(--hrt-color-icon-tip-strong) !important;
}
.hrt-icon-warning {
  color: var(--hrt-color-icon-warning) !important;
}
.hrt-icon-warning-strong {
  color: var(--hrt-color-icon-warning-strong) !important;
}
.hrt-surface-accent-blue-medium {
  background-color: var(--hrt-color-surface-accent-blue-medium) !important;
}
.hrt-surface-accent-blue-strong-on-medium {
  background-color: var(
    --hrt-color-surface-accent-blue-strong-on-medium
  ) !important;
}
.hrt-surface-accent-blue-subtle {
  background-color: var(--hrt-color-surface-accent-blue-subtle) !important;
}
.hrt-surface-accent-pink-medium {
  background-color: var(--hrt-color-surface-accent-pink-medium) !important;
}
.hrt-surface-accent-pink-strong-on-medium {
  background-color: var(
    --hrt-color-surface-accent-pink-strong-on-medium
  ) !important;
}
.hrt-surface-accent-pink-subtle {
  background-color: var(--hrt-color-surface-accent-pink-subtle) !important;
}
.hrt-surface-accent-purple-medium {
  background-color: var(--hrt-color-surface-accent-purple-medium) !important;
}
.hrt-surface-accent-purple-strong-on-medium {
  background-color: var(
    --hrt-color-surface-accent-purple-strong-on-medium
  ) !important;
}
.hrt-surface-accent-purple-subtle {
  background-color: var(--hrt-color-surface-accent-purple-subtle) !important;
}
.hrt-surface-accent-yellow-medium {
  background-color: var(--hrt-color-surface-accent-yellow-medium) !important;
}
.hrt-surface-accent-yellow-strong-on-medium {
  background-color: var(
    --hrt-color-surface-accent-yellow-strong-on-medium
  ) !important;
}
.hrt-surface-accent-yellow-subtle {
  background-color: var(--hrt-color-surface-accent-yellow-subtle) !important;
}
.hrt-surface-brand {
  background-color: var(--hrt-color-surface-brand) !important;
}
.hrt-surface-brand-logo {
  background-color: var(--hrt-color-surface-brand-logo) !important;
}
.hrt-surface-brand-logo-on-media {
  background-color: var(--hrt-color-surface-brand-logo-on-media) !important;
}
.hrt-surface-brand-logo-on-strong {
  background-color: var(--hrt-color-surface-brand-logo-on-strong) !important;
}
.hrt-surface-brand-medium {
  background-color: var(--hrt-color-surface-brand-medium) !important;
}
.hrt-surface-brand-on-strong {
  background-color: var(--hrt-color-surface-brand-on-strong) !important;
}
.hrt-surface-brand-strong {
  background-color: var(--hrt-color-surface-brand-strong) !important;
}
.hrt-surface-brand-strongest {
  background-color: var(--hrt-color-surface-brand-strongest) !important;
}
.hrt-surface-brand-subtle {
  background-color: var(--hrt-color-surface-brand-subtle) !important;
}
.hrt-surface-brand-subtle-on-subtle {
  background-color: var(--hrt-color-surface-brand-subtle-on-subtle) !important;
}
.hrt-surface-default {
  background-color: var(--hrt-color-surface-default) !important;
}
.hrt-surface-disabled {
  background-color: var(--hrt-color-surface-disabled) !important;
}
.hrt-surface-disabled-on-strong {
  background-color: var(--hrt-color-surface-disabled-on-strong) !important;
}
.hrt-surface-feature-medium {
  background-color: var(--hrt-color-surface-feature-medium) !important;
}
.hrt-surface-feature-strong {
  background-color: var(--hrt-color-surface-feature-strong) !important;
}
.hrt-surface-feature-subtle {
  background-color: var(--hrt-color-surface-feature-subtle) !important;
}
.hrt-surface-feature-subtle-on-subtle {
  background-color: var(
    --hrt-color-surface-feature-subtle-on-subtle
  ) !important;
}
.hrt-surface-green-medium {
  background-color: var(--hrt-color-surface-green-medium) !important;
}
.hrt-surface-green-subtle {
  background-color: var(--hrt-color-surface-green-subtle) !important;
}
.hrt-surface-implied {
  background-color: var(--hrt-color-surface-implied) !important;
}
.hrt-surface-implied-on-strong {
  background-color: var(--hrt-color-surface-implied-on-strong) !important;
}
.hrt-surface-implied-pressed {
  background-color: var(--hrt-color-surface-implied-pressed) !important;
}
.hrt-surface-implied-selected-strong {
  background-color: var(--hrt-color-surface-implied-selected-strong) !important;
}
.hrt-surface-implied-selected-subtle {
  background-color: var(--hrt-color-surface-implied-selected-subtle) !important;
}
.hrt-surface-indigo-medium {
  background-color: var(--hrt-color-surface-indigo-medium) !important;
}
.hrt-surface-indigo-subtle {
  background-color: var(--hrt-color-surface-indigo-subtle) !important;
}
.hrt-surface-informative-medium {
  background-color: var(--hrt-color-surface-informative-medium) !important;
}
.hrt-surface-informative-strong {
  background-color: var(--hrt-color-surface-informative-strong) !important;
}
.hrt-surface-informative-subtle {
  background-color: var(--hrt-color-surface-informative-subtle) !important;
}
.hrt-surface-informative-subtle-on-subtle {
  background-color: var(
    --hrt-color-surface-informative-subtle-on-subtle
  ) !important;
}
.hrt-surface-negative-medium {
  background-color: var(--hrt-color-surface-negative-medium) !important;
}
.hrt-surface-negative-strong {
  background-color: var(--hrt-color-surface-negative-strong) !important;
}
.hrt-surface-negative-subtle {
  background-color: var(--hrt-color-surface-negative-subtle) !important;
}
.hrt-surface-negative-subtle-on-subtle {
  background-color: var(
    --hrt-color-surface-negative-subtle-on-subtle
  ) !important;
}
.hrt-surface-neutral-extra-subtle {
  background-color: var(--hrt-color-surface-neutral-extra-subtle) !important;
}
.hrt-surface-neutral-medium {
  background-color: var(--hrt-color-surface-neutral-medium) !important;
}
.hrt-surface-neutral-on-strong {
  background-color: var(--hrt-color-surface-neutral-on-strong) !important;
}
.hrt-surface-neutral-strong {
  background-color: var(--hrt-color-surface-neutral-strong) !important;
}
.hrt-surface-neutral-subtle {
  background-color: var(--hrt-color-surface-neutral-subtle) !important;
}
.hrt-surface-neutral-subtle-on-subtle {
  background-color: var(
    --hrt-color-surface-neutral-subtle-on-subtle
  ) !important;
}
.hrt-surface-on-strong {
  background-color: var(--hrt-color-surface-on-strong) !important;
}
.hrt-surface-overlay {
  background-color: var(--hrt-color-surface-overlay) !important;
}
.hrt-surface-overlay-subtle {
  background-color: var(--hrt-color-surface-overlay-subtle) !important;
}
.hrt-surface-placeholder {
  background-color: var(--hrt-color-surface-placeholder) !important;
}
.hrt-surface-positive-medium {
  background-color: var(--hrt-color-surface-positive-medium) !important;
}
.hrt-surface-positive-strong {
  background-color: var(--hrt-color-surface-positive-strong) !important;
}
.hrt-surface-positive-subtle {
  background-color: var(--hrt-color-surface-positive-subtle) !important;
}
.hrt-surface-positive-subtle-on-subtle {
  background-color: var(
    --hrt-color-surface-positive-subtle-on-subtle
  ) !important;
}
.hrt-surface-purple-medium {
  background-color: var(--hrt-color-surface-purple-medium) !important;
}
.hrt-surface-purple-subtle {
  background-color: var(--hrt-color-surface-purple-subtle) !important;
}
.hrt-surface-raised {
  background-color: var(--hrt-color-surface-raised) !important;
}
.hrt-surface-red-medium {
  background-color: var(--hrt-color-surface-red-medium) !important;
}
.hrt-surface-red-subtle {
  background-color: var(--hrt-color-surface-red-subtle) !important;
}
.hrt-surface-team-subtle {
  background-color: var(--hrt-color-surface-team-subtle) !important;
}
.hrt-surface-tip-medium {
  background-color: var(--hrt-color-surface-tip-medium) !important;
}
.hrt-surface-tip-strong {
  background-color: var(--hrt-color-surface-tip-strong) !important;
}
.hrt-surface-tip-subtle {
  background-color: var(--hrt-color-surface-tip-subtle) !important;
}
.hrt-surface-tip-subtle-on-subtle {
  background-color: var(--hrt-color-surface-tip-subtle-on-subtle) !important;
}
.hrt-surface-unfilled {
  background-color: var(--hrt-color-surface-unfilled) !important;
}
.hrt-surface-unfilled-on-strong {
  background-color: var(--hrt-color-surface-unfilled-on-strong) !important;
}
.hrt-surface-unselected {
  background-color: var(--hrt-color-surface-unselected) !important;
}
.hrt-surface-yellow-medium {
  background-color: var(--hrt-color-surface-yellow-medium) !important;
}
.hrt-surface-yellow-subtle {
  background-color: var(--hrt-color-surface-yellow-subtle) !important;
}
.hrt-text-accent-blue-on-strong {
  color: var(--hrt-color-text-accent-blue-on-strong) !important;
}
.hrt-text-accent-blue-strong-on-medium {
  color: var(--hrt-color-text-accent-blue-strong-on-medium) !important;
}
.hrt-text-accent-pink-on-strong {
  color: var(--hrt-color-text-accent-pink-on-strong) !important;
}
.hrt-text-accent-pink-strong-on-medium {
  color: var(--hrt-color-text-accent-pink-strong-on-medium) !important;
}
.hrt-text-accent-purple-on-strong {
  color: var(--hrt-color-text-accent-purple-on-strong) !important;
}
.hrt-text-accent-purple-strong-on-medium {
  color: var(--hrt-color-text-accent-purple-strong-on-medium) !important;
}
.hrt-text-accent-yellow-on-strong {
  color: var(--hrt-color-text-accent-yellow-on-strong) !important;
}
.hrt-text-accent-yellow-strong-on-medium {
  color: var(--hrt-color-text-accent-yellow-strong-on-medium) !important;
}
.hrt-text-brand {
  color: var(--hrt-color-text-brand) !important;
}
.hrt-text-brand-active {
  color: var(--hrt-color-text-brand-active) !important;
}
.hrt-text-brand-headline-emphasis {
  color: var(--hrt-color-text-brand-headline-emphasis) !important;
}
.hrt-text-brand-headline-emphasis-highlight {
  color: var(--hrt-color-text-brand-headline-emphasis-highlight) !important;
}
.hrt-text-brand-on-strong {
  color: var(--hrt-color-text-brand-on-strong) !important;
}
.hrt-text-brand-strong {
  color: var(--hrt-color-text-brand-strong) !important;
}
.hrt-text-default {
  color: var(--hrt-color-text-default) !important;
}
.hrt-text-disabled {
  color: var(--hrt-color-text-disabled) !important;
}
.hrt-text-disabled-on-disabled-on-strong {
  color: var(--hrt-color-text-disabled-on-disabled-on-strong) !important;
}
.hrt-text-disabled-on-strong {
  color: var(--hrt-color-text-disabled-on-strong) !important;
}
.hrt-text-feature {
  color: var(--hrt-color-text-feature) !important;
}
.hrt-text-feature-on-strong {
  color: var(--hrt-color-text-feature-on-strong) !important;
}
.hrt-text-feature-strong {
  color: var(--hrt-color-text-feature-strong) !important;
}
.hrt-text-green-strong {
  color: var(--hrt-color-text-green-strong) !important;
}
.hrt-text-headings {
  color: var(--hrt-color-text-headings) !important;
}
.hrt-text-headings-on-media {
  color: var(--hrt-color-text-headings-on-media) !important;
}
.hrt-text-headings-on-strong {
  color: var(--hrt-color-text-headings-on-strong) !important;
}
.hrt-text-helper {
  color: var(--hrt-color-text-helper) !important;
}
.hrt-text-indigo-strong {
  color: var(--hrt-color-text-indigo-strong) !important;
}
.hrt-text-informative {
  color: var(--hrt-color-text-informative) !important;
}
.hrt-text-informative-on-strong {
  color: var(--hrt-color-text-informative-on-strong) !important;
}
.hrt-text-informative-strong {
  color: var(--hrt-color-text-informative-strong) !important;
}
.hrt-text-negative {
  color: var(--hrt-color-text-negative) !important;
}
.hrt-text-negative-on-strong {
  color: var(--hrt-color-text-negative-on-strong) !important;
}
.hrt-text-negative-strong {
  color: var(--hrt-color-text-negative-strong) !important;
}
.hrt-text-neutral-strong {
  color: var(--hrt-color-text-neutral-strong) !important;
}
.hrt-text-on-brand {
  color: var(--hrt-color-text-on-brand) !important;
}
.hrt-text-on-disabled {
  color: var(--hrt-color-text-on-disabled) !important;
}
.hrt-text-on-implied-selected-strong {
  color: var(--hrt-color-text-on-implied-selected-strong) !important;
}
.hrt-text-on-overlay {
  color: var(--hrt-color-text-on-overlay) !important;
}
.hrt-text-on-selected-strong {
  color: var(--hrt-color-text-on-selected-strong) !important;
}
.hrt-text-on-strong {
  color: var(--hrt-color-text-on-strong) !important;
}
.hrt-text-positive {
  color: var(--hrt-color-text-positive) !important;
}
.hrt-text-positive-on-strong {
  color: var(--hrt-color-text-positive-on-strong) !important;
}
.hrt-text-positive-strong {
  color: var(--hrt-color-text-positive-strong) !important;
}
.hrt-text-purple-strong {
  color: var(--hrt-color-text-purple-strong) !important;
}
.hrt-text-red-strong {
  color: var(--hrt-color-text-red-strong) !important;
}
.hrt-text-strong {
  color: var(--hrt-color-text-strong) !important;
}
.hrt-text-supporting {
  color: var(--hrt-color-text-supporting) !important;
}
.hrt-text-supporting-on-selected-strong {
  color: var(--hrt-color-text-supporting-on-selected-strong) !important;
}
.hrt-text-supporting-selected {
  color: var(--hrt-color-text-supporting-selected) !important;
}
.hrt-text-tip {
  color: var(--hrt-color-text-tip) !important;
}
.hrt-text-tip-on-strong {
  color: var(--hrt-color-text-tip-on-strong) !important;
}
.hrt-text-tip-strong {
  color: var(--hrt-color-text-tip-strong) !important;
}
.hrt-text-tip-strong-on-strong {
  color: var(--hrt-color-text-tip-strong-on-strong) !important;
}
.hrt-text-warning {
  color: var(--hrt-color-text-warning) !important;
}
.hrt-text-warning-strong {
  color: var(--hrt-color-text-warning-strong) !important;
}
.hrt-text-yellow-strong {
  color: var(--hrt-color-text-yellow-strong) !important;
}
.hrt-shadow-soft {
  box-shadow: 0 1px 2px #0000001a !important;
}
.hrt-shadow-medium {
  box-shadow: 0 2px 6px #0000001a !important;
}
.hrt-shadow-strong {
  box-shadow: 0 6px 14px #0000001a !important;
}
.hrt-z-0 {
  z-index: 0 !important;
}
.hrt-z-1 {
  z-index: 100 !important;
}
.hrt-z-2 {
  z-index: 200 !important;
}
.hrt-z-3 {
  z-index: 300 !important;
}
.hrt-z-4 {
  z-index: 400 !important;
}
.hrt-z-5 {
  z-index: 500 !important;
}
.hrt-z-6 {
  z-index: 600 !important;
}
.hrt-z-7 {
  z-index: 700 !important;
}
.hrt-z-8 {
  z-index: 800 !important;
}
.hrt-z-9 {
  z-index: 900 !important;
}
.hrt-z-10 {
  z-index: 1000 !important;
}
.hrt-z-11 {
  z-index: 1100 !important;
}
.hrt-z-12 {
  z-index: 1200 !important;
}
.hrt-rounded-0 {
  border-radius: 0 !important;
}
.hrt-rounded-1 {
  border-radius: 0.25rem !important;
}
.hrt-rounded-2 {
  border-radius: 0.5rem !important;
}
.hrt-rounded-3 {
  border-radius: 0.75rem !important;
}
.hrt-rounded-4 {
  border-radius: 1rem !important;
}
.hrt-rounded-5 {
  border-radius: 1.25rem !important;
}
.hrt-rounded-6 {
  border-radius: 1.5rem !important;
}
.hrt-rounded-full {
  border-radius: 624.9375rem !important;
}
.hrt-pt-0 {
  padding-top: 0 !important;
}
.hrt-pr-0 {
  padding-right: 0 !important;
}
.hrt-pb-0 {
  padding-bottom: 0 !important;
}
.hrt-pl-0,
.hrt-px-0 {
  padding-left: 0 !important;
}
.hrt-px-0 {
  padding-right: 0 !important;
}
.hrt-py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.hrt-p-0 {
  padding: 0 !important;
}
.hrt-mt-0 {
  margin-top: 0 !important;
}
.hrt-mr-0 {
  margin-right: 0 !important;
}
.hrt-mb-0 {
  margin-bottom: 0 !important;
}
.hrt-ml-0,
.hrt-mx-0 {
  margin-left: 0 !important;
}
.hrt-mx-0 {
  margin-right: 0 !important;
}
.hrt-my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.hrt-m-0 {
  margin: 0 !important;
}
.hrt-gap-0 {
  row-gap: 0 !important;
}
.hrt-gap-0,
.hrt-gap-x-0 {
  column-gap: 0 !important;
}
.hrt-gap-y-0 {
  row-gap: 0 !important;
}
.hrt-pt-1 {
  padding-top: 0.5rem !important;
}
.hrt-pr-1 {
  padding-right: 0.5rem !important;
}
.hrt-pb-1 {
  padding-bottom: 0.5rem !important;
}
.hrt-pl-1,
.hrt-px-1 {
  padding-left: 0.5rem !important;
}
.hrt-px-1 {
  padding-right: 0.5rem !important;
}
.hrt-py-1 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.hrt-p-1 {
  padding: 0.5rem !important;
}
.hrt-mt-1 {
  margin-top: 0.5rem !important;
}
.hrt-mr-1 {
  margin-right: 0.5rem !important;
}
.hrt-mb-1 {
  margin-bottom: 0.5rem !important;
}
.hrt-ml-1,
.hrt-mx-1 {
  margin-left: 0.5rem !important;
}
.hrt-mx-1 {
  margin-right: 0.5rem !important;
}
.hrt-my-1 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
.hrt-m-1 {
  margin: 0.5rem !important;
}
.hrt-gap-1 {
  row-gap: 0.5rem !important;
}
.hrt-gap-1,
.hrt-gap-x-1 {
  column-gap: 0.5rem !important;
}
.hrt-gap-y-1 {
  row-gap: 0.5rem !important;
}
.hrt-pt-2 {
  padding-top: 1rem !important;
}
.hrt-pr-2 {
  padding-right: 1rem !important;
}
.hrt-pb-2 {
  padding-bottom: 1rem !important;
}
.hrt-pl-2,
.hrt-px-2 {
  padding-left: 1rem !important;
}
.hrt-px-2 {
  padding-right: 1rem !important;
}
.hrt-py-2 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.hrt-p-2 {
  padding: 1rem !important;
}
.hrt-mt-2 {
  margin-top: 1rem !important;
}
.hrt-mr-2 {
  margin-right: 1rem !important;
}
.hrt-mb-2 {
  margin-bottom: 1rem !important;
}
.hrt-ml-2,
.hrt-mx-2 {
  margin-left: 1rem !important;
}
.hrt-mx-2 {
  margin-right: 1rem !important;
}
.hrt-my-2 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.hrt-m-2 {
  margin: 1rem !important;
}
.hrt-gap-2 {
  row-gap: 1rem !important;
}
.hrt-gap-2,
.hrt-gap-x-2 {
  column-gap: 1rem !important;
}
.hrt-gap-y-2 {
  row-gap: 1rem !important;
}
.hrt-pt-3 {
  padding-top: 1.5rem !important;
}
.hrt-pr-3 {
  padding-right: 1.5rem !important;
}
.hrt-pb-3 {
  padding-bottom: 1.5rem !important;
}
.hrt-pl-3,
.hrt-px-3 {
  padding-left: 1.5rem !important;
}
.hrt-px-3 {
  padding-right: 1.5rem !important;
}
.hrt-py-3 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.hrt-p-3 {
  padding: 1.5rem !important;
}
.hrt-mt-3 {
  margin-top: 1.5rem !important;
}
.hrt-mr-3 {
  margin-right: 1.5rem !important;
}
.hrt-mb-3 {
  margin-bottom: 1.5rem !important;
}
.hrt-ml-3,
.hrt-mx-3 {
  margin-left: 1.5rem !important;
}
.hrt-mx-3 {
  margin-right: 1.5rem !important;
}
.hrt-my-3 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.hrt-m-3 {
  margin: 1.5rem !important;
}
.hrt-gap-3 {
  row-gap: 1.5rem !important;
}
.hrt-gap-3,
.hrt-gap-x-3 {
  column-gap: 1.5rem !important;
}
.hrt-gap-y-3 {
  row-gap: 1.5rem !important;
}
.hrt-pt-4 {
  padding-top: 2rem !important;
}
.hrt-pr-4 {
  padding-right: 2rem !important;
}
.hrt-pb-4 {
  padding-bottom: 2rem !important;
}
.hrt-pl-4,
.hrt-px-4 {
  padding-left: 2rem !important;
}
.hrt-px-4 {
  padding-right: 2rem !important;
}
.hrt-py-4 {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}
.hrt-p-4 {
  padding: 2rem !important;
}
.hrt-mt-4 {
  margin-top: 2rem !important;
}
.hrt-mr-4 {
  margin-right: 2rem !important;
}
.hrt-mb-4 {
  margin-bottom: 2rem !important;
}
.hrt-ml-4,
.hrt-mx-4 {
  margin-left: 2rem !important;
}
.hrt-mx-4 {
  margin-right: 2rem !important;
}
.hrt-my-4 {
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
}
.hrt-m-4 {
  margin: 2rem !important;
}
.hrt-gap-4 {
  row-gap: 2rem !important;
}
.hrt-gap-4,
.hrt-gap-x-4 {
  column-gap: 2rem !important;
}
.hrt-gap-y-4 {
  row-gap: 2rem !important;
}
.hrt-pt-5 {
  padding-top: 2.5rem !important;
}
.hrt-pr-5 {
  padding-right: 2.5rem !important;
}
.hrt-pb-5 {
  padding-bottom: 2.5rem !important;
}
.hrt-pl-5,
.hrt-px-5 {
  padding-left: 2.5rem !important;
}
.hrt-px-5 {
  padding-right: 2.5rem !important;
}
.hrt-py-5 {
  padding-bottom: 2.5rem !important;
  padding-top: 2.5rem !important;
}
.hrt-p-5 {
  padding: 2.5rem !important;
}
.hrt-mt-5 {
  margin-top: 2.5rem !important;
}
.hrt-mr-5 {
  margin-right: 2.5rem !important;
}
.hrt-mb-5 {
  margin-bottom: 2.5rem !important;
}
.hrt-ml-5,
.hrt-mx-5 {
  margin-left: 2.5rem !important;
}
.hrt-mx-5 {
  margin-right: 2.5rem !important;
}
.hrt-my-5 {
  margin-bottom: 2.5rem !important;
  margin-top: 2.5rem !important;
}
.hrt-m-5 {
  margin: 2.5rem !important;
}
.hrt-gap-5 {
  row-gap: 2.5rem !important;
}
.hrt-gap-5,
.hrt-gap-x-5 {
  column-gap: 2.5rem !important;
}
.hrt-gap-y-5 {
  row-gap: 2.5rem !important;
}
.hrt-pt-6 {
  padding-top: 3rem !important;
}
.hrt-pr-6 {
  padding-right: 3rem !important;
}
.hrt-pb-6 {
  padding-bottom: 3rem !important;
}
.hrt-pl-6,
.hrt-px-6 {
  padding-left: 3rem !important;
}
.hrt-px-6 {
  padding-right: 3rem !important;
}
.hrt-py-6 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.hrt-p-6 {
  padding: 3rem !important;
}
.hrt-mt-6 {
  margin-top: 3rem !important;
}
.hrt-mr-6 {
  margin-right: 3rem !important;
}
.hrt-mb-6 {
  margin-bottom: 3rem !important;
}
.hrt-ml-6,
.hrt-mx-6 {
  margin-left: 3rem !important;
}
.hrt-mx-6 {
  margin-right: 3rem !important;
}
.hrt-my-6 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.hrt-m-6 {
  margin: 3rem !important;
}
.hrt-gap-6 {
  row-gap: 3rem !important;
}
.hrt-gap-6,
.hrt-gap-x-6 {
  column-gap: 3rem !important;
}
.hrt-gap-y-6 {
  row-gap: 3rem !important;
}
.hrt-pt-7 {
  padding-top: 3.5rem !important;
}
.hrt-pr-7 {
  padding-right: 3.5rem !important;
}
.hrt-pb-7 {
  padding-bottom: 3.5rem !important;
}
.hrt-pl-7,
.hrt-px-7 {
  padding-left: 3.5rem !important;
}
.hrt-px-7 {
  padding-right: 3.5rem !important;
}
.hrt-py-7 {
  padding-bottom: 3.5rem !important;
  padding-top: 3.5rem !important;
}
.hrt-p-7 {
  padding: 3.5rem !important;
}
.hrt-mt-7 {
  margin-top: 3.5rem !important;
}
.hrt-mr-7 {
  margin-right: 3.5rem !important;
}
.hrt-mb-7 {
  margin-bottom: 3.5rem !important;
}
.hrt-ml-7,
.hrt-mx-7 {
  margin-left: 3.5rem !important;
}
.hrt-mx-7 {
  margin-right: 3.5rem !important;
}
.hrt-my-7 {
  margin-bottom: 3.5rem !important;
  margin-top: 3.5rem !important;
}
.hrt-m-7 {
  margin: 3.5rem !important;
}
.hrt-gap-7 {
  row-gap: 3.5rem !important;
}
.hrt-gap-7,
.hrt-gap-x-7 {
  column-gap: 3.5rem !important;
}
.hrt-gap-y-7 {
  row-gap: 3.5rem !important;
}
.hrt-pt-8 {
  padding-top: 4rem !important;
}
.hrt-pr-8 {
  padding-right: 4rem !important;
}
.hrt-pb-8 {
  padding-bottom: 4rem !important;
}
.hrt-pl-8,
.hrt-px-8 {
  padding-left: 4rem !important;
}
.hrt-px-8 {
  padding-right: 4rem !important;
}
.hrt-py-8 {
  padding-bottom: 4rem !important;
  padding-top: 4rem !important;
}
.hrt-p-8 {
  padding: 4rem !important;
}
.hrt-mt-8 {
  margin-top: 4rem !important;
}
.hrt-mr-8 {
  margin-right: 4rem !important;
}
.hrt-mb-8 {
  margin-bottom: 4rem !important;
}
.hrt-ml-8,
.hrt-mx-8 {
  margin-left: 4rem !important;
}
.hrt-mx-8 {
  margin-right: 4rem !important;
}
.hrt-my-8 {
  margin-bottom: 4rem !important;
  margin-top: 4rem !important;
}
.hrt-m-8 {
  margin: 4rem !important;
}
.hrt-gap-8 {
  row-gap: 4rem !important;
}
.hrt-gap-8,
.hrt-gap-x-8 {
  column-gap: 4rem !important;
}
.hrt-gap-y-8 {
  row-gap: 4rem !important;
}
.hrt-pt-9 {
  padding-top: 4.5rem !important;
}
.hrt-pr-9 {
  padding-right: 4.5rem !important;
}
.hrt-pb-9 {
  padding-bottom: 4.5rem !important;
}
.hrt-pl-9,
.hrt-px-9 {
  padding-left: 4.5rem !important;
}
.hrt-px-9 {
  padding-right: 4.5rem !important;
}
.hrt-py-9 {
  padding-bottom: 4.5rem !important;
  padding-top: 4.5rem !important;
}
.hrt-p-9 {
  padding: 4.5rem !important;
}
.hrt-mt-9 {
  margin-top: 4.5rem !important;
}
.hrt-mr-9 {
  margin-right: 4.5rem !important;
}
.hrt-mb-9 {
  margin-bottom: 4.5rem !important;
}
.hrt-ml-9,
.hrt-mx-9 {
  margin-left: 4.5rem !important;
}
.hrt-mx-9 {
  margin-right: 4.5rem !important;
}
.hrt-my-9 {
  margin-bottom: 4.5rem !important;
  margin-top: 4.5rem !important;
}
.hrt-m-9 {
  margin: 4.5rem !important;
}
.hrt-gap-9 {
  row-gap: 4.5rem !important;
}
.hrt-gap-9,
.hrt-gap-x-9 {
  column-gap: 4.5rem !important;
}
.hrt-gap-y-9 {
  row-gap: 4.5rem !important;
}
.hrt-pt-10 {
  padding-top: 5rem !important;
}
.hrt-pr-10 {
  padding-right: 5rem !important;
}
.hrt-pb-10 {
  padding-bottom: 5rem !important;
}
.hrt-pl-10,
.hrt-px-10 {
  padding-left: 5rem !important;
}
.hrt-px-10 {
  padding-right: 5rem !important;
}
.hrt-py-10 {
  padding-bottom: 5rem !important;
  padding-top: 5rem !important;
}
.hrt-p-10 {
  padding: 5rem !important;
}
.hrt-mt-10 {
  margin-top: 5rem !important;
}
.hrt-mr-10 {
  margin-right: 5rem !important;
}
.hrt-mb-10 {
  margin-bottom: 5rem !important;
}
.hrt-ml-10,
.hrt-mx-10 {
  margin-left: 5rem !important;
}
.hrt-mx-10 {
  margin-right: 5rem !important;
}
.hrt-my-10 {
  margin-bottom: 5rem !important;
  margin-top: 5rem !important;
}
.hrt-m-10 {
  margin: 5rem !important;
}
.hrt-gap-10 {
  row-gap: 5rem !important;
}
.hrt-gap-10,
.hrt-gap-x-10 {
  column-gap: 5rem !important;
}
.hrt-gap-y-10 {
  row-gap: 5rem !important;
}
.hrt-pt-11 {
  padding-top: 5.5rem !important;
}
.hrt-pr-11 {
  padding-right: 5.5rem !important;
}
.hrt-pb-11 {
  padding-bottom: 5.5rem !important;
}
.hrt-pl-11,
.hrt-px-11 {
  padding-left: 5.5rem !important;
}
.hrt-px-11 {
  padding-right: 5.5rem !important;
}
.hrt-py-11 {
  padding-bottom: 5.5rem !important;
  padding-top: 5.5rem !important;
}
.hrt-p-11 {
  padding: 5.5rem !important;
}
.hrt-mt-11 {
  margin-top: 5.5rem !important;
}
.hrt-mr-11 {
  margin-right: 5.5rem !important;
}
.hrt-mb-11 {
  margin-bottom: 5.5rem !important;
}
.hrt-ml-11,
.hrt-mx-11 {
  margin-left: 5.5rem !important;
}
.hrt-mx-11 {
  margin-right: 5.5rem !important;
}
.hrt-my-11 {
  margin-bottom: 5.5rem !important;
  margin-top: 5.5rem !important;
}
.hrt-m-11 {
  margin: 5.5rem !important;
}
.hrt-gap-11 {
  row-gap: 5.5rem !important;
}
.hrt-gap-11,
.hrt-gap-x-11 {
  column-gap: 5.5rem !important;
}
.hrt-gap-y-11 {
  row-gap: 5.5rem !important;
}
.hrt-pt-12 {
  padding-top: 6rem !important;
}
.hrt-pr-12 {
  padding-right: 6rem !important;
}
.hrt-pb-12 {
  padding-bottom: 6rem !important;
}
.hrt-pl-12,
.hrt-px-12 {
  padding-left: 6rem !important;
}
.hrt-px-12 {
  padding-right: 6rem !important;
}
.hrt-py-12 {
  padding-bottom: 6rem !important;
  padding-top: 6rem !important;
}
.hrt-p-12 {
  padding: 6rem !important;
}
.hrt-mt-12 {
  margin-top: 6rem !important;
}
.hrt-mr-12 {
  margin-right: 6rem !important;
}
.hrt-mb-12 {
  margin-bottom: 6rem !important;
}
.hrt-ml-12,
.hrt-mx-12 {
  margin-left: 6rem !important;
}
.hrt-mx-12 {
  margin-right: 6rem !important;
}
.hrt-my-12 {
  margin-bottom: 6rem !important;
  margin-top: 6rem !important;
}
.hrt-m-12 {
  margin: 6rem !important;
}
.hrt-gap-12 {
  row-gap: 6rem !important;
}
.hrt-gap-12,
.hrt-gap-x-12 {
  column-gap: 6rem !important;
}
.hrt-gap-y-12 {
  row-gap: 6rem !important;
}
.hrt-pt-15 {
  padding-top: 7.5rem !important;
}
.hrt-pr-15 {
  padding-right: 7.5rem !important;
}
.hrt-pb-15 {
  padding-bottom: 7.5rem !important;
}
.hrt-pl-15,
.hrt-px-15 {
  padding-left: 7.5rem !important;
}
.hrt-px-15 {
  padding-right: 7.5rem !important;
}
.hrt-py-15 {
  padding-bottom: 7.5rem !important;
  padding-top: 7.5rem !important;
}
.hrt-p-15 {
  padding: 7.5rem !important;
}
.hrt-mt-15 {
  margin-top: 7.5rem !important;
}
.hrt-mr-15 {
  margin-right: 7.5rem !important;
}
.hrt-mb-15 {
  margin-bottom: 7.5rem !important;
}
.hrt-ml-15,
.hrt-mx-15 {
  margin-left: 7.5rem !important;
}
.hrt-mx-15 {
  margin-right: 7.5rem !important;
}
.hrt-my-15 {
  margin-bottom: 7.5rem !important;
  margin-top: 7.5rem !important;
}
.hrt-m-15 {
  margin: 7.5rem !important;
}
.hrt-gap-15 {
  row-gap: 7.5rem !important;
}
.hrt-gap-15,
.hrt-gap-x-15 {
  column-gap: 7.5rem !important;
}
.hrt-gap-y-15 {
  row-gap: 7.5rem !important;
}
.hrt-pt-30 {
  padding-top: 15rem !important;
}
.hrt-pr-30 {
  padding-right: 15rem !important;
}
.hrt-pb-30 {
  padding-bottom: 15rem !important;
}
.hrt-pl-30,
.hrt-px-30 {
  padding-left: 15rem !important;
}
.hrt-px-30 {
  padding-right: 15rem !important;
}
.hrt-py-30 {
  padding-bottom: 15rem !important;
  padding-top: 15rem !important;
}
.hrt-p-30 {
  padding: 15rem !important;
}
.hrt-mt-30 {
  margin-top: 15rem !important;
}
.hrt-mr-30 {
  margin-right: 15rem !important;
}
.hrt-mb-30 {
  margin-bottom: 15rem !important;
}
.hrt-ml-30,
.hrt-mx-30 {
  margin-left: 15rem !important;
}
.hrt-mx-30 {
  margin-right: 15rem !important;
}
.hrt-my-30 {
  margin-bottom: 15rem !important;
  margin-top: 15rem !important;
}
.hrt-m-30 {
  margin: 15rem !important;
}
.hrt-gap-30 {
  row-gap: 15rem !important;
}
.hrt-gap-30,
.hrt-gap-x-30 {
  column-gap: 15rem !important;
}
.hrt-gap-y-30 {
  row-gap: 15rem !important;
}
.hrt-pt-half {
  padding-top: 0.25rem !important;
}
.hrt-pr-half {
  padding-right: 0.25rem !important;
}
.hrt-pb-half {
  padding-bottom: 0.25rem !important;
}
.hrt-pl-half,
.hrt-px-half {
  padding-left: 0.25rem !important;
}
.hrt-px-half {
  padding-right: 0.25rem !important;
}
.hrt-py-half {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.hrt-p-half {
  padding: 0.25rem !important;
}
.hrt-mt-half {
  margin-top: 0.25rem !important;
}
.hrt-mr-half {
  margin-right: 0.25rem !important;
}
.hrt-mb-half {
  margin-bottom: 0.25rem !important;
}
.hrt-ml-half,
.hrt-mx-half {
  margin-left: 0.25rem !important;
}
.hrt-mx-half {
  margin-right: 0.25rem !important;
}
.hrt-my-half {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.hrt-m-half {
  margin: 0.25rem !important;
}
.hrt-gap-half {
  row-gap: 0.25rem !important;
}
.hrt-gap-half,
.hrt-gap-x-half {
  column-gap: 0.25rem !important;
}
.hrt-gap-y-half {
  row-gap: 0.25rem !important;
}
.hrt-font-regular {
  font-weight: 400 !important;
}
.hrt-font-bold {
  font-weight: 700 !important;
}
.hrt-tracking-tighter {
  letter-spacing: -0.02em !important;
}
.hrt-tracking-tight {
  letter-spacing: -0.01em !important;
}
.hrt-tracking-normal {
  letter-spacing: 0 !important;
}
.hrt-leading-body {
  line-height: 1.5 !important;
}
.hrt-leading-body-sm {
  line-height: 1.25rem !important;
}
.hrt-leading-condensed {
  line-height: 1.33333 !important;
}
.hrt-leading-heading {
  line-height: 1.2 !important;
}
.hrt-leading-tight {
  line-height: 1.1 !important;
}
.hrt-leading-none {
  line-height: 1 !important;
}
.hrt-bg-transparent {
  background-color: initial !important;
}
.hrt-global-wrapper {
  margin: 0 auto;
  max-width: 48rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 64em) {
  .hrt-global-wrapper {
    max-width: 60rem;
  }
}
@media (min-width: 72em) {
  .hrt-global-wrapper {
    max-width: 72rem;
  }
}
.hrt-align-start {
  align-items: flex-start !important;
}
.hrt-align-end {
  align-items: flex-end !important;
}
.hrt-align-center {
  align-items: center !important;
}
.hrt-align-stretch {
  align-items: stretch !important;
}
.hrt-align-baseline {
  align-items: baseline !important;
}
.hrt-align-self-start {
  align-self: flex-start !important;
}
.hrt-align-self-end {
  align-self: flex-end !important;
}
.hrt-align-self-center {
  align-self: center !important;
}
.hrt-align-self-stretch {
  align-self: stretch !important;
}
.hrt-flex-child-auto {
  flex: 1 1 auto !important;
}
.hrt-flex-child-grow {
  flex: 1 0 auto !important;
}
.hrt-flex-child-shrink {
  flex: 0 1 auto !important;
}
.hrt-flex-child-full {
  flex: 0 0 100% !important;
}
.hrt-flex-dir-row {
  flex-direction: row !important;
}
.hrt-flex-dir-row-reverse {
  flex-direction: row-reverse !important;
}
.hrt-flex-dir-column {
  flex-direction: column !important;
}
.hrt-flex-dir-column-reverse {
  flex-direction: column-reverse !important;
}
.hrt-flex-nowrap {
  flex-wrap: nowrap !important;
}
.hrt-flex-wrap {
  flex-wrap: wrap !important;
}
.hrt-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.hrt-justify-start {
  justify-content: flex-start !important;
}
.hrt-justify-end {
  justify-content: flex-end !important;
}
.hrt-justify-center {
  justify-content: center !important;
}
.hrt-justify-between {
  justify-content: space-between !important;
}
.hrt-justify-around {
  justify-content: space-around !important;
}
.hrt-justify-evenly {
  justify-content: space-evenly !important;
}
.hrt-disp-block {
  display: block !important;
}
.hrt-disp-flex {
  display: flex !important;
}
.hrt-disp-grid {
  display: grid !important;
}
.hrt-disp-inherit {
  display: inherit;
}
.hrt-disp-inline {
  display: inline !important;
}
.hrt-disp-inline-block {
  display: inline-block !important;
}
.hrt-disp-inline-flex {
  display: inline-flex !important;
}
.hrt-disp-none {
  display: none !important;
}
.hrt-min-height-100vh {
  min-height: 100vh !important;
}
.hrt-height-100vh {
  height: 100vh !important;
}
.hrt-height-auto {
  height: auto !important;
}
.hrt-position-relative {
  position: relative !important;
}
.hrt-position-fixed {
  position: fixed !important;
}
.hrt-position-absolute {
  position: absolute !important;
}
.hrt-position-static {
  position: static !important;
}
.hrt-max-width-full {
  max-width: 100% !important;
}
.hrt-max-width-screen-xs {
  max-width: 23.4375rem !important;
}
@media (max-width: 47.999em) {
  .hrt-max-width-screen-xs--mobile-only {
    max-width: 23.4375rem !important;
  }
}
.hrt-width-full {
  width: 100% !important;
}
@media (max-width: 47.999em) {
  .hrt-width-full--mobile-only {
    width: 100% !important;
  }
}
.hrt-width-auto {
  width: auto !important;
}
.hrt-m-auto {
  margin: auto !important;
}
.hrt-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.hrt-my-auto {
  margin-bottom: auto !important;
}
.hrt-mt-auto,
.hrt-my-auto {
  margin-top: auto !important;
}
.hrt-mr-auto {
  margin-right: auto !important;
}
.hrt-mb-auto {
  margin-bottom: auto !important;
}
.hrt-ml-auto {
  margin-left: auto !important;
}
.hrt-text-display-lg {
  font-size: clamp(3rem, 3rem + 2.125 * (100vw - 23.4375rem)/66.5625, 5.125rem);
}
.hrt-text-display-lg,
.hrt-text-display-md {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.hrt-text-display-md {
  font-size: clamp(2.5rem, 2.5rem + 1.5 * (100vw - 23.4375rem)/66.5625, 4rem);
}
.hrt-text-display-sm {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: clamp(
    1.75rem,
    1.75rem + 0.75 * (100vw - 23.4375rem)/66.5625,
    2.5rem
  );
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.hrt-text-heading-xl {
  font-size: clamp(
    1.75rem,
    1.75rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    2rem
  );
}
.hrt-text-heading-lg,
.hrt-text-heading-xl {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.hrt-text-heading-lg {
  font-size: clamp(
    1.5rem,
    1.5rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.75rem
  );
}
.hrt-text-heading-md {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: clamp(
    1.25rem,
    1.25rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.5rem
  );
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.hrt-text-heading-sm {
  font-size: clamp(1rem, 1rem + 0.25 * (100vw - 23.4375rem)/66.5625, 1.25rem);
}
.hrt-text-heading-sm,
.hrt-text-heading-xs {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}
.hrt-text-heading-xs {
  font-size: clamp(
    0.875rem,
    0.875rem + 0.125 * (100vw - 23.4375rem)/66.5625,
    1rem
  );
}
.hrt-text-legend {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.hrt-text-body-lg {
  font-size: clamp(
    1.25rem,
    1.25rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.5rem
  );
}
.hrt-text-body-lg,
.hrt-text-body-md {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}
.hrt-text-body-md {
  font-size: 1rem;
}
.hrt-text-body-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.hrt-text-body-sm,
.hrt-text-body-xs {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}
.hrt-text-body-xs {
  font-size: 0.75rem;
  line-height: 1.33333;
}
.hrt-text-center {
  text-align: center !important;
}
.hrt-text-left {
  text-align: left !important;
}
.hrt-text-right {
  text-align: right !important;
}
.hrt-list-unstyled {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}
.hrt-truncate-single-line {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.hrt-break-word {
  -webkit-hyphens: auto !important;
  hyphens: auto !important;
  white-space: normal !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.hrt-underline {
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important;
}
.hrt-no-underline {
  -webkit-text-decoration-line: none !important;
  text-decoration-line: none !important;
}
.hrt-text-uppercase {
  text-transform: uppercase;
}
.hrt-text-mono {
  font-family: ui-monospace, Menlo, Monaco, Cascadia Mono, Segoe UI Mono,
    Roboto Mono, Oxygen Mono, "Ubuntu Monospace", Source Code Pro, Fira Mono,
    Droid Sans Mono, Courier New, monospace;
  font-feature-settings: normal;
}
.hrt-invisible {
  visibility: hidden;
}
.hrt-show-on-focus,
.hrt-sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.hrt-show-on-focus:active,
.hrt-show-on-focus:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static !important;
  white-space: normal;
  width: auto;
}
.hrt-opacity-0 {
  opacity: 0 !important;
}
@media (min-width: 23.4375em) and (max-width: 35.999em) {
  .hrt-hide-between-xs-sm {
    display: none !important;
  }
}
@media (min-width: 36em) and (max-width: 47.999em) {
  .hrt-hide-between-sm-md {
    display: none !important;
  }
}
@media (min-width: 48em) and (max-width: 63.999em) {
  .hrt-hide-between-md-lg {
    display: none !important;
  }
}
@media (min-width: 64em) and (max-width: 71.999em) {
  .hrt-hide-between-lg-xl {
    display: none !important;
  }
}
@media (min-width: 72em) and (max-width: 89.999em) {
  .hrt-hide-between-xl-xxl {
    display: none !important;
  }
}
@media (min-width: 90em) and (max-width: 119.999em) {
  .hrt-hide-between-xxl-xxxl {
    display: none !important;
  }
}
@media (min-width: 23.4375em) and (max-width: 47.999em) {
  .hrt-hide-between-xs-md {
    display: none !important;
  }
}
@media (min-width: 36em) and (max-width: 63.999em) {
  .hrt-hide-between-sm-lg {
    display: none !important;
  }
}
@media (min-width: 48em) and (max-width: 71.999em) {
  .hrt-hide-between-md-xl {
    display: none !important;
  }
}
@media (min-width: 64em) and (max-width: 89.999em) {
  .hrt-hide-between-lg-xxl {
    display: none !important;
  }
}
@media (min-width: 72em) and (max-width: 119.999em) {
  .hrt-hide-between-xl-xxxl {
    display: none !important;
  }
}
@media (min-width: 23.4375em) and (max-width: 63.999em) {
  .hrt-hide-between-xs-lg {
    display: none !important;
  }
}
@media (min-width: 36em) and (max-width: 71.999em) {
  .hrt-hide-between-sm-xl {
    display: none !important;
  }
}
@media (min-width: 48em) and (max-width: 89.999em) {
  .hrt-hide-between-md-xxl {
    display: none !important;
  }
}
@media (min-width: 64em) and (max-width: 119.999em) {
  .hrt-hide-between-lg-xxxl {
    display: none !important;
  }
}
@media (min-width: 23.4375em) and (max-width: 71.999em) {
  .hrt-hide-between-xs-xl {
    display: none !important;
  }
}
@media (min-width: 36em) and (max-width: 89.999em) {
  .hrt-hide-between-sm-xxl {
    display: none !important;
  }
}
@media (min-width: 48em) and (max-width: 119.999em) {
  .hrt-hide-between-md-xxxl {
    display: none !important;
  }
}
@media (min-width: 23.4375em) and (max-width: 89.999em) {
  .hrt-hide-between-xs-xxl {
    display: none !important;
  }
}
@media (min-width: 36em) and (max-width: 119.999em) {
  .hrt-hide-between-sm-xxxl {
    display: none !important;
  }
}
@media (max-width: 23.4365em) {
  .hrt-hide-max-xs {
    display: none !important;
  }
}
@media (max-width: 35.999em) {
  .hrt-hide-max-sm {
    display: none !important;
  }
}
@media (max-width: 47.999em) {
  .hrt-hide-max-md {
    display: none !important;
  }
}
@media (max-width: 63.999em) {
  .hrt-hide-max-lg {
    display: none !important;
  }
}
@media (max-width: 71.999em) {
  .hrt-hide-max-xl {
    display: none !important;
  }
}
@media (max-width: 89.999em) {
  .hrt-hide-max-xxl {
    display: none !important;
  }
}
@media (max-width: 119.999em) {
  .hrt-hide-max-xxxl {
    display: none !important;
  }
}
@media (min-width: 23.4375em) {
  .hrt-hide-min-xs {
    display: none !important;
  }
}
@media (min-width: 36em) {
  .hrt-hide-min-sm {
    display: none !important;
  }
}
@media (min-width: 48em) {
  .hrt-hide-min-md {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .hrt-hide-min-lg {
    display: none !important;
  }
}
@media (min-width: 72em) {
  .hrt-hide-min-xl {
    display: none !important;
  }
}
@media (min-width: 90em) {
  .hrt-hide-min-xxl {
    display: none !important;
  }
}
@media (min-width: 120em) {
  .hrt-hide-min-xxxl {
    display: none !important;
  }
}
@media print {
  .hrt-hide-print {
    display: none !important;
  }
}
.hrt-section-top-edge--arc {
  margin-top: 5%;
  padding-bottom: 4%;
  position: relative;
}
.hrt-section-top-edge--arc:before {
  aspect-ratio: 1440/90;
  background-color: inherit;
  content: "";
  display: block;
  height: auto;
  left: 0;
  -webkit-mask: url('data:image/svg+xml,<svg width="1440" height="90" viewBox="0 0 1440 90" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="720.5" cy="319.444" rx="1331.5" ry="319" fill="%23DAF4F4"/></svg>')
    0 0/100% no-repeat;
  mask: url('data:image/svg+xml,<svg width="1440" height="90" viewBox="0 0 1440 90" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="720.5" cy="319.444" rx="1331.5" ry="319" fill="%23DAF4F4"/></svg>')
    0 0/100% no-repeat;
  position: absolute;
  top: 0;
  transform: translateY(-80%);
  width: 100%;
  z-index: 2;
}
.hrt-section-top-edge--arc > * {
  position: relative;
  z-index: 3;
}
.hrt-section-top-edge--rounded-corners {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.hrt-section-bottom-edge--arc {
  margin-bottom: 5%;
  padding-top: 4%;
  position: relative;
}
.hrt-section-bottom-edge--arc:after {
  aspect-ratio: 1440/90;
  background-color: inherit;
  bottom: 0;
  content: "";
  display: block;
  height: auto;
  left: 0;
  -webkit-mask: url('data:image/svg+xml,<svg width="1440" height="90" viewBox="0 0 1440 90" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="720.5" cy="319.444" rx="1331.5" ry="319" fill="%23DAF4F4"/></svg>')
    0 0/100% no-repeat;
  mask: url('data:image/svg+xml,<svg width="1440" height="90" viewBox="0 0 1440 90" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="720.5" cy="319.444" rx="1331.5" ry="319" fill="%23DAF4F4"/></svg>')
    0 0/100% no-repeat;
  position: absolute;
  transform: translateY(80%) rotate(180deg);
  width: 100%;
  z-index: 2;
}
.hrt-section-bottom-edge--arc > * {
  position: relative;
  z-index: 3;
}
.hrt-section-bottom-edge--rounded-corners {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.hrt-container {
  margin: 0 auto;
  max-width: 48rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 64em) {
  .hrt-container {
    max-width: 64rem;
  }
}
@media (min-width: 72em) {
  .hrt-container {
    max-width: 72rem;
  }
}
.hrt-grid-columns {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-rows: auto;
}
.hrt-grid-columns--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hrt-grid-columns--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hrt-grid-columns--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hrt-grid-columns--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.hrt-grid-columns--6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 63.999em) {
  .hrt-grid-columns--2.hrt-grid-columns--desktop-only,
  .hrt-grid-columns--3.hrt-grid-columns--desktop-only,
  .hrt-grid-columns--4.hrt-grid-columns--desktop-only,
  .hrt-grid-columns--5.hrt-grid-columns--desktop-only,
  .hrt-grid-columns--6.hrt-grid-columns--desktop-only {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.hrt-grid-columns--column-gap-1 {
  column-gap: 0.5rem;
}
.hrt-grid-columns--column-gap-2 {
  column-gap: 1rem;
}
.hrt-grid-columns--column-gap-3 {
  column-gap: 1.5rem;
}
.hrt-grid-columns--column-gap-4 {
  column-gap: 2rem;
}
.hrt-grid-columns--column-gap-5 {
  column-gap: 2.5rem;
}
.hrt-grid-columns--row-gap-1 {
  row-gap: 0.5rem;
}
.hrt-grid-columns--row-gap-2 {
  row-gap: 1rem;
}
.hrt-grid-columns--row-gap-3 {
  row-gap: 1.5rem;
}
.hrt-grid-columns--row-gap-4 {
  row-gap: 2rem;
}
.hrt-grid-columns--row-gap-5 {
  row-gap: 2.5rem;
}
.hrt-text-on-arc {
  font-size: 1em;
  overflow: visible;
  position: relative;
  z-index: 100;
}
.hrt-text-on-arc svg {
  display: block;
  height: auto;
  overflow: visible;
  width: 100%;
}
.hrt-text-on-arc svg path {
  fill: none;
  stroke: #000;
}
.hrt-text-on-arc svg text {
  fill: currentcolor;
}
.hrt-image-avatar--small {
  height: 1.5rem;
  width: 1.5rem;
}
.hrt-image-avatar--large {
  height: 2.5rem;
  width: 2.5rem;
}
.hrt-avatar {
  align-items: center;
  border: 1px solid #0000;
  border-radius: 50%;
  color: var(--hrt-color-icon-default);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  text-transform: uppercase;
}
.hrt-avatar--xsmall {
  font-size: 0.5rem;
  height: 1rem;
  width: 1rem;
}
.hrt-avatar--xsmall .hrt-icon {
  height: 0.5rem;
  width: 0.5rem;
}
.hrt-avatar--small {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.33333;
  height: 1.5rem;
  line-height: 1;
  width: 1.5rem;
}
.hrt-avatar--small .hrt-icon {
  height: 1rem;
  width: 1rem;
}
.hrt-avatar--default {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  height: 2.5rem;
  line-height: 1;
  width: 2.5rem;
}
.hrt-avatar--default .hrt-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.hrt-avatar--large {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: clamp(
    1.25rem,
    1.25rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.5rem
  );
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  border: 2px solid var(--hrt-color-surface-default);
  font-weight: 700;
  height: 3.5rem;
  line-height: 1;
  width: 3.5rem;
}
.hrt-avatar--large .hrt-icon {
  height: 2rem;
  width: 2rem;
}
.hrt-avatar--neutral {
  background-color: var(--hrt-color-surface-neutral-subtle);
}
.hrt-avatar--brand {
  background-color: var(--hrt-color-surface-brand-medium);
  color: var(--hrt-color-text-brand-strong);
}
.hrt-avatar--accent-blue {
  background-color: var(--hrt-color-surface-accent-blue-medium);
  color: var(--hrt-color-text-accent-blue-strong-on-medium);
}
.hrt-avatar--accent-pink {
  background-color: var(--hrt-color-surface-accent-pink-medium);
  color: var(--hrt-color-text-accent-pink-strong-on-medium);
}
.hrt-avatar--accent-yellow {
  background-color: var(--hrt-color-surface-accent-yellow-medium);
  color: var(--hrt-color-text-accent-yellow-strong-on-medium);
}
.hrt-avatar--accent-purple {
  background-color: var(--hrt-color-surface-accent-purple-medium);
  color: var(--hrt-color-text-accent-purple-strong-on-medium);
}
.hrt-team-avatar {
  background-color: var(--hrt-color-surface-accent-yellow-medium);
  color: var(--hrt-color-icon-accent-yellow-strong-on-medium);
}
.hrt-avatar--surface-default {
  border-color: var(--hrt-color-surface-default);
}
.hrt-avatar--surface-neutral-extra-subtle {
  border-color: var(--hrt-color-surface-neutral-extra-subtle);
}
.hrt-avatar--surface-neutral-subtle {
  border-color: var(--hrt-color-surface-neutral-subtle);
}
.hrt-avatar--surface-brand-medium {
  border-color: var(--hrt-color-surface-brand-medium);
}
.hrt-avatar--surface-brand-strong {
  border-color: var(--hrt-color-surface-brand-strong);
}
.hrt-avatar--surface-brand-strongest {
  border-color: var(--hrt-color-surface-brand-strongest);
}
.hrt-avatar--surface-accent-blue-medium {
  border-color: var(--hrt-color-surface-accent-blue-medium);
}
.hrt-avatar--surface-accent-pink-medium {
  border-color: var(--hrt-color-surface-accent-pink-medium);
}
.hrt-avatar--surface-accent-yellow-medium {
  border-color: var(--hrt-color-surface-accent-yellow-medium);
}
.hrt-avatar--surface-accent-purple-medium {
  border-color: var(--hrt-color-surface-accent-purple-medium);
}
.hrt-avatar-stack {
  display: flex;
  flex-direction: row-reverse;
  flex-shrink: 0;
  position: relative;
  width: max-content;
}
.hrt-avatar-stack-item:not(:last-child) {
  margin-left: -10px;
}
.hrt-add-media {
  border: 1px dashed var(--hrt-color-border-neutral-medium);
  border-radius: 1rem;
  box-sizing: initial;
  cursor: pointer;
  position: relative;
  transition-duration: 0.5s;
  transition-property: background-color, color, border-color, opacity, transform;
  transition-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  width: 100%;
}
@media (hover: hover) {
  .hrt-add-media:hover {
    border-color: var(--hrt-color-border-neutral-medium-hover);
    border-style: solid;
  }
}
.hrt-add-media--16by9 {
  padding-top: 56.25% !important;
}
.hrt-add-media--4by3 {
  padding-top: 75% !important;
}
.hrt-add-media--3by2 {
  padding-top: 66.66% !important;
}
.hrt-add-media--1by1 {
  padding-top: 100% !important;
}
.hrt-add-media-content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.hrt-add-media-description {
  margin-top: 12px;
}
.hrt-base-button {
  align-items: center;
  appearance: none;
  background-color: #0000;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  transition-duration: 0.5s;
  transition-property: background-color, box-shadow, color, border-color,
    opacity, transform;
  transition-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-base-button,
.hrt-base-button:hover {
  text-decoration: none;
}
.hrt-base-button--disabled {
  pointer-events: none;
}
.hrt-base-button--pending,
.hrt-base-button--pending:hover {
  color: #0000 !important;
}
.hrt-base-button--pending:hover > :not(.a-loading-dots),
.hrt-base-button--pending > :not(.a-loading-dots) {
  opacity: 0;
}
.hrt-link--gray {
  --hrt-link-color: var(--hrt-color-text-supporting);
}
.hrt-link--unstyled,
.hrt-link--unstyled:hover {
  color: inherit;
  text-decoration: none;
}
.hrt-link--underlined:not(.hrt-link--unstyled) {
  text-decoration: underline;
}
.hrt-link--implied,
.hrt-link--underlined:not(.hrt-link--unstyled):hover {
  text-decoration: none;
}
.hrt-link--implied:hover {
  text-decoration: underline;
}
.hrt-primary-button {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  align-items: center;
  appearance: none;
  border: 1px solid #0000;
  border-radius: 624.9375rem;
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
}
.hrt-primary-button,
.hrt-primary-button.sb-hover,
.hrt-primary-button:hover {
  text-decoration: none;
}
.hrt-primary-button--xlarge {
  min-height: 3.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.hrt-primary-button--large {
  min-height: 3rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.hrt-primary-button--medium {
  min-height: 2.5rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.hrt-primary-button--small {
  font-size: 0.875rem;
  line-height: 1.25rem;
  min-height: 2rem;
  padding: 0.25rem 1rem;
}
.hrt-primary-button--small,
.hrt-primary-button--xsmall {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  border-radius: 624.9375rem;
  font-weight: 700;
}
.hrt-primary-button--xsmall {
  font-size: 0.75rem;
  line-height: 1.33333;
  min-height: 1.5rem;
  padding: 0 0.5rem;
}
.hrt-primary-button--full {
  display: flex;
  width: 100%;
}
@media (max-width: 47.999em) {
  .hrt-primary-button--full-for-mobile {
    display: flex;
    width: 100%;
  }
}
.hrt-primary-button--default {
  background-color: var(--hrt-color-surface-brand-strong);
  color: var(--hrt-color-text-brand-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--default:not(.hrt-primary-button--disabled).sb-hover,
  .hrt-primary-button--default:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-brand-strong-hover);
    color: var(--hrt-color-text-brand-on-strong);
  }
}
.hrt-primary-button--default-on-strong {
  background-color: var(--hrt-color-surface-brand-on-strong);
  color: var(--hrt-color-text-brand-strong);
}
@media (hover: hover) {
  .hrt-primary-button--default-on-strong:not(
      .hrt-primary-button--disabled
    ).sb-hover,
  .hrt-primary-button--default-on-strong:not(
      .hrt-primary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-brand-on-strong-hover);
    color: var(--hrt-color-text-brand-strong);
  }
}
.hrt-primary-button--on-media {
  background-color: var(--hrt-color-surface-on-strong);
  color: var(--hrt-color-text-default);
}
@media (hover: hover) {
  .hrt-primary-button--on-media:not(.hrt-primary-button--disabled).sb-hover,
  .hrt-primary-button--on-media:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-on-strong-hover);
    color: var(--hrt-color-text-default);
  }
}
.hrt-primary-button--on-accent-blue {
  background-color: var(--hrt-color-surface-accent-blue-strong-on-medium);
  color: var(--hrt-color-text-accent-blue-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-accent-blue:not(
      .hrt-primary-button--disabled
    ).sb-hover,
  .hrt-primary-button--on-accent-blue:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-accent-blue-strong-on-hover);
    color: var(--hrt-color-text-accent-blue-on-strong);
  }
}
.hrt-primary-button--on-accent-yellow {
  background-color: var(--hrt-color-surface-accent-yellow-strong-on-medium);
  color: var(--hrt-color-text-accent-yellow-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-accent-yellow:not(
      .hrt-primary-button--disabled
    ).sb-hover,
  .hrt-primary-button--on-accent-yellow:not(
      .hrt-primary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-yellow-strong-on-hover);
    color: var(--hrt-color-text-accent-yellow-on-strong);
  }
}
.hrt-primary-button--on-accent-purple {
  background-color: var(--hrt-color-surface-accent-purple-strong-on-medium);
  color: var(--hrt-color-text-accent-purple-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-accent-purple:not(
      .hrt-primary-button--disabled
    ).sb-hover,
  .hrt-primary-button--on-accent-purple:not(
      .hrt-primary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-purple-strong-on-hover);
    color: var(--hrt-color-text-accent-purple-on-strong);
  }
}
.hrt-primary-button--on-accent-pink {
  background-color: var(--hrt-color-surface-accent-pink-strong-on-medium);
  color: var(--hrt-color-text-accent-pink-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-accent-pink:not(
      .hrt-primary-button--disabled
    ).sb-hover,
  .hrt-primary-button--on-accent-pink:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-accent-pink-strong-on-hover);
    color: var(--hrt-color-text-accent-pink-on-strong);
  }
}
.hrt-primary-button--on-negative {
  background-color: var(--hrt-color-surface-negative-strong);
  color: var(--hrt-color-text-negative-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-negative:not(.hrt-primary-button--disabled).sb-hover,
  .hrt-primary-button--on-negative:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-negative-strong-hover);
    color: var(--hrt-color-text-negative-on-strong);
  }
}
.hrt-primary-button--on-positive {
  background-color: var(--hrt-color-surface-positive-strong);
  color: var(--hrt-color-text-positive-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-positive:not(.hrt-primary-button--disabled).sb-hover,
  .hrt-primary-button--on-positive:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-positive-strong-hover);
    color: var(--hrt-color-text-positive-on-strong);
  }
}
.hrt-primary-button--on-informative {
  background-color: var(--hrt-color-surface-informative-strong);
  color: var(--hrt-color-text-informative-on-strong);
}
@media (hover: hover) {
  .hrt-primary-button--on-informative:not(
      .hrt-primary-button--disabled
    ).sb-hover,
  .hrt-primary-button--on-informative:not(.hrt-primary-button--disabled):hover {
    background-color: var(--hrt-color-surface-informative-strong-hover);
    color: var(--hrt-color-text-informative-on-strong);
  }
}
.hrt-primary-button--disabled,
a.hrt-primary-button--disabled {
  background-color: var(--hrt-color-surface-disabled);
  color: var(--hrt-color-text-on-disabled);
}
.hrt-primary-button--disabled.hrt-primary-button--default-on-strong,
a.hrt-primary-button--disabled.hrt-primary-button--default-on-strong {
  background-color: var(--hrt-color-surface-disabled-on-strong);
  color: var(--hrt-color-text-disabled-on-disabled-on-strong);
}
.hrt-secondary-button {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  align-items: center;
  appearance: none;
  background-color: #0000;
  border: 1px solid;
  border-radius: 624.9375rem;
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: center;
  text-decoration: none;
}
.hrt-secondary-button.sb-hover,
.hrt-secondary-button:hover {
  text-decoration: none;
}
.hrt-secondary-button--xlarge {
  min-height: 3.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.hrt-secondary-button--large {
  min-height: 3rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.hrt-secondary-button--medium {
  min-height: 2.5rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.hrt-secondary-button--small {
  font-size: 0.875rem;
  line-height: 1.25rem;
  min-height: 2rem;
  padding: 0.25rem 1rem;
}
.hrt-secondary-button--small,
.hrt-secondary-button--xsmall {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  border-radius: 624.9375rem;
  font-weight: 700;
}
.hrt-secondary-button--xsmall {
  font-size: 0.75rem;
  line-height: 1.33333;
  min-height: 1.5rem;
  padding: 0 0.5rem;
}
.hrt-secondary-button--full {
  display: flex;
  width: 100%;
}
@media (max-width: 47.999em) {
  .hrt-secondary-button--full-for-mobile {
    display: flex;
    width: 100%;
  }
}
.hrt-secondary-button--default {
  border-color: var(--hrt-color-border-neutral-medium);
  color: var(--hrt-color-text-default);
}
@media (hover: hover) {
  .hrt-secondary-button--default:not(.hrt-secondary-button--disabled).sb-hover,
  .hrt-secondary-button--default:not(.hrt-secondary-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-hover);
    border-color: var(--hrt-color-border-neutral-medium-hover);
    color: var(--hrt-color-text-default);
  }
}
.hrt-secondary-button--default-on-strong {
  background-color: var(--hrt-color-surface-implied-on-strong);
  border-color: var(--hrt-color-border-on-strong);
  color: var(--hrt-color-text-on-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--default-on-strong:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--default-on-strong:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-on-strong-hover);
    color: var(--hrt-color-text-on-strong);
  }
}
.hrt-secondary-button--destructive {
  border-color: var(--hrt-color-border-negative);
  color: var(--hrt-color-text-negative);
}
@media (hover: hover) {
  .hrt-secondary-button--destructive:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--destructive:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-negative-hover);
    border-color: var(--hrt-color-border-negative);
    color: var(--hrt-color-text-negative);
  }
}
.hrt-secondary-button--on-brand {
  border-color: var(--hrt-color-border-brand-strong);
  color: var(--hrt-color-text-brand-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-brand:not(.hrt-secondary-button--disabled).sb-hover,
  .hrt-secondary-button--on-brand:not(.hrt-secondary-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-brand-hover);
    border-color: var(--hrt-color-text-brand-strong);
    color: var(--hrt-color-text-brand-strong);
  }
}
.hrt-secondary-button--on-accent-blue {
  border-color: var(--hrt-color-border-accent-blue-strong-on-medium);
  color: var(--hrt-color-text-accent-blue-strong-on-medium);
}
@media (hover: hover) {
  .hrt-secondary-button--on-accent-blue:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-accent-blue:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-blue-implied-hover);
    border-color: var(--hrt-color-border-accent-blue-strong-on-medium);
    color: var(--hrt-color-text-accent-blue-strong-on-medium);
  }
}
.hrt-secondary-button--on-accent-yellow {
  border-color: var(--hrt-color-border-accent-yellow-strong-on-medium);
  color: var(--hrt-color-text-accent-yellow-strong-on-medium);
}
@media (hover: hover) {
  .hrt-secondary-button--on-accent-yellow:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-accent-yellow:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-yellow-implied-hover);
    border-color: var(--hrt-color-border-accent-yellow-strong-on-medium);
    color: var(--hrt-color-text-accent-yellow-strong-on-medium);
  }
}
.hrt-secondary-button--on-accent-purple {
  border-color: var(--hrt-color-border-accent-purple-strong-on-medium);
  color: var(--hrt-color-text-accent-purple-strong-on-medium);
}
@media (hover: hover) {
  .hrt-secondary-button--on-accent-purple:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-accent-purple:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-purple-implied-hover);
    border-color: var(--hrt-color-border-accent-purple-strong-on-medium);
    color: var(--hrt-color-text-accent-purple-strong-on-medium);
  }
}
.hrt-secondary-button--on-accent-pink {
  border-color: var(--hrt-color-border-accent-pink-strong-on-medium);
  color: var(--hrt-color-text-accent-pink-strong-on-medium);
}
@media (hover: hover) {
  .hrt-secondary-button--on-accent-pink:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-accent-pink:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-pink-implied-hover);
    border-color: var(--hrt-color-border-accent-pink-strong-on-medium);
    color: var(--hrt-color-text-accent-pink-strong-on-medium);
  }
}
.hrt-secondary-button--on-negative {
  border-color: var(--hrt-color-border-negative-strong);
  color: var(--hrt-color-text-negative-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-negative:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-negative:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-negative-hover);
    border-color: var(--hrt-color-border-negative-strong);
    color: var(--hrt-color-text-negative-strong);
  }
}
.hrt-secondary-button--on-positive {
  border-color: var(--hrt-color-border-positive-strong);
  color: var(--hrt-color-text-positive-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-positive:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-positive:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-positive-hover);
    border-color: var(--hrt-color-border-positive-strong);
    color: var(--hrt-color-text-positive-strong);
  }
}
.hrt-secondary-button--on-informative {
  border-color: var(--hrt-color-border-informative-strong);
  color: var(--hrt-color-text-informative-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-informative:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-informative:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-informative-hover);
    border-color: var(--hrt-color-border-informative-strong);
    color: var(--hrt-color-text-informative-strong);
  }
}
.hrt-secondary-button--on-feature {
  border-color: var(--hrt-color-border-feature-strong);
  color: var(--hrt-color-text-feature-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-feature:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-feature:not(.hrt-secondary-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-feature-hover);
    border-color: var(--hrt-color-border-feature-strong);
    color: var(--hrt-color-text-feature-strong);
  }
}
.hrt-secondary-button--on-tip {
  border-color: var(--hrt-color-border-tip-strong);
  color: var(--hrt-color-text-tip-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-tip:not(.hrt-secondary-button--disabled).sb-hover,
  .hrt-secondary-button--on-tip:not(.hrt-secondary-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-tip-hover);
    border-color: var(--hrt-color-border-tip-strong);
    color: var(--hrt-color-text-tip-strong);
  }
}
.hrt-secondary-button--on-neutral-subtle {
  border-color: var(--hrt-color-border-neutral-subtle);
  color: var(--hrt-color-text-strong);
}
@media (hover: hover) {
  .hrt-secondary-button--on-neutral-subtle:not(
      .hrt-secondary-button--disabled
    ).sb-hover,
  .hrt-secondary-button--on-neutral-subtle:not(
      .hrt-secondary-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-hover);
    border-color: var(--hrt-color-border-neutral-subtle);
    color: var(--hrt-color-text-strong);
  }
}
.hrt-secondary-button--disabled {
  border-color: var(--hrt-color-border-disabled);
  color: var(--hrt-color-text-disabled);
}
.hrt-secondary-button--disabled.hrt-secondary-button--default-on-strong {
  border-color: var(--hrt-color-border-disabled-on-strong);
  color: var(--hrt-color-text-disabled-on-strong);
}
.hrt-tertiary-button {
  border: 1px solid #0000;
  border-radius: 624.9375rem;
  color: var(--hrt-color-text-default);
  justify-content: center;
  padding: 0.25rem 0.5rem;
  text-align: center;
}
@media (hover: hover) {
  .hrt-tertiary-button:not(.hrt-tertiary-button--disabled).sb-hover,
  .hrt-tertiary-button:not(.hrt-tertiary-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-hover);
    color: var(--hrt-color-text-default);
  }
}
.hrt-tertiary-button--disabled {
  color: var(--hrt-color-text-disabled);
}
.hrt-tertiary-button--full {
  display: flex;
  width: 100%;
}
@media (max-width: 47.999em) {
  .hrt-tertiary-button--full-for-mobile {
    display: flex;
    width: 100%;
  }
}
.hrt-text-button {
  align-items: center;
  appearance: none;
  background-color: #0000;
  color: var(--hrt-link-color);
  cursor: pointer;
  display: inline-flex;
}
.hrt-text-button:disabled {
  --hrt-link-color: var(--hrt-color-text-disabled);
  pointer-events: none;
}
.hrt-text-button:not(:disabled).sb-hover,
.hrt-text-button:not(:disabled):hover {
  color: var(--hrt-link-color);
}
.hrt-text-button--gray {
  --hrt-link-color: var(--hrt-color-text-supporting);
}
.hrt-text-button--pending,
.hrt-text-button--pending:hover {
  color: #0000 !important;
  justify-content: center;
  position: relative;
}
.hrt-text-button--underlined {
  text-decoration: underline;
}
.hrt-text-button--implied,
.hrt-text-button--underlined:not(:disabled).sb-hover,
.hrt-text-button--underlined:not(:disabled):hover {
  text-decoration: none;
}
.hrt-text-button--implied:not(:disabled).sb-hover,
.hrt-text-button--implied:not(:disabled):hover {
  text-decoration: underline;
}
.hrt-button-group {
  display: flex;
  gap: 1rem;
}
.hrt-button-group--orientation-side-by-side {
  flex-direction: row;
}
.hrt-button-group--alignment-left {
  justify-content: start;
}
.hrt-button-group--alignment-right {
  flex-direction: row-reverse;
  justify-content: end;
}
.hrt-button-group--alignment-right.hrt-button-group--choice {
  flex-direction: row;
}
.hrt-button-group--alignment-full {
  flex-direction: row-reverse;
}
.hrt-button-group--alignment-full > * {
  flex: 1 1;
}
.hrt-button-group--alignment-full.hrt-button-group--choice {
  flex-direction: row;
}
.hrt-button-group--orientation-stacked {
  align-items: stretch;
  flex-direction: column;
}
.hrt-button-group--orientation-stacked.hrt-button-group--choice {
  flex-direction: column;
}
@media (max-width: 47.999em) {
  .hrt-button-group--orientation-stacked-for-mobile {
    align-items: stretch;
    flex-direction: column;
  }
  .hrt-button-group--orientation-stacked-for-mobile.hrt-button-group--choice {
    flex-direction: column;
  }
}
.hrt-choice-button {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  align-items: center;
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.5rem;
  color: var(--hrt-color-text-default);
  display: flex;
  justify-content: center;
  line-height: 1;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  text-align: center;
  transition-duration: 0.5s;
  transition-property: background-color, color, border-color;
  transition-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
}
@media (hover: hover) {
  .hrt-choice-button:not(.hrt-choice-button--disabled).sb-hover,
  .hrt-choice-button:not(.hrt-choice-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-hover);
    border-color: var(--hrt-color-border-neutral-medium-hover);
    cursor: pointer;
  }
}
.hrt-choice-button--size-large {
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
}
.hrt-choice-button--disabled {
  border-color: var(--hrt-color-border-disabled);
  color: var(--hrt-color-text-disabled);
  cursor: not-allowed;
}
.hrt-choice-button > input {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.hrt-choice-button:has(> input:focus-visible) {
  outline: 1px auto Highlight;
  outline: 1px auto -webkit-focus-ring-color;
}
.hrt-choice-button:has(> input.hrt-choice-button--selected),
.hrt-choice-button:has(> input:checked) {
  background-color: var(--hrt-color-surface-implied-selected-strong);
  border-color: var(--hrt-color-border-selected);
  color: var(--hrt-color-text-on-selected-strong);
}
@media (hover: hover) {
  .hrt-choice-button:has(> input.hrt-choice-button--selected):not(
      .hrt-choice-button--disabled
    ).sb-hover,
  .hrt-choice-button:has(> input.hrt-choice-button--selected):not(
      .hrt-choice-button--disabled
    ):hover,
  .hrt-choice-button:has(> input:checked):not(
      .hrt-choice-button--disabled
    ).sb-hover,
  .hrt-choice-button:has(> input:checked):not(
      .hrt-choice-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-selected-strong-hover);
    color: var(--hrt-color-text-on-selected-strong);
  }
}
.hrt-rule--horizontal {
  border-top: 1px solid var(--hrt-color-border-neutral-subtle);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.hrt-rule--vertical {
  border-left: 1px solid var(--hrt-color-border-neutral-subtle);
  display: inline-block;
  margin-left: 1rem;
  margin-right: 1rem;
  min-height: 1rem;
}
@media (max-width: 63.999em) {
  .hrt-rule--pull {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.hrt-secondary-icon-button {
  background-color: #0000;
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.5rem;
  color: var(--hrt-color-icon-default);
  justify-content: center;
}
@media (hover: hover) {
  .hrt-secondary-icon-button:not(.hrt-base-button--disabled).sb-hover,
  .hrt-secondary-icon-button:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-hover);
    color: var(--hrt-color-icon-default);
  }
}
.hrt-secondary-icon-button.hrt-base-button--disabled {
  border-color: var(--hrt-color-border-disabled);
  color: var(--hrt-color-icon-disabled);
}
.hrt-secondary-icon-button--default-on-strong {
  background-color: var(--hrt-color-surface-implied-on-strong);
  border-color: var(--hrt-color-border-on-strong);
  color: var(--hrt-color-text-on-strong);
}
@media (hover: hover) {
  .hrt-secondary-icon-button--default-on-strong:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-secondary-icon-button--default-on-strong:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-hover-on-strong);
    color: var(--hrt-color-text-on-strong);
  }
}
.hrt-secondary-icon-button--default-on-strong.hrt-base-button--disabled {
  border-color: var(--hrt-color-border-neutral-on-subtle);
  color: var(--hrt-color-text-supporting);
}
.hrt-secondary-icon-button--on-media {
  background-color: var(--hrt-color-surface-on-strong);
}
@media (hover: hover) {
  .hrt-secondary-icon-button--on-media:not(
      .hrt-secondary-icon-button--disabled
    ).sb-hover,
  .hrt-secondary-icon-button--on-media:not(
      .hrt-secondary-icon-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-on-strong-hover);
  }
}
.hrt-secondary-icon-button--circle {
  border-radius: 624.9375rem;
}
.hrt-secondary-icon-button--large .hrt-icon,
.hrt-secondary-icon-button--medium .hrt-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.hrt-secondary-icon-button--xlarge {
  height: 3.5rem;
  width: 3.5rem;
}
.hrt-secondary-icon-button--large {
  height: 3rem;
  width: 3rem;
}
.hrt-secondary-icon-button--medium {
  height: 2.5rem;
  width: 2.5rem;
}
.hrt-secondary-icon-button--small {
  border-radius: 624.9375rem;
  height: 2rem;
  width: 2rem;
}
.hrt-secondary-icon-button--small .hrt-icon {
  height: 1rem;
  width: 1rem;
}
.hrt-tertiary-icon-button {
  border-radius: 624.9375rem;
  justify-content: center;
}
@media (hover: hover) {
  .hrt-tertiary-icon-button:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tertiary-icon-button:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-hover);
  }
}
.hrt-tertiary-icon-button.hrt-base-button--disabled {
  color: var(--hrt-color-icon-disabled);
}
.hrt-tertiary-icon-button--on-brand-medium {
  color: var(--hrt-color-icon-brand-strong);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-brand-medium:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-brand-medium:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-brand-hover);
    color: var(--hrt-color-icon-brand-strong);
  }
}
.hrt-tertiary-icon-button--default-on-strong {
  color: var(--hrt-color-icon-default-on-strong);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--default-on-strong:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--default-on-strong:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-on-strong-hover);
    color: var(--hrt-color-icon-default-on-strong);
  }
}
.hrt-tertiary-icon-button--on-accent-blue {
  color: var(--hrt-color-icon-accent-blue-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-accent-blue:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-accent-blue:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-blue-implied-hover);
    color: var(--hrt-color-icon-accent-blue-strong-on-medium);
  }
}
.hrt-tertiary-icon-button--on-accent-pink {
  color: var(--hrt-color-icon-accent-pink-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-accent-pink:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-accent-pink:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-pink-implied-hover);
    color: var(--hrt-color-icon-accent-pink-strong-on-medium);
  }
}
.hrt-tertiary-icon-button--on-accent-yellow {
  color: var(--hrt-color-icon-accent-yellow-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-accent-yellow:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-accent-yellow:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-yellow-implied-hover);
    color: var(--hrt-color-icon-accent-yellow-strong-on-medium);
  }
}
.hrt-tertiary-icon-button--on-accent-purple {
  color: var(--hrt-color-icon-accent-purple-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-accent-purple:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-accent-purple:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-accent-purple-implied-hover);
    color: var(--hrt-color-icon-accent-purple-strong-on-medium);
  }
}
.hrt-tertiary-icon-button--on-positive {
  color: var(--hrt-color-icon-positive-strong);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-positive:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-positive:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-positive-hover);
    color: var(--hrt-color-icon-positive-strong);
  }
}
.hrt-tertiary-icon-button--on-negative {
  color: var(--hrt-color-icon-negative-strong);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-negative:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-negative:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-implied-negative-hover);
    color: var(--hrt-color-icon-negative-strong);
  }
}
.hrt-tertiary-icon-button--on-informative {
  color: var(--hrt-color-icon-informative-strong);
}
@media (hover: hover) {
  .hrt-tertiary-icon-button--on-informative:not(
      .hrt-base-button--disabled
    ).sb-hover,
  .hrt-tertiary-icon-button--on-informative:not(
      .hrt-base-button--disabled
    ):hover {
    background-color: var(--hrt-color-surface-implied-informative-hover);
    color: var(--hrt-color-icon-informative-strong);
  }
}
.hrt-tertiary-icon-button--large .hrt-icon,
.hrt-tertiary-icon-button--medium .hrt-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.hrt-tertiary-icon-button--large {
  height: 3rem;
  width: 3rem;
}
.hrt-tertiary-icon-button--medium {
  height: 2.5rem;
  width: 2.5rem;
}
.hrt-tertiary-icon-button--small {
  height: 2rem;
  width: 2rem;
}
.hrt-tertiary-icon-button--small .hrt-icon {
  height: 1rem;
  width: 1rem;
}
.hrt-icon {
  color: inherit;
  display: inline-block;
  flex-shrink: 0;
  pointer-events: none;
  vertical-align: middle;
}
.hrt-icon--xsmall {
  height: 0.5rem;
  width: 0.5rem;
}
.hrt-icon--small {
  height: 1rem;
  width: 1rem;
}
.hrt-icon--default {
  height: 1.5rem;
  width: 1.5rem;
}
.hrt-icon--large {
  height: 2.5rem;
  width: 2.5rem;
}
.hrt-icon--xlarge {
  height: 3rem;
  width: 3rem;
}
.hrt-icon--disabled {
  filter: grayscale(1);
  opacity: 0.6;
}
.hrt-spot-icon {
  align-items: center;
  border-radius: 624.9375rem;
  display: inline-flex;
  justify-content: center;
}
.hrt-spot-icon--large {
  height: 2.5rem;
  width: 2.5rem;
}
.hrt-spot-icon--large .hrt-icon {
  height: 1.5rem;
  width: 1.5rem;
}
.hrt-spot-icon--small {
  height: 2rem;
  width: 2rem;
}
.hrt-spot-icon--small .hrt-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.hrt-spot-icon--default.hrt-spot-icon--informative {
  background-color: var(--hrt-color-surface-informative-subtle);
  color: var(--hrt-color-icon-informative);
}
.hrt-spot-icon--default.hrt-spot-icon--positive {
  background-color: var(--hrt-color-surface-positive-subtle);
  color: var(--hrt-color-icon-positive);
}
.hrt-spot-icon--default.hrt-spot-icon--tip {
  background-color: var(--hrt-color-surface-tip-subtle);
  color: var(--hrt-color-icon-tip);
}
.hrt-spot-icon--default.hrt-spot-icon--neutral {
  background-color: var(--hrt-color-surface-neutral-subtle);
  color: var(--hrt-color-icon-neutral-strong);
}
.hrt-spot-icon--default.hrt-spot-icon--feature {
  background-color: var(--hrt-color-surface-feature-subtle);
  color: var(--hrt-color-icon-feature);
}
.hrt-spot-icon--default.hrt-spot-icon--negative {
  background-color: var(--hrt-color-surface-negative-subtle);
  color: var(--hrt-color-icon-negative);
}
.hrt-spot-icon--default.hrt-spot-icon--brand {
  background-color: var(--hrt-color-surface-brand-medium);
  color: var(--hrt-color-icon-brand-strong);
}
.hrt-spot-icon--default.hrt-spot-icon--on-accent-yellow {
  background-color: var(--hrt-color-surface-tip-medium);
  color: var(--hrt-color-icon-tip-strong);
}
.hrt-spot-icon--default.hrt-spot-icon--on-accent-blue {
  background-color: var(--hrt-color-surface-informative-medium);
  color: var(--hrt-color-icon-informative-strong);
}
.hrt-spot-icon--default.hrt-spot-icon--on-accent-pink {
  background-color: var(--hrt-color-surface-accent-pink-medium);
  color: var(--hrt-color-icon-accent-pink-strong-on-medium);
}
.hrt-spot-icon--default.hrt-spot-icon--on-accent-purple {
  background-color: var(--hrt-color-surface-feature-medium);
  color: var(--hrt-color-icon-feature-strong);
}
.hrt-spot-icon--on-subtle.hrt-spot-icon--informative {
  background-color: var(--hrt-color-surface-informative-medium);
  color: var(--hrt-color-icon-informative-strong);
}
.hrt-spot-icon--on-subtle.hrt-spot-icon--positive {
  background-color: var(--hrt-color-surface-positive-medium);
  color: var(--hrt-color-icon-positive-strong);
}
.hrt-spot-icon--on-subtle.hrt-spot-icon--tip {
  background-color: var(--hrt-color-surface-tip-medium);
  color: var(--hrt-color-icon-tip-strong);
}
.hrt-spot-icon--on-subtle.hrt-spot-icon--neutral {
  background-color: var(--hrt-color-surface-neutral-medium);
  color: var(--hrt-color-icon-neutral-strong);
}
.hrt-spot-icon--on-subtle.hrt-spot-icon--feature {
  background-color: var(--hrt-color-surface-feature-medium);
  color: var(--hrt-color-icon-feature-strong);
}
.hrt-spot-icon--on-subtle.hrt-spot-icon--negative {
  background-color: var(--hrt-color-surface-negative-medium);
  color: var(--hrt-color-icon-negative-strong);
}
.hrt-base-tag {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: center;
  border: 1px solid #0000;
  border-radius: 0.25rem;
  display: inline-flex;
  font-weight: 700;
  line-height: 1;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.hrt-base-tag--small {
  text-transform: uppercase;
  font-size: 0.625rem;
  min-height: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.hrt-tag--neutral {
  background-color: var(--hrt-color-surface-neutral-medium);
  color: var(--hrt-color-text-strong);
}
.hrt-tag--brand {
  background-color: var(--hrt-color-surface-brand-medium);
  color: var(--hrt-color-text-brand-strong);
}
.hrt-tag--positive {
  background-color: var(--hrt-color-surface-positive-medium);
  color: var(--hrt-color-text-positive-strong);
}
.hrt-tag--accent-blue {
  background-color: var(--hrt-color-surface-accent-blue-medium);
  color: var(--hrt-color-text-accent-blue-strong-on-medium);
}
.hrt-tag--informative {
  background-color: var(--hrt-color-surface-informative-medium);
  color: var(--hrt-color-text-informative-strong);
}
.hrt-tag--negative {
  background-color: var(--hrt-color-surface-negative-medium);
  color: var(--hrt-color-text-negative-strong);
}
.hrt-tag--accent-yellow {
  background-color: var(--hrt-color-surface-accent-yellow-medium);
  color: var(--hrt-color-text-accent-yellow-strong-on-medium);
}
.hrt-tag--tip {
  background-color: var(--hrt-color-surface-tip-medium);
  color: var(--hrt-color-text-tip-strong);
}
.hrt-tag--accent-purple {
  background-color: var(--hrt-color-surface-accent-purple-medium);
  color: var(--hrt-color-text-accent-purple-strong-on-medium);
}
.hrt-tag--accent-pink {
  background-color: var(--hrt-color-surface-accent-pink-medium);
  color: var(--hrt-color-text-accent-pink-strong-on-medium);
}
.hrt-tag--feature {
  background-color: var(--hrt-color-surface-feature-medium);
  color: var(--hrt-color-text-feature-strong);
}
.hrt-tag--white {
  background-color: var(--hrt-color-surface-default);
  color: var(--hrt-color-text-supporting);
}
.hrt-tag--red {
  background-color: var(--hrt-color-surface-red-medium);
  color: var(--hrt-color-text-red-strong);
}
.hrt-tag--green {
  background-color: var(--hrt-color-surface-green-medium);
  color: var(--hrt-color-text-green-strong);
}
.hrt-tag-button {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  background-color: var(--hrt-color-surface-default);
  border: 1px solid;
  border-radius: 0.25rem;
  display: inline-flex;
  font-weight: 700;
  min-height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.hrt-tag-button--accent-blue {
  background-color: var(--hrt-color-surface-accent-blue-subtle);
  border-color: var(--hrt-color-border-accent-blue-strong-on-medium);
  color: var(--hrt-color-text-accent-blue-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tag-button--accent-blue:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tag-button--accent-blue:not(.hrt-base-button--disabled):active,
  .hrt-tag-button--accent-blue:not(.hrt-base-button--disabled):focus,
  .hrt-tag-button--accent-blue:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-accent-blue-subtle-hover);
    color: var(--hrt-color-text-accent-blue-strong-on-medium);
  }
}
.hrt-tag-button--brand {
  background-color: var(--hrt-color-surface-brand-subtle);
  border-color: var(--hrt-color-border-brand-strong);
  color: var(--hrt-color-text-brand-strong);
}
@media (hover: hover) {
  .hrt-tag-button--brand:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tag-button--brand:not(.hrt-base-button--disabled):active,
  .hrt-tag-button--brand:not(.hrt-base-button--disabled):focus,
  .hrt-tag-button--brand:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-brand-subtle-hover);
    color: var(--hrt-color-text-brand-strong);
  }
}
.hrt-tag-button--neutral {
  background-color: var(--hrt-color-surface-neutral-subtle);
  border-color: var(--hrt-color-border-neutral);
  color: var(--hrt-color-text-neutral-strong);
}
@media (hover: hover) {
  .hrt-tag-button--neutral:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tag-button--neutral:not(.hrt-base-button--disabled):active,
  .hrt-tag-button--neutral:not(.hrt-base-button--disabled):focus,
  .hrt-tag-button--neutral:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-neutral-subtle-hover);
    color: var(--hrt-color-text-neutral-strong);
  }
}
.hrt-tag-button--accent-yellow {
  background-color: var(--hrt-color-surface-accent-yellow-subtle);
  border-color: var(--hrt-color-border-accent-yellow-strong-on-medium);
  color: var(--hrt-color-text-accent-yellow-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tag-button--accent-yellow:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tag-button--accent-yellow:not(.hrt-base-button--disabled):active,
  .hrt-tag-button--accent-yellow:not(.hrt-base-button--disabled):focus,
  .hrt-tag-button--accent-yellow:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-accent-yellow-subtle-hover);
    color: var(--hrt-color-text-accent-yellow-strong-on-medium);
  }
}
.hrt-tag-button--accent-purple {
  background-color: var(--hrt-color-surface-accent-purple-subtle);
  border-color: var(--hrt-color-border-accent-purple-strong-on-medium);
  color: var(--hrt-color-text-accent-purple-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tag-button--accent-purple:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tag-button--accent-purple:not(.hrt-base-button--disabled):active,
  .hrt-tag-button--accent-purple:not(.hrt-base-button--disabled):focus,
  .hrt-tag-button--accent-purple:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-accent-purple-subtle-hover);
    color: var(--hrt-color-text-accent-purple-strong-on-medium);
  }
}
.hrt-tag-button--accent-pink {
  background-color: var(--hrt-color-surface-accent-pink-subtle);
  border-color: var(--hrt-color-border-accent-pink-strong-on-medium);
  color: var(--hrt-color-text-accent-pink-strong-on-medium);
}
@media (hover: hover) {
  .hrt-tag-button--accent-pink:not(.hrt-base-button--disabled).sb-hover,
  .hrt-tag-button--accent-pink:not(.hrt-base-button--disabled):active,
  .hrt-tag-button--accent-pink:not(.hrt-base-button--disabled):focus,
  .hrt-tag-button--accent-pink:not(.hrt-base-button--disabled):hover {
    background-color: var(--hrt-color-surface-accent-pink-subtle-hover);
    color: var(--hrt-color-text-accent-pink-strong-on-medium);
  }
}
.hrt-media-tag {
  -webkit-backdrop-filter: saturate(200%) blur(10px);
  backdrop-filter: saturate(200%) blur(10px);
  background-color: var(--hrt-color-surface-overlay);
  color: var(--hrt-color-text-on-overlay);
}
.hrt-alert-inner {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  border: 1px solid;
  border-radius: 0.75rem;
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  grid-template-columns: 1fr auto;
  padding: 1rem;
  width: 100%;
}
.hrt-alert-inner .hrt-secondary-button--default {
  border-color: var(--hrt-color-border-neutral-on-subtle);
}
.hrt-alert-inner .hrt-spot-icon--informative {
  background-color: var(--hrt-color-surface-informative-subtle-on-subtle);
}
.hrt-alert-inner .hrt-spot-icon--positive {
  background-color: var(--hrt-color-surface-positive-subtle-on-subtle);
}
.hrt-alert-inner .hrt-spot-icon--negative {
  background-color: var(--hrt-color-surface-negative-subtle-on-subtle);
}
.hrt-alert-inner .hrt-button-group {
  gap: 0.5rem;
}
.hrt-alert-container {
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%;
}
.hrt-alert-content {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.hrt-alert-inner--no-close {
  gap: 0;
}
.hrt-alert-inner--no-close .hrt-alert-content {
  padding-right: 0.5rem;
}
.hrt-alert .hrt-link,
.hrt-alert .hrt-link:hover {
  color: inherit;
}
.hrt-alert--negative {
  background-color: var(--hrt-color-surface-negative-subtle);
  border-color: var(--hrt-color-border-negative-subtle);
  color: var(--hrt-color-text-negative-strong);
}
.hrt-alert--informative {
  background-color: var(--hrt-color-surface-informative-subtle);
  border-color: var(--hrt-color-border-informative-subtle);
  color: var(--hrt-color-text-informative-strong);
}
.hrt-alert--positive {
  background-color: var(--hrt-color-surface-positive-subtle);
  border-color: var(--hrt-color-border-positive-subtle);
  color: var(--hrt-color-text-positive-strong);
}
@media (max-width: 47.999em) {
  .hrt-alert-inner {
    gap: 0;
  }
  .hrt-alert-inner .hrt-alert-container {
    padding: 0;
  }
}
.hrt-banner {
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.3, 0.01, 0, 1);
  will-change: height;
}
.hrt-alert-wrapper {
  position: relative;
  z-index: 10;
}
.hrt-alert-message {
  align-self: center;
}
.hrt-alert--overlay {
  position: absolute;
  width: 100%;
}
.hrt-alert--overlay .hrt-alert-inner {
  border-left-color: #0000;
  border-radius: 0;
  border-right-color: #0000;
}
.hrt-alert--overlay .hrt-alert-content {
  padding: 0 0 0 0.5rem;
}
.hrt-auto-dismiss-alert-wrapper {
  position: relative;
  z-index: 10;
}
.hrt-auto-dismiss-alert--overlay {
  position: absolute;
  width: 100%;
}
.hrt-auto-dismiss-alert--overlay .hrt-alert-inner {
  border-left-color: #0000;
  border-radius: 0;
  border-right-color: #0000;
}
.hrt-auto-dismiss-alert--overlay .hrt-alert-content {
  padding: 0 0 0 0.5rem;
}
.hrt-auto-dismiss-alert--overlay .hrt-alert-message {
  padding: 0.375rem 0;
}
.hrt-promo-banner {
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.hrt-promo-banner .hrt-secondary-button--default {
  border-color: var(--hrt-color-border-neutral-on-subtle);
}
.hrt-promo-banner .hrt-spot-icon--neutral {
  background-color: var(--hrt-color-surface-neutral-subtle-on-subtle);
}
.hrt-promo-banner .hrt-spot-icon--tip {
  background-color: var(--hrt-color-surface-tip-subtle-on-subtle);
}
.hrt-promo-banner .hrt-spot-icon--feature {
  background-color: var(--hrt-color-surface-feature-subtle-on-subtle);
}
.hrt-promo-banner-icon {
  margin-right: 1rem;
}
.hrt-promo-banner--large .hrt-container,
.hrt-promo-banner--small .hrt-container {
  margin-left: 0;
}
.hrt-promo-banner-content {
  width: 100%;
}
.hrt-promo-banner--xsmall {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.hrt-promo-banner--xsmall .hrt-container {
  justify-content: center;
}
.hrt-promo-banner--xsmall .hrt-promo-banner-icon {
  margin-right: 0.5rem;
}
.hrt-promo-banner--xsmall .hrt-promo-banner-content {
  width: auto;
}
.hrt-promo-banner--neutral {
  background-color: var(--hrt-color-surface-neutral-subtle);
}
.hrt-promo-banner--tip {
  background-color: var(--hrt-color-surface-tip-subtle);
}
.hrt-promo-banner--feature {
  background-color: var(--hrt-color-surface-feature-subtle);
}
.hrt-global-promo-banner-wrapper {
  position: relative;
  width: 100%;
  z-index: 10;
}
.hrt-global-promo-banner {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  align-items: center;
  background-color: var(--hrt-color-surface-brand-medium);
  color: var(--hrt-color-text-brand-strong);
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 1rem 2.5rem;
  position: relative;
  width: 100%;
  z-index: 1000;
}
@media (max-width: 47.999em) {
  .hrt-global-promo-banner {
    padding: 1rem;
  }
}
.hrt-global-promo-banner--container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.hrt-global-promo-banner--container .hrt-promo-banner-icon {
  align-items: center;
  color: var(--hrt-color-icon-default);
  display: flex;
}
.hrt-global-promo-banner--content {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 47.999em) {
  .hrt-global-promo-banner--content {
    flex-direction: column;
  }
}
.hrt-global-promo-banner--icon {
  align-items: center;
  display: flex;
  height: 2rem;
  width: 2rem;
}
.hrt-accordion-menu-button.hrt-tertiary-button {
  border: 0;
  border-radius: 0.75rem;
  justify-content: space-between;
  padding: 1rem;
  width: 100%;
}
.hrt-accordion-menu-item {
  list-style: none;
  overflow: hidden;
}
.hrt-accordion-menu-item-trigger {
  display: flex;
  justify-content: space-between;
}
.hrt-accordion-menu-item-list {
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-accordion-menu-item-list .hrt-accordion-menu-button.hrt-tertiary-button {
  color: var(--hrt-color-text-supporting);
  justify-content: flex-start;
  padding: 0.5rem 0 0.5rem 2rem;
}
.hrt-dropdown-menu {
  --hrt-dropdown-max-width: 53rem;
  --hrt-dropdown-animation-speed: 150ms;
  display: inline-block;
  position: relative;
}
.hrt-dropdown-menu .hrt-base-button {
  border-radius: 0.75rem;
}
.hrt-dropdown-menu-content {
  background-color: var(--hrt-color-surface-default);
  border-radius: 0.25rem;
  box-shadow: 0 6px 14px #0000001a;
  max-width: var(--hrt-dropdown-max-width);
  opacity: 0;
  overflow: hidden;
  padding: 1rem 0.5rem;
  position: absolute;
  transition-duration: var(--hrt-dropdown-animation-speed),
    var(--hrt-dropdown-animation-speed);
  transition-property: opacity, visibility;
  transition-timing-function: ease-in-out, linear;
  visibility: hidden;
  width: max-content;
  z-index: 100;
}
.hrt-dropdown-menu-content--open {
  opacity: 1;
  overflow: unset;
  visibility: visible;
}
.hrt-dropdown-menu-content--left {
  left: 0;
}
.hrt-dropdown-menu-content--right {
  right: 0;
}
.hrt-dropdown-menu-caret {
  flex-shrink: 0;
  margin-left: 0.5rem;
  transition: transform 0.2s ease-in;
}
.hrt-dropdown-menu-caret--open {
  transform: rotate(180deg);
}
.hrt-footer-main {
  display: grid;
  grid-gap: 1rem;
  grid-template-rows: auto;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media (min-width: 48em) {
  .hrt-footer-main {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
.hrt-footer-secondary {
  display: grid;
  grid-gap: 1.5rem;
  grid-template-areas: "locale" "legal";
  grid-template-rows: auto;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media (min-width: 48em) {
  .hrt-footer-secondary {
    grid-gap: 1rem;
    grid-template-areas: "legal locale";
    grid-template-columns: auto auto;
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
.hrt-footer-secondary--default-areas {
  grid-template-areas: "locale" "social" "stores" "legal";
}
@media (min-width: 48em) {
  .hrt-footer-secondary--default-areas {
    grid-template-areas: "locale social" "legal stores";
  }
}
.hrt-footer-social {
  display: flex;
  grid-area: social;
  margin-left: -0.5rem;
}
@media (min-width: 48em) {
  .hrt-footer-social {
    align-items: center;
    justify-content: flex-end;
    margin-left: 0;
    margin-right: -0.5rem;
  }
}
.hrt-footer-legal {
  display: flex;
  flex-wrap: wrap;
  grid-area: legal;
  margin-left: -0.5rem;
}
@media (max-width: 47.999em) {
  .hrt-footer-legal {
    flex-direction: column;
  }
}
@media (min-width: 48em) {
  .hrt-footer-legal {
    align-items: center;
  }
}
.hrt-footer-legal-item {
  justify-content: flex-start;
  margin-bottom: 0.25rem;
  margin-right: -0.5rem;
  margin-top: 0.25rem;
}
@media (min-width: 48em) {
  .hrt-footer-legal-item {
    margin-bottom: 0;
    margin-right: 0.5rem;
    margin-top: 0;
  }
  .hrt-footer-multicolumn {
    grid-column: 3 / span 2;
  }
  .hrt-footer-multicolumn > ul {
    column-count: 2;
  }
}
.hrt-footer-list-header {
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}
@media (min-width: 48em) {
  .hrt-footer-list-header {
    margin-top: 0;
  }
}
.hrt-footer-resources {
  display: grid;
  grid-column-gap: 1rem;
}
@media (min-width: 48em) {
  .hrt-footer-resources {
    column-count: 4;
    grid-column: 1 / span 4;
  }
}
.hrt-footer-resources-button {
  font-weight: 400;
  place-self: start;
}
@media (min-width: 48em) {
  .hrt-footer-resources-button {
    margin-top: 2rem;
  }
}
.hrt-footer-resources-list {
  height: auto;
  max-height: 0;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
@media (min-width: 48em) {
  .hrt-footer-resources-list {
    grid-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(5, auto);
  }
}
.hrt-footer-resources-list--expanded {
  max-height: 87.5rem;
  opacity: 1;
}
@media (min-width: 48em) {
  .hrt-footer-resources-list--expanded {
    max-height: 40rem;
  }
}
.hrt-footer-locale-picker {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  grid-area: locale;
  padding: 0.5rem;
  place-self: center stretch;
}
@media (min-width: 48em) {
  .hrt-footer-locale-picker {
    place-self: center start;
  }
}
.hrt-footer-app-store-links {
  grid-area: stores;
  place-self: center start;
}
@media (min-width: 48em) {
  .hrt-footer-app-store-links {
    place-self: center end;
  }
}
.hrt-footer-copyright {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 48em) {
  .hrt-footer-copyright {
    margin-top: 0.5rem;
  }
}
.hrt-header {
  align-items: center;
  background-color: var(--hrt-color-surface-default);
  display: flex;
  min-height: 3.5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 64em) {
  .hrt-header {
    min-height: 5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
.hrt-header-skip {
  background-color: var(--hrt-color-surface-default);
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%) translateY(0.5rem);
}
.hrt-header-skip.hrt-show-on-focus:focus {
  position: absolute !important;
}
.hrt-header-skip:not(.hrt-tertiary-button--disabled):hover {
  background-color: var(--hrt-color-surface-default);
}
.hrt-header--fixed {
  left: 0;
  position: fixed;
  top: 0;
  transition: box-shadow 0.5s cubic-bezier(0.3, 0.01, 0, 1);
  z-index: 900;
}
.hrt-header--scrolled {
  box-shadow: 0 6px 14px #0000001a;
}
.hrt-header-nav {
  align-items: center;
  display: grid;
  grid-gap: 1rem;
  grid-template: "nav-left nav-center nav-right" auto/1fr auto 1fr;
  width: 100%;
}
.hrt-header-left {
  align-items: center;
  display: flex;
  grid-area: nav-left;
  justify-content: flex-start;
}
.hrt-header-left > .hrt-tertiary-button:first-child,
.hrt-header-left > .hrt-tertiary-icon-button:first-child {
  margin-left: -0.5rem;
}
.hrt-header-center {
  align-items: center;
  display: flex;
  grid-area: nav-center;
  justify-content: center;
}
.hrt-header-right {
  align-items: center;
  display: flex;
  grid-area: nav-right;
  justify-content: flex-end;
  min-height: 3rem;
  position: relative;
}
.hrt-header-right > .hrt-header-dropdown {
  position: static;
}
.hrt-header-right > .hrt-header-dropdown > .hrt-header-dropdown-content {
  top: calc(100% + 1rem);
}
.hrt-header-right > .hrt-header-dropdown > .hrt-header-dropdown-content--open {
  top: 100%;
}
.hrt-header-right > .hrt-header-dropdown:last-child,
.hrt-header-right > .hrt-tertiary-button:last-child,
.hrt-header-right > .hrt-tertiary-icon-button:last-child {
  margin-right: -0.5rem;
}
.hrt-header-manage-fundraiser-container:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
.hrt-header-manage-fundraiser {
  border-radius: 0.5rem;
  display: grid;
  grid-column-gap: 1rem;
  grid-template: "image title" "image status";
  grid-template-columns: 2.5rem auto;
  padding: 0.25rem 0.5rem;
}
@media (hover: hover) {
  .hrt-header-manage-fundraiser:hover {
    background-color: var(--hrt-color-surface-neutral-extra-subtle);
  }
}
.hrt-header-manage-fundraiser-image-container {
  grid-area: image;
  height: 2.5rem;
  position: relative;
  width: 2.5rem;
}
.hrt-header-manage-fundraiser-image {
  border-radius: 0.25rem;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.hrt-header-manage-fundraiser-title {
  grid-area: title;
  line-height: 1.1;
  place-self: center start;
}
.hrt-header-manage-fundraiser-status {
  color: var(--hrt-color-text-supporting);
  grid-area: status;
  line-height: 1.1;
  place-self: center start;
}
.hrt-header-profile-avatar {
  height: 5rem;
  width: 5rem;
}
.hrt-header-profile-avatar [class*="hrt-avatar-initial"] {
  font-size: 1.5rem;
}
.hrt-header-profile-notification-count {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: center;
  background-color: var(--hrt-color-icon-negative);
  border-radius: 624.9375rem;
  color: var(--hrt-color-text-on-strong);
  display: inline-flex;
  height: 1.25rem;
  justify-content: center;
  min-width: 1.25rem;
  padding: 0 0.375rem;
  position: absolute;
  right: 0;
  top: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.hrt-header-notifications {
  right: 0.375rem;
  top: 0.375rem;
}
.hrt-header-dropdown-notification-indicator,
.hrt-header-notifications {
  background-color: var(--hrt-color-icon-negative);
  border: 1px solid var(--hrt-color-border-on-strong);
  border-radius: 624.9375rem;
  height: 0.625rem;
  position: absolute;
  width: 0.625rem;
}
.hrt-header-dropdown-notification-indicator {
  right: 0.125rem;
  top: 0;
}
.hrt-header-dropdown-item-notification-count {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: center;
  background-color: var(--hrt-color-surface-negative-strong);
  border-radius: 624.9375rem;
  color: var(--hrt-color-text-on-strong);
  display: inline-flex;
  height: 1.25rem;
  justify-content: center;
  min-width: 1.25rem;
  padding: 0 0.375rem;
  position: absolute;
  right: 0;
  top: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.hrt-header-drawer-title {
  align-items: center;
  display: flex;
  margin-left: -1rem;
}
.hrt-header-drawer-search {
  margin-right: -1rem;
}
.hrt-header-donate-carousel {
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
  width: 100%;
}
.hrt-header-donate-carousel-container {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  overflow: scroll hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  scroll-behavior: smooth;
  scroll-padding: 1.5rem;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.hrt-header-donate-carousel-container::-webkit-scrollbar {
  display: none;
}
.hrt-header-donate-carousel-card {
  flex: 0 0 100%;
  padding: 0.125rem 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  width: 0;
}
.hrt-header-donate-carousel-card-link {
  background-color: var(--hrt-color-surface-neutral-extra-subtle);
  border-radius: 0.75rem;
  display: grid;
  grid-template-columns: 3fr 2fr;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.hrt-header-donate-carousel-card-title {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: clamp(1rem, 1rem + 0.25 * (100vw - 23.4375rem)/66.5625, 1.25rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 1rem;
}
.hrt-header-donate-carousel-card-image {
  aspect-ratio: 1/1;
  border-radius: 0.75rem;
  max-height: 160px;
  object-fit: cover;
  padding: 0.25rem;
  place-self: stretch end;
}
.hrt-header-donate-carousel-dots-container {
  bottom: 0.75rem;
  left: 1rem;
  position: absolute;
}
.hrt-header-donate-carousel-dots {
  display: flex;
  flex-flow: row wrap;
  gap: 0.375rem;
  justify-content: flex-start;
  position: relative;
}
.hrt-header-donate-carousel-dots:after,
.hrt-header-donate-carousel-dots:before {
  background-color: var(--hrt-color-surface-neutral-strong);
  border-radius: 0.1875rem;
  content: "";
  display: inline-flex;
  height: 0.375rem;
  margin-left: 0;
  position: absolute;
  width: 1.125rem;
  z-index: 2;
}
@media (prefers-reduced-motion: no-preference) {
  .hrt-header-donate-carousel-dots:after {
    transition: margin-left 0.1s ease-out;
  }
  .hrt-header-donate-carousel-dots:before {
    transition: margin-left 0.1s ease-out 0.2s;
  }
}
.hrt-header-donate-carousel-dots[data-position="0"]:after,
.hrt-header-donate-carousel-dots[data-position="0"]:before {
  margin-left: 0;
}
.hrt-header-donate-carousel-dots[data-position="1"]:after,
.hrt-header-donate-carousel-dots[data-position="1"]:before {
  margin-left: 0.75rem;
}
.hrt-header-donate-carousel-dots[data-position="2"]:after,
.hrt-header-donate-carousel-dots[data-position="2"]:before {
  margin-left: 1.5rem;
}
.hrt-header-donate-carousel-dots[data-position="3"]:after,
.hrt-header-donate-carousel-dots[data-position="3"]:before {
  margin-left: 2.25rem;
}
.hrt-header-donate-carousel-dot {
  background-color: var(--hrt-color-surface-overlay-subtle);
  border-radius: 0.1875rem;
  display: inline-flex;
  height: 0.375rem;
  transition: margin-left 0.3s ease-in-out;
  width: 0.375rem;
  z-index: 1;
}
.hrt-header-fundraise-carousel {
  display: flex;
  gap: 0.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  -ms-overflow-style: none;
  overflow-x: scroll;
  padding-bottom: 1rem;
  padding-top: 1rem;
  scroll-padding: 0.5rem;
  scroll-snap-type: x;
  scrollbar-width: none;
}
.hrt-header-fundraise-carousel::-webkit-scrollbar {
  display: none;
}
.hrt-header-fundraise-carousel-block {
  scroll-snap-align: start;
}
.hrt-header-fundraise-carousel-block:first-child {
  padding-left: 1.5rem;
}
.hrt-header-fundraise-carousel-block:last-child {
  padding-right: 1.5rem;
}
.hrt-header-fundraise-carousel-tile {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: center;
  background-color: var(--hrt-color-surface-neutral-extra-subtle);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  line-height: 1.1;
  min-height: 6rem;
  min-width: 6rem;
  padding: 0.25rem;
  text-align: center;
}
.hrt-header-fundraise-carousel-tile .gfm-icon {
  height: 3.5rem;
  width: 3.5rem;
}
.hrt-header-fundraise-carousel-label {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: inline-block;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  width: 100%;
}
.hrt-header-dropdown {
  --hrt-dropdown-animation-speed: 150ms;
  display: inline-block;
  position: relative;
}
.hrt-header-dropdown-content {
  background-color: var(--hrt-color-surface-default);
  border-radius: 1rem;
  box-shadow: 0 6px 14px #0000001a;
  min-width: 14rem;
  opacity: 0;
  overflow: hidden;
  padding: 1rem;
  position: absolute;
  top: calc(100% + 1.5rem);
  transition-duration: var(--hrt-dropdown-animation-speed),
    var(--hrt-dropdown-animation-speed);
  transition-property: opacity, top, visibility;
  transition-timing-function: ease-in-out, linear;
  visibility: hidden;
  width: max-content;
  z-index: 900;
}
@media (prefers-reduced-motion) {
  .hrt-header-dropdown-content {
    transition-duration: 0s, 0s;
  }
}
.hrt-header-dropdown-content--open {
  opacity: 1;
  overflow: unset;
  top: calc(100% + 0.5rem);
  visibility: visible;
}
.hrt-header-dropdown-content--open:before {
  content: "";
  display: block;
  height: 0.5rem;
  left: 0;
  position: absolute;
  top: -0.5rem;
  width: 100%;
}
.hrt-header-dropdown-content--left {
  left: -1.5rem;
}
.hrt-header-dropdown-content--right {
  right: -0.625rem;
}
.hrt-header-dropdown-content--multi-column {
  min-width: 39.5rem;
}
.hrt-header-dropdown-content--multi-column > ul {
  column-count: 2;
  column-gap: 0.5rem;
}
.hrt-header-dropdown-content--multi-column > ul > li {
  page-break-inside: avoid;
  break-inside: avoid;
  max-width: 18.5rem;
}
.hrt-header-dropdown-title {
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
}
.hrt-header-dropdown-title > .hrt-spot-icon {
  margin-right: 0.5rem;
}
.hrt-header-dropdown-button {
  justify-content: space-between;
}
.hrt-header-dropdown-button .hrt-avatar {
  height: 2rem;
  margin-right: 0.25rem;
  width: 2rem;
}
.hrt-header-dropdown-button .hrt-avatar .hrt-icon {
  height: 1.25rem;
  width: 1.25rem;
}
.hrt-header-dropdown-caret {
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  border-top: 5px solid var(--hrt-color-icon-default);
  height: 0;
  margin-bottom: 3px;
  margin-left: 0.3125rem;
  position: relative;
  transform: translateY(1px);
  transition-duration: 0.5s;
  transition-property: border-top-color, transform;
  transition-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  width: 0;
}
.hrt-header-dropdown-caret--open {
  transform: rotate(180deg) translateY(0);
}
.hrt-pagination-wrap {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(auto-fit, 3rem);
  grid-template-rows: 1fr;
  justify-content: center;
}
.hrt-pagination-number {
  font-weight: 400;
  height: 3rem;
  transition-property: color, background-color, border-color;
  width: 3rem;
}
@media (hover: hover) {
  .hrt-pagination-number.sb-hover,
  .hrt-pagination-number:hover {
    border-color: var(--hrt-color-border-neutral-medium-hover);
  }
}
.hrt-pagination-number--active {
  border-color: var(--hrt-color-border-selected);
  box-shadow: 0 0 0 1px var(--hrt-color-border-selected);
  font-weight: 700;
}
@media (hover: hover) {
  .hrt-pagination-number--active.sb-hover,
  .hrt-pagination-number--active:hover {
    border-color: var(--hrt-color-border-selected);
  }
}
.hrt-bubble {
  --hrt-bubble-background-color: var(--hrt-color-surface-neutral-strong);
  --hrt-bubble-text-color: var(--hrt-color-text-on-strong);
  --hrt-bubble-arrow-size: 1rem;
  --hrt-bubble-arrow-radius: 0.125rem;
  border-radius: 0.75rem;
  color: var(--hrt-bubble-text-color);
  display: inline-block;
  padding: 1rem;
  position: relative;
  z-index: 10;
}
.hrt-bubble,
.hrt-bubble:after {
  background-color: var(--hrt-bubble-background-color);
}
.hrt-bubble:after {
  border-radius: var(--hrt-bubble-arrow-radius);
  content: "";
  height: var(--hrt-bubble-arrow-size);
  position: absolute;
  transform: rotate(45deg);
  width: var(--hrt-bubble-arrow-size);
}
.hrt-bubble--arrow-top-left:after {
  left: var(--hrt-bubble-arrow-size);
  top: -0.4375rem;
}
.hrt-bubble--arrow-top-center:after {
  left: calc(50% - var(--hrt-bubble-arrow-size) * 0.5);
  top: -0.4375rem;
}
.hrt-bubble--arrow-top-right:after {
  right: var(--hrt-bubble-arrow-size);
  top: -0.4375rem;
}
.hrt-bubble--arrow-bottom-left:after {
  bottom: -0.4375rem;
  left: var(--hrt-bubble-arrow-size);
}
.hrt-bubble--arrow-bottom-center:after {
  bottom: -0.4375rem;
  left: calc(50% - var(--hrt-bubble-arrow-size) * 0.5);
}
.hrt-bubble--arrow-bottom-right:after {
  bottom: -0.4375rem;
  right: var(--hrt-bubble-arrow-size);
}
.hrt-popover {
  --hrt-popover-width: 15rem;
  --hrt-popover-offset: 0.5rem;
  --hrt-popover-animation-speed: 150ms;
  display: inline-block;
  position: relative;
}
.hrt-popover-button {
  display: flex;
}
.hrt-popover-bubble {
  display: flex;
  opacity: 0;
  position: absolute;
  transition: opacity var(--hrt-popover-animation-speed) ease-in-out;
  width: var(--hrt-popover-width);
  z-index: 1000;
}
.hrt-popover-bubble--open {
  opacity: 1;
}
.hrt-popover-bubble--top {
  bottom: calc(100% + var(--hrt-popover-offset));
}
.hrt-popover-bubble--bottom {
  top: calc(100% + var(--hrt-popover-offset));
}
.hrt-popover-bubble--center {
  justify-content: center;
  left: calc(50% - var(--hrt-popover-width) / 2);
}
.hrt-popover-bubble--right {
  justify-content: flex-end;
  right: -0.25rem;
}
.hrt-popover-bubble--left {
  justify-content: flex-start;
  left: -0.25rem;
}
.hrt-popover-bubble-close {
  margin-top: -0.5rem;
}
.hrt-popover-bubble-close--text {
  display: block;
  margin-top: 0.75rem;
}
.hrt-tooltip {
  --hrt-tooltip-animation-speed: 150ms;
  display: inline-block;
  position: relative;
}
.hrt-tooltip-button {
  display: flex;
}
.hrt-tooltip-bubble {
  background-color: var(--hrt-color-surface-overlay);
  border-radius: 0.5rem;
  color: var(--hrt-color-text-on-overlay);
  display: flex;
  font-weight: 700;
  max-width: 20rem;
  opacity: 0;
  position: absolute;
  transition: opacity var(--hrt-tooltip-animation-speed) ease-in-out;
  width: max-content;
  z-index: 1000;
}
.hrt-tooltip-bubble--open {
  -webkit-backdrop-filter: saturate(200%) blur(4px);
  backdrop-filter: saturate(200%) blur(4px);
  opacity: 1;
}
.hrt-tooltip-bubble--top {
  bottom: calc(100% + 0.5rem);
}
.hrt-tooltip-bubble--bottom {
  top: calc(100% + 0.5rem);
}
.hrt-tooltip-bubble--center {
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
}
.hrt-tooltip-bubble--right {
  justify-content: flex-end;
  right: 0;
}
.hrt-tooltip-bubble--left {
  justify-content: flex-start;
  left: 0;
}
.hrt-tooltip-bubble-content {
  padding: 0.5rem 1rem;
}
.hrt-checkbox-field {
  align-items: flex-start;
  display: flex;
}
.hrt-checkbox-field-input {
  appearance: none;
  border: 0.125rem solid var(--hrt-color-border-unselected);
  border-radius: 0.25rem;
  cursor: pointer;
  flex-shrink: 0;
  height: 1.25rem;
  margin: 0.125rem;
  outline: none;
  position: relative;
  width: 1.25rem;
}
.hrt-checkbox-field-input:disabled {
  border-color: var(--hrt-color-border-disabled);
  cursor: not-allowed;
}
.hrt-checkbox-field-input:checked {
  background: var(--hrt-color-surface-brand);
  border-color: var(--hrt-color-border-brand);
  content: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m6.25559 11.0014 7.56141-7.09791c.1696-.15915.436-.15072.5952.01882.1592.16955.1507.43601-.0188.59516l-7.84964 7.36843c-.16202.1521-.41433.1521-.57634 0l-4.3609-4.09357c-.16955-.15916-.17798-.42562-.01882-.59516.15915-.16955.42561-.17798.59516-.01882z' fill='%23333' fill-rule='evenodd' stroke='%23fff'/%3E%3C/svg%3E");
}
.hrt-checkbox-field-input:checked:disabled {
  background: var(--hrt-color-surface-disabled);
  border-color: var(--hrt-color-border-disabled);
  content: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m6.25559 11.0014 7.56141-7.09791c.1696-.15915.436-.15072.5952.01882.1592.16955.1507.43601-.0188.59516l-7.84964 7.36843c-.16202.1521-.41433.1521-.57634 0l-4.3609-4.09357c-.16955-.15916-.17798-.42562-.01882-.59516.15915-.16955.42561-.17798.59516-.01882z' fill='%23333' fill-rule='evenodd' stroke='%23adadad'/%3E%3C/svg%3E");
}
.hrt-checkbox-field-input:focus-visible:not(:disabled),
.hrt-checkbox-field-input:hover:not(:disabled) {
  box-shadow: 0 0 0 0.625rem var(--hrt-color-drop-shadow-brand);
}
.hrt-checkbox-field-label {
  cursor: pointer;
  padding-left: 1rem;
}
.hrt-checkbox-field-label--disabled {
  color: var(--hrt-color-text-disabled);
  cursor: not-allowed;
}
.hrt-checkbox-field.sb-focus .hrt-checkbox-field-input:not(:disabled),
.hrt-checkbox-field.sb-hover .hrt-checkbox-field-input:not(:disabled) {
  box-shadow: 0 0 0 0.625rem var(--hrt-color-drop-shadow-brand);
}
.hrt-radio-field {
  align-items: flex-start;
  display: flex;
}
.hrt-radio-field-input {
  appearance: none;
  background: radial-gradient(
    circle,
    var(--hrt-color-surface-default) 100%,
    var(--hrt-color-surface-default) 100%
  );
  border: 0.125rem solid var(--hrt-color-border-unselected);
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  height: 1.25rem;
  margin: 0.125rem;
  outline: none;
  width: 1.25rem;
}
.hrt-radio-field-input:disabled {
  border-color: var(--hrt-color-border-disabled);
  cursor: not-allowed;
}
.hrt-radio-field-input:checked {
  background: radial-gradient(
    circle,
    var(--hrt-color-surface-brand) 45%,
    var(--hrt-color-surface-default) 45%
  );
  border-color: var(--hrt-color-border-brand);
}
.hrt-radio-field-input:checked:disabled {
  background: radial-gradient(
    circle,
    var(--hrt-color-surface-disabled) 45%,
    var(--hrt-color-surface-default) 45%
  );
  border-color: var(--hrt-color-border-disabled);
}
.hrt-radio-field-input:focus-visible:not(:disabled),
.hrt-radio-field-input:hover:not(:disabled) {
  box-shadow: 0 0 0 0.625rem var(--hrt-color-drop-shadow-brand);
}
.hrt-radio-field-label {
  cursor: pointer;
  padding-left: 1rem;
}
.hrt-radio-field-label--disabled {
  color: var(--hrt-color-text-disabled);
  cursor: not-allowed;
}
.hrt-radio-field.sb-focus .hrt-radio-field-input:not(:disabled),
.hrt-radio-field.sb-hover .hrt-radio-field-input:not(:disabled) {
  box-shadow: 0 0 0 0.625rem var(--hrt-color-drop-shadow-brand);
}
.hrt-toggle-field {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.hrt-toggle-field--disabled {
  color: var(--hrt-color-text-disabled);
  cursor: not-allowed;
}
.hrt-toggle-field-switch {
  appearance: none;
  background-color: var(--hrt-color-surface-default);
  border: 0.125rem solid var(--hrt-color-border-unselected);
  border-radius: 624.9375rem;
  cursor: pointer;
  height: 2rem;
  min-width: 3.375rem;
  padding: 0.125rem;
  position: relative;
  width: 3.375rem;
}
.hrt-toggle-field-switch:after {
  background-color: var(--hrt-color-surface-unselected);
  border-radius: 624.9375rem;
  content: "";
  display: block;
  height: 1.5rem;
  transition: transform 0.2s ease-in-out;
  width: 1.5rem;
}
.hrt-toggle-field-switch:disabled {
  border-color: var(--hrt-color-border-disabled);
  cursor: not-allowed;
}
.hrt-toggle-field-switch:disabled:after {
  background-color: var(--hrt-color-surface-disabled);
}
.hrt-toggle-field-switch--on {
  background-color: var(--hrt-color-surface-brand);
  border-color: var(--hrt-color-border-brand);
}
.hrt-toggle-field-switch--on:after {
  background-color: var(--hrt-color-surface-default);
  transform: translateX(1.375rem);
}
.hrt-toggle-field-switch--on:disabled {
  background-color: var(--hrt-color-surface-disabled);
  border-color: var(--hrt-color-border-disabled);
}
.hrt-toggle-field-switch--on:disabled:after {
  background-color: var(--hrt-color-surface-default);
}
.hrt-fieldset {
  border: none;
  margin: 0 !important;
  padding: 0;
}
.hrt-currency-field-wrapper {
  align-items: center;
  appearance: none;
  background-color: var(--hrt-color-surface-default);
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.75rem;
  box-sizing: border-box;
  cursor: text;
  display: flex;
  padding: 0.5rem 1rem;
}
.hrt-currency-field-wrapper:focus-within {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.hrt-currency-field-wrapper:hover {
  background-color: var(--hrt-color-surface-default-hover);
}
.hrt-currency-field-wrapper--error {
  appearance: none;
}
.hrt-currency-field-wrapper--error,
.hrt-currency-field-wrapper--error:focus-within {
  border-color: var(--hrt-color-border-negative);
}
.hrt-currency-field-inner {
  flex-grow: 1;
  padding-top: 1rem;
  position: relative;
}
.hrt-currency-field-input {
  appearance: none;
  background: #0000;
  border: none;
  line-height: 1.5;
  outline: none;
  padding: 0;
  width: 100%;
}
.hrt-currency-field-input:disabled {
  cursor: not-allowed;
}
.hrt-currency-field-input:focus {
  outline: none;
}
.hrt-currency-field-input:-webkit-inner-spin-button,
.hrt-currency-field-input:-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.hrt-currency-field-label {
  color: var(--hrt-color-text-supporting);
  cursor: text;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.hrt-currency-field-wrapper:hover .hrt-currency-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.hrt-currency-field-inner:focus-within .hrt-currency-field-label,
.hrt-currency-field-input:not(:placeholder-shown) + .hrt-currency-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-currency-field-error,
.hrt-currency-field-help-text {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.hrt-currency-field-help-text {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--hrt-color-text-helper);
  margin-bottom: 0;
}
.sb-hover.hrt-currency-field .hrt-currency-field-wrapper {
  background-color: var(--hrt-color-surface-default-hover);
}
.sb-hover.hrt-currency-field .hrt-currency-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.sb-focus.hrt-currency-field .hrt-currency-field-wrapper {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.sb-focus.hrt-currency-field .hrt-currency-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-phone-number-field-wrapper {
  align-items: center;
  appearance: none;
  background-color: var(--hrt-color-surface-default);
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.75rem;
  box-sizing: border-box;
  cursor: text;
  display: flex;
  padding: 0.5rem 1rem;
}
.hrt-phone-number-field-wrapper:focus-within {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.hrt-phone-number-field-wrapper:hover {
  background-color: var(--hrt-color-surface-default-hover);
}
.hrt-phone-number-field-wrapper--error {
  appearance: none;
}
.hrt-phone-number-field-wrapper--error,
.hrt-phone-number-field-wrapper--error:focus-within {
  border-color: var(--hrt-color-border-negative);
}
.hrt-phone-number-field-inner {
  flex-grow: 1;
  position: relative;
}
.hrt-phone-number-field-input .PhoneInputInput {
  background: #0000;
  border: none;
  line-height: 1.5;
  outline: none;
  padding-left: 0.5rem;
  padding-top: 1rem;
  width: 100%;
}
.hrt-phone-number-field-input .PhoneInputInput:disabled {
  cursor: not-allowed;
}
.hrt-phone-number-field-input .PhoneInputInput:focus {
  outline: none;
}
.hrt-phone-number-field-input .PhoneInputInput::-webkit-inner-spin-button,
.hrt-phone-number-field-input .PhoneInputInput::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.hrt-phone-number-field-label {
  color: var(--hrt-color-text-supporting);
  cursor: text;
  left: 3rem;
  padding-left: 0.5rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.hrt-phone-number-field-input--has-focus + .hrt-phone-number-field-label,
.hrt-phone-number-field-input--has-value + .hrt-phone-number-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-phone-number-field-wrapper:hover .hrt-phone-number-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.hrt-phone-number-field-error,
.hrt-phone-number-field-help-text {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.hrt-phone-number-field-help-text {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--hrt-color-text-helper);
  margin-bottom: 0;
}
.hrt-phone-number-field-input .PhoneInputCountrySelectArrow {
  border-color: var(--hrt-color-icon-supporting);
  height: 0.5rem;
  margin-left: 0.75rem;
  margin-top: -0.25rem;
  opacity: 1;
  width: 0.5rem;
}
.hrt-phone-number-field-wrapper:hover .PhoneInputCountrySelectArrow {
  border-color: var(--hrt-color-icon-supporting-hover);
}
.hrt-phone-number-field-input .PhoneInputCountryIcon--border {
  box-shadow: none;
}
.sb-hover.hrt-phone-number-field .hrt-phone-number-field-wrapper {
  background-color: var(--hrt-color-surface-default-hover);
}
.sb-hover.hrt-phone-number-field .hrt-phone-number-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.sb-focus.hrt-phone-number-field .hrt-phone-number-field-wrapper {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.sb-focus.hrt-phone-number-field .hrt-phone-number-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-text-area-field-wrapper {
  align-items: flex-start;
  appearance: none;
  background-color: var(--hrt-color-surface-default);
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.75rem;
  box-sizing: border-box;
  cursor: text;
  display: flex;
  min-height: 3.5rem;
  padding: 0.4375rem 1rem;
}
.hrt-text-area-field-wrapper:focus-within {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.hrt-text-area-field-wrapper:hover {
  background-color: var(--hrt-color-surface-default-hover);
}
.hrt-text-area-field-wrapper--error {
  appearance: none;
}
.hrt-text-area-field-wrapper--error,
.hrt-text-area-field-wrapper--error:focus-within {
  border-color: var(--hrt-color-border-negative);
}
.hrt-text-area-field-inner {
  flex-grow: 1;
  padding-top: 0.5rem;
  position: relative;
}
.hrt-text-area-field-inner--top-padding {
  padding-top: 1rem;
}
.hrt-text-area-field-input {
  appearance: none;
  background: #0000;
  border: none;
  display: block;
  line-height: 1.5;
  max-width: 100%;
  outline: none;
  padding: 0;
  resize: vertical;
  width: 100%;
}
.hrt-text-area-field-input:disabled {
  cursor: not-allowed;
}
.hrt-text-area-field-input:focus {
  outline: none;
}
.hrt-text-area-field-label {
  color: var(--hrt-color-text-supporting);
  cursor: text;
  left: 0;
  position: absolute;
  top: 1.25rem;
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.hrt-text-area-field-wrapper:hover .hrt-text-area-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.hrt-text-area-field-inner:focus-within .hrt-text-area-field-label,
.hrt-text-area-field-input:not(:placeholder-shown)
  + .hrt-text-area-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-text-area-field-error,
.hrt-text-area-field-help-text {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.hrt-text-area-field-help-text {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--hrt-color-text-helper);
}
.sb-hover.hrt-text-area-field .hrt-text-area-field-wrapper {
  background-color: var(--hrt-color-surface-default-hover);
}
.sb-hover.hrt-text-area-field .hrt-text-area-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.sb-focus.hrt-text-area-field .hrt-text-area-field-wrapper {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.sb-focus.hrt-text-area-field .hrt-text-area-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-text-field-wrapper {
  align-items: center;
  appearance: none;
  background-color: var(--hrt-color-surface-default);
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.75rem;
  box-sizing: border-box;
  cursor: text;
  display: flex;
  padding: 0.4375rem 1rem;
}
.hrt-text-field-wrapper:focus-within {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.hrt-text-field-wrapper:hover {
  background-color: var(--hrt-color-surface-default-hover);
}
.hrt-text-field-wrapper .hrt-tag {
  white-space: nowrap;
}
.hrt-text-field-wrapper--error {
  appearance: none;
}
.hrt-text-field-wrapper--error,
.hrt-text-field-wrapper--error:focus-within {
  border-color: var(--hrt-color-border-negative);
}
.hrt-text-field-inner {
  flex-grow: 1;
  padding-top: 1rem;
  position: relative;
}
.hrt-text-field-input {
  appearance: none;
  background: #0000;
  border: none;
  line-height: 1.5;
  outline: none;
  padding: 0;
  width: 100%;
}
.hrt-text-field-input:disabled {
  cursor: not-allowed;
}
.hrt-text-field-input:focus {
  outline: none;
}
.hrt-text-field-input:-webkit-inner-spin-button,
.hrt-text-field-input:-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.hrt-text-field-label {
  color: var(--hrt-color-text-supporting);
  cursor: text;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.1s ease-in-out;
}
.hrt-text-field-wrapper:hover .hrt-text-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.hrt-text-field-inner:focus-within .hrt-text-field-label,
.hrt-text-field-input:not(:placeholder-shown) + .hrt-text-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-text-field-error,
.hrt-text-field-help-text {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.hrt-text-field-help-text {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--hrt-color-text-helper);
  margin-bottom: 0;
}
.sb-hover.hrt-text-field .hrt-text-field-wrapper {
  background-color: var(--hrt-color-surface-default-hover);
}
.sb-hover.hrt-text-field .hrt-text-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.sb-focus.hrt-text-field .hrt-text-field-wrapper {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.sb-focus.hrt-text-field .hrt-text-field-label {
  font-size: 0.75rem;
  top: 0.5rem;
}
.hrt-select-field-wrapper {
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.75rem;
  position: relative;
}
.hrt-select-field-wrapper--error {
  border-color: var(--hrt-color-border-negative);
}
.hrt-select-field-select {
  appearance: none;
  background-color: var(--hrt-color-surface-default);
  border: none;
  border-radius: 0.75rem;
  outline: none;
  padding: 1.4375rem 3rem 0.4375rem 1rem;
}
.hrt-select-field-label {
  color: var(--hrt-color-text-supporting);
  font-size: 0.75rem;
  left: 1rem;
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
}
.hrt-select-field-icon {
  pointer-events: none;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.hrt-select-field-wrapper:hover .hrt-select-field-label,
.hrt-select-field.sb-hover .hrt-select-field-label {
  color: var(--hrt-color-text-supporting-hover);
}
.hrt-select-field-wrapper:hover .hrt-select-field-select,
.hrt-select-field.sb-hover .hrt-select-field-select {
  background-color: var(--hrt-color-surface-default-hover);
}
.hrt-select-field-wrapper:focus-within,
.hrt-select-field.sb-focus .hrt-select-field-wrapper {
  border-color: var(--hrt-color-border-focused);
  box-shadow: 0 0 0 1px var(--hrt-color-border-focused);
}
.hrt-field-alert {
  align-items: flex-start;
  display: flex;
}
.hrt-field-alert .hrt-icon {
  margin-top: 0.125rem;
}
.hrt-field-alert--info {
  color: var(--hrt-color-text-default);
}
.hrt-field-alert--error {
  color: var(--hrt-color-text-negative);
}
.hrt-field-alert--success {
  color: var(--hrt-color-text-positive);
}
.hrt-field-alert--warning {
  color: var(--hrt-color-text-warning);
}
.hrt-filter-bar {
  flex-wrap: wrap;
  padding: 1rem 0;
  width: 100%;
}
.hrt-filter-bar .hrt-button-group {
  flex-wrap: wrap;
  gap: 0.5rem;
}
.hrt-filter-bar--scroll {
  overflow-x: scroll;
}
.hrt-filter-bar--scroll .hrt-button-group {
  flex-wrap: nowrap;
}
@media (max-width: 47.999em) {
  .hrt-filter-bar--scroll-for-mobile {
    overflow-x: scroll;
  }
  .hrt-filter-bar--scroll-for-mobile .hrt-button-group {
    flex-wrap: nowrap;
  }
}
.hrt-filter-bar .hrt-choice-button {
  white-space: nowrap;
}
.hrt-choice-button--reset {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-left: 0.5rem;
  white-space: nowrap;
}
.hrt-hero {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media (min-width: 48em) {
  .hrt-hero {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .hrt-hero-grid {
    align-items: center;
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    grid-template-columns: 2fr 1fr;
  }
}
.hrt-hero-image {
  aspect-ratio: 3/2;
  border-radius: 1.25rem;
  margin-top: 2rem;
  overflow: hidden;
}
.hrt-hero-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 48em) {
  .hrt-hero-image {
    aspect-ratio: 4/5;
    margin-top: 0;
  }
}
.hrt-hero-body:has(+ .hrt-hero-image) .hrt-hero-heading {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: clamp(2.5rem, 2.5rem + 1.5 * (100vw - 23.4375rem)/66.5625, 4rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.hrt-hero-body p {
  font-size: clamp(
    1.25rem,
    1.25rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.5rem
  );
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: var(--hrt-color-text-supporting);
  margin-bottom: 2rem;
}
.hrt-hero-body p,
.hrt-hero-heading {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
}
.hrt-hero-heading {
  font-size: clamp(3rem, 3rem + 2.125 * (100vw - 23.4375rem)/66.5625, 5.125rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--hrt-color-text-headings);
  margin-bottom: 1rem;
  text-wrap: balance;
}
@media (min-width: 48em) {
  .hrt-hero-heading {
    margin-bottom: 1.5rem;
  }
}
.hrt-action-card {
  background-color: var(--hrt-color-surface-raised);
  text-align: left;
  width: 100%;
}
.hrt-action-card .hrt-content-card {
  width: 100%;
}
.hrt-action-card.sb-focus,
.hrt-action-card.sb-focus .hrt-content-card--border-solid,
.hrt-action-card.sb-focus .hrt-media-card--border-solid,
.hrt-action-card.sb-focus .hrt-media-card--border-transparent,
.hrt-action-card:focus,
.hrt-action-card:focus .hrt-content-card--border-solid,
.hrt-action-card:focus .hrt-media-card--border-solid,
.hrt-action-card:focus .hrt-media-card--border-transparent,
.hrt-action-card:hover,
.hrt-action-card:hover .hrt-content-card--border-solid,
.hrt-action-card:hover .hrt-media-card--border-solid,
.hrt-action-card:hover .hrt-media-card--border-transparent {
  background-color: var(--hrt-color-surface-raised-hover);
}
.hrt-action-card.sb-focus .hrt-content-card--border-shadow,
.hrt-action-card.sb-focus .hrt-media-card--border-shadow,
.hrt-action-card:focus .hrt-content-card--border-shadow,
.hrt-action-card:focus .hrt-media-card--border-shadow,
.hrt-action-card:hover .hrt-content-card--border-shadow,
.hrt-action-card:hover .hrt-media-card--border-shadow {
  box-shadow: 0 2px 6px #0000001a;
}
.hrt-action-card.sb-focus .hrt-content-card--border-transparent,
.hrt-action-card:focus .hrt-content-card--border-transparent,
.hrt-action-card:hover .hrt-content-card--border-transparent {
  border: 1px solid var(--hrt-color-border-neutral-medium);
  box-shadow: 0 2px 6px #0000001a;
}
.hrt-action-card.sb-active .hrt-content-card--border-solid,
.hrt-action-card.sb-active .hrt-media-card--border-solid,
.hrt-action-card:active .hrt-content-card--border-solid,
.hrt-action-card:active .hrt-media-card--border-solid {
  background-color: var(--hrt-color-surface-raised);
  border-color: var(--hrt-color-border-selected);
}
.hrt-action-card.sb-active .hrt-content-card--border-shadow,
.hrt-action-card.sb-active .hrt-media-card--border-shadow,
.hrt-action-card:active .hrt-content-card--border-shadow,
.hrt-action-card:active .hrt-media-card--border-shadow {
  box-shadow: 0 1px 2px #0000001a;
}
.hrt-action-card.sb-active .hrt-content-card--border-transparent,
.hrt-action-card:active .hrt-content-card--border-transparent {
  border: 1px solid var(--hrt-color-border-selected);
  box-shadow: 0 1px 2px #0000001a;
}
.hrt-base-card {
  background-color: var(--hrt-color-surface-raised);
  border-radius: 0.5rem;
  display: inline-flex;
  flex-direction: column;
  transition-duration: 0.5s;
  transition-property: background-color, border-color, box-shadow;
  transition-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  width: 100%;
}
a.hrt-base-card {
  text-decoration: none;
}
.hrt-base-card--inline-layout {
  flex-direction: row;
}
@media (max-width: 47.999em) {
  .hrt-base-card--responsive-layout {
    flex-direction: row;
  }
}
.hrt-base-card--border-transparent {
  border: 1px solid #0000;
}
@media (hover: hover) {
  .hrt-base-card--border-transparent:not(div).sb-hover,
  .hrt-base-card--border-transparent:not(div):hover {
    background-color: var(--hrt-color-surface-raised-hover);
  }
}
.hrt-base-card--border-transparent:not(div).hrt-base-card--inactive.sb-hover,
.hrt-base-card--border-transparent:not(div).hrt-base-card--inactive:hover {
  background-color: var(--hrt-color-surface-raised);
}
.hrt-base-card--border-solid {
  border: 1px solid var(--hrt-color-border-neutral-medium);
}
@media (hover: hover) {
  .hrt-base-card--border-solid:not(div).sb-hover,
  .hrt-base-card--border-solid:not(div):hover {
    border-color: var(--hrt-color-border-neutral-medium-hover);
  }
}
.hrt-base-card--border-solid:not(div).hrt-base-card--inactive,
.hrt-base-card--border-solid:not(div).hrt-base-card--inactive.sb-hover,
.hrt-base-card--border-solid:not(div).hrt-base-card--inactive:hover {
  border-color: var(--hrt-color-border-disabled);
}
.hrt-base-card-body {
  background-color: inherit;
  border-radius: inherit;
  padding: 1.5rem;
  text-align: left;
  width: 100%;
}
.hrt-base-card-title {
  font-size: clamp(1rem, 1rem + 0.25 * (100vw - 23.4375rem)/66.5625, 1.25rem);
  font-weight: 700;
  line-height: 1.1;
  color: var(--hrt-color-text-headings);
}
.hrt-base-card-description,
.hrt-base-card-title {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  margin-bottom: 0;
}
.hrt-base-card-description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--hrt-color-text-supporting);
}
.hrt-base-card--inactive {
  cursor: default;
}
.hrt-base-card--inactive .hrt-base-card-description,
.hrt-base-card--inactive .hrt-base-card-title {
  color: var(--hrt-color-text-supporting);
}
.hrt-content-card {
  background-color: var(--hrt-color-surface-raised);
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.hrt-content-card p:last-child {
  margin-bottom: 0;
}
.hrt-content-card--border-solid {
  border: 1px solid var(--hrt-color-border-neutral-medium);
}
.hrt-content-card--border-shadow {
  box-shadow: 0 6px 14px #0000001a;
}
.hrt-content-card--border-transparent,
.hrt-fundraiser-card {
  border: 1px solid #0000;
}
.hrt-fundraiser-card {
  background-color: #0000;
  display: flex;
  padding: 0.5rem;
  text-align: left;
  transition-duration: 0.5s;
  transition-property: background-color, border-color;
  transition-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-fundraiser-card .hrt-media-tag {
  transition: color 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
@media (hover: hover) {
  .hrt-fundraiser-card.sb-hover,
  .hrt-fundraiser-card:hover {
    border: 1px solid var(--hrt-color-border-implied-on-default-hover);
  }
  .hrt-fundraiser-card.sb-hover .hrt-fundraiser-card-image,
  .hrt-fundraiser-card:hover .hrt-fundraiser-card-image {
    transform: scale(1.05);
  }
}
.hrt-fundraiser-card--size-default {
  border-radius: 1.25rem;
  flex-direction: column;
}
.hrt-fundraiser-card--size-default .hrt-fundraiser-card-image-container {
  aspect-ratio: 3/2;
  border-radius: 1rem;
  max-width: 100%;
}
.hrt-fundraiser-card--size-default .hrt-fundraiser-card-content {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.hrt-fundraiser-card--size-default .hrt-fundraiser-card-body-text {
  display: inline-block;
}
.hrt-fundraiser-card--size-default .hrt-media-tag {
  left: 1rem;
  position: absolute;
  top: -2.5rem;
}
.hrt-fundraiser-card--size-default .hrt-goal-bar {
  margin-top: 1rem;
}
.hrt-fundraiser-card--size-condensed {
  align-items: center;
  border-radius: 1rem;
  flex-direction: row;
}
.hrt-fundraiser-card--size-condensed .hrt-fundraiser-card-image-container {
  aspect-ratio: 1/1;
  border-radius: 0.5rem;
  max-width: 5.5rem;
}
.hrt-fundraiser-card--size-condensed .hrt-fundraiser-card-content {
  padding-left: 1rem;
}
.hrt-fundraiser-card--size-condensed .hrt-fundraiser-card-body-text {
  display: none;
}
.hrt-fundraiser-card--size-condensed .hrt-goal-bar {
  margin-top: 0.5rem;
}
.hrt-fundraiser-card--size-condensed .hrt-media-tag {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  background-color: #0000;
  border: 0;
  padding: 0;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-media-tag {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-media-tag {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-media-tag {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-media-tag {
  animation-delay: 0ms, 60ms;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-4, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-media-tag-text {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-media-tag-text {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-media-tag-text {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-media-tag-text {
  animation-delay: 0ms, 0.12s;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-8, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
.hrt-fundraiser-card.hrt-animate.hrt-fundraiser-card--size-condensed
  .hrt-media-tag-text {
  animation-delay: 0ms, 60ms;
}
.hrt-fundraiser-card--size-condensed-for-mobile {
  align-items: center;
  border-radius: 1rem;
  flex-direction: row;
}
.hrt-fundraiser-card--size-condensed-for-mobile
  .hrt-fundraiser-card-image-container {
  aspect-ratio: 1/1;
  border-radius: 0.5rem;
  max-width: 5.5rem;
}
.hrt-fundraiser-card--size-condensed-for-mobile .hrt-fundraiser-card-content {
  padding-left: 1rem;
}
.hrt-fundraiser-card--size-condensed-for-mobile .hrt-fundraiser-card-body-text {
  display: none;
}
.hrt-fundraiser-card--size-condensed-for-mobile .hrt-goal-bar {
  margin-top: 0.5rem;
}
@media (min-width: 48em) {
  .hrt-fundraiser-card--size-condensed-for-mobile {
    border-radius: 1.25rem;
    flex-direction: column;
  }
  .hrt-fundraiser-card--size-condensed-for-mobile
    .hrt-fundraiser-card-image-container {
    aspect-ratio: 3/2;
    border-radius: 1rem;
    max-width: 100%;
  }
  .hrt-fundraiser-card--size-condensed-for-mobile .hrt-fundraiser-card-content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
  .hrt-fundraiser-card--size-condensed-for-mobile
    .hrt-fundraiser-card-body-text {
    display: inline-block;
  }
  .hrt-fundraiser-card--size-condensed-for-mobile .hrt-media-tag {
    left: 1rem;
    position: absolute;
    top: -2.5rem;
  }
  .hrt-fundraiser-card--size-condensed-for-mobile .hrt-goal-bar {
    margin-top: 1rem;
  }
}
@media (max-width: 47.999em) {
  .hrt-fundraiser-card--size-condensed-for-mobile .hrt-media-tag {
    font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    background-color: #0000;
    border: 0;
    padding: 0;
  }
}
.hrt-fundraiser-card--variant-default .hrt-fundraiser-card-body-text {
  color: var(--hrt-color-text-supporting);
}
@media (hover: hover) {
  .hrt-fundraiser-card--variant-default.sb-hover,
  .hrt-fundraiser-card--variant-default:hover {
    border-color: var(--hrt-color-border-neutral-subtle);
  }
  .hrt-fundraiser-card--variant-default.sb-hover .hrt-fundraiser-card-body-text,
  .hrt-fundraiser-card--variant-default:hover .hrt-fundraiser-card-body-text {
    color: var(--hrt-color-text-default);
  }
}
.hrt-fundraiser-card--variant-default.hrt-fundraiser-card--size-condensed
  .hrt-media-tag {
  color: var(--hrt-color-text-supporting);
}
@media (hover: hover) {
  .hrt-fundraiser-card--variant-default.hrt-fundraiser-card--size-condensed.sb-hover
    .hrt-media-tag,
  .hrt-fundraiser-card--variant-default.hrt-fundraiser-card--size-condensed:hover
    .hrt-media-tag {
    color: var(--hrt-color-text-default);
  }
}
@media (max-width: 47.999em) {
  .hrt-fundraiser-card--variant-default.hrt-fundraiser-card--size-condensed-for-mobile
    .hrt-media-tag {
    color: var(--hrt-color-text-supporting);
  }
}
@media (max-width: 47.999em) and (hover: hover) {
  .hrt-fundraiser-card--variant-default.hrt-fundraiser-card--size-condensed-for-mobile.sb-hover
    .hrt-media-tag,
  .hrt-fundraiser-card--variant-default.hrt-fundraiser-card--size-condensed-for-mobile:hover
    .hrt-media-tag {
    color: var(--hrt-color-text-default);
  }
}
a.hrt-fundraiser-card--variant-light {
  color: var(--hrt-color-text-on-strong);
}
@media (hover: hover) {
  a.hrt-fundraiser-card--variant-light.sb-hover,
  a.hrt-fundraiser-card--variant-light:hover {
    background-color: #0000004d;
    color: var(--hrt-color-text-on-strong);
  }
}
.hrt-fundraiser-card-content {
  position: relative;
  width: 100%;
}
.hrt-fundraiser-card-content .hrt-goal-bar-label {
  cursor: inherit;
}
.hrt-fundraiser-card-body-text {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-bottom: 0;
  padding-top: 0.5rem;
  transition: color 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-body-text {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-body-text {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-body-text {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-body-text {
  animation-delay: 0.12s, 0.18s;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-8, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
.hrt-fundraiser-card-image-container {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.hrt-fundraiser-card-image {
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.3, 0.01, 0, 1);
  width: 100%;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image-container {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image-container {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image-container {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image-container {
  animation-delay: 0ms, 60ms;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-8, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
@keyframes hrt-motion-scale-down {
  0% {
    transform: scale(1.5);
  }
  to {
    transform: scale(1);
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-image {
  animation-delay: 0ms, 60ms;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: backwards, forwards;
  animation-name: hrt-motion-scale-down, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
.hrt-fundraiser-card-title {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-title {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-title {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-title {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-fundraiser-card-title {
  animation-delay: 60ms, 0.12s;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-8, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
.hrt-media-card {
  background-color: var(--hrt-color-surface-raised);
  border-radius: 0.5rem;
  overflow: hidden;
}
.hrt-media-card p:last-child {
  margin-bottom: 0;
}
.hrt-media-card-image {
  background-position: 50%;
  background-size: cover;
}
.hrt-media-card-content {
  padding: 1rem;
}
.hrt-media-card--border-solid {
  border: 1px solid var(--hrt-color-border-neutral-medium);
}
.hrt-media-card--border-shadow {
  box-shadow: 0 6px 14px #0000001a;
}
.hrt-media-card--border-transparent .hrt-media-card-image {
  border-radius: 0.5rem;
}
.hrt-media-card--stacked .hrt-media-card-image {
  overflow: hidden;
  padding-top: 66.625%;
  position: relative;
}
.hrt-media-card--inline {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.hrt-media-card--inline .hrt-media-card-content {
  padding: 1.5rem;
}
@media (min-width: 64em) {
  .hrt-media-card--responsive {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .hrt-media-card--responsive .hrt-media-card-content {
    padding: 1.5rem;
  }
}
@media (max-width: 63.999em) {
  .hrt-media-card--responsive .hrt-media-card-image {
    overflow: hidden;
    padding-top: 66.625%;
    position: relative;
  }
}
.hrt-base-list-item {
  align-items: center;
  background-color: var(--hrt-color-surface-default);
  border-radius: 0.75rem;
  display: flex;
  padding: 1rem 0.5rem;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
@media (hover: hover) {
  .hrt-base-list-item:not(span).sb-hover,
  .hrt-base-list-item:not(span):hover {
    background-color: var(--hrt-color-surface-default-hover);
  }
}
.hrt-base-list-item--top-align {
  align-items: flex-start;
}
.hrt-base-list-item-copy {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.hrt-base-list-item-label {
  font-size: 0.75rem;
  line-height: 1.33333;
  color: var(--hrt-color-text-supporting);
  padding-bottom: 0.125rem;
}
.hrt-base-list-item-label,
.hrt-base-list-item-title {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}
.hrt-base-list-item-title {
  font-size: 1rem;
  line-height: 1.5;
}
.hrt-base-list-item-description {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--hrt-color-text-supporting);
  padding-top: 0.125rem;
}
.hrt-base-list-item--heading-size .hrt-base-list-item-title {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.hrt-base-list-item--condensed-size {
  padding: 0.5rem;
}
.hrt-meta-list {
  color: currentcolor;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 48em) {
  .hrt-meta-list {
    font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem;
  }
}
.hrt-meta-list-item {
  align-items: center;
  display: flex;
}
.hrt-meta-list-item:not(:first-child):before {
  content: " · ";
}
.hrt-donation-list-item-content {
  color: var(--hrt-color-text-default);
}
.hrt-donation-list-item-amount,
.hrt-donation-list-item-data {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.hrt-donation-list-item-data:before {
  content: " · ";
}
.hrt-donation-list-item-comment {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: var(--hrt-color-text-default);
  padding-top: 0.125rem;
}
.hrt-overlay {
  --hrt-overlay-zindex: 1100;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: var(--hrt-color-surface-overlay);
  inset: 0;
  position: fixed;
  z-index: var(--hrt-overlay-zindex);
}
.hrt-overlay-fade-in {
  animation: hrt-motion-fade-in 0.5s cubic-bezier(0.3, 0.01, 0, 1);
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-overlay-fade-in {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-overlay-fade-out {
  animation: hrt-motion-fade-out 0.5s cubic-bezier(0.3, 0.01, 0, 1);
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-overlay-fade-out {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 0 !important;
  }
}
@keyframes hrt-motion-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hrt-base-dialog {
  --hrt-dialog-zindex: 1200;
  inset: 0;
  position: fixed;
  z-index: var(--hrt-dialog-zindex);
}
.hrt-base-dialog-inner {
  height: 100%;
  outline: none;
  overflow-y: auto;
  width: 100%;
}
.hrt-modal-header {
  align-items: center;
  backface-visibility: hidden;
  background-color: var(--hrt-color-surface-raised);
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
}
@media (min-width: 48em) {
  .hrt-modal-header {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
.hrt-modal-header-button--close {
  margin-left: auto;
  margin-right: -0.5rem;
}
.hrt-modal-footer {
  background-color: var(--hrt-color-surface-raised);
  padding: 1.5rem;
}
.hrt-modal-footer .hrt-button-group--orientation-stacked,
.hrt-modal-footer .hrt-button-group--orientation-stacked-for-mobile {
  gap: 0.5rem;
}
.hrt-modal-body {
  border-bottom: 1px solid var(--hrt-color-border-neutral-subtle);
  border-top: 1px solid #0000;
  flex: 1 1;
  overflow: hidden auto;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition: border-color 0.5s cubic-bezier(0.3, 0.01, 0, 1);
  width: 100%;
}
.hrt-modal-body:has(+ .hrt-modal-footer) {
  padding-bottom: 0;
}
.hrt-modal-body:not(:has(+ .hrt-modal-footer)) {
  border-bottom-color: #0000;
}
.hrt-modal-body .hrt-button-group--orientation-stacked,
.hrt-modal-body .hrt-button-group--orientation-stacked-for-mobile {
  gap: 0.5rem;
}
.hrt-modal-body--scrolled {
  border-top-color: var(--hrt-color-border-neutral-subtle);
}
.hrt-modal-body--scrolled-to-bottom {
  border-bottom-color: #0000;
}
.hrt-modal-open-up {
  animation: hrt-modal-open-up 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-modal-close-down {
  animation: hrt-modal-close-down 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
@keyframes hrt-modal-open-up {
  0% {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes hrt-modal-close-down {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100vh);
  }
}
.hrt-modal {
  background-color: var(--hrt-color-surface-raised);
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  bottom: 0;
  box-shadow: 0 6px 14px #0000001a;
  display: flex;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
}
.hrt-modal:before {
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -1rem;
}
.hrt-modal--adaptive {
  max-height: 90dvh;
  min-height: 50dvh;
}
@media (min-width: 48em) {
  .hrt-modal--adaptive {
    border-radius: 1.25rem;
    height: auto;
    left: 50%;
    margin-block: 10dvh;
    max-height: none;
    min-height: auto;
    position: relative;
    transform: translateX(-50%);
    width: calc(55ch + 3rem);
  }
  .hrt-modal--adaptive:before {
    display: none;
  }
  .hrt-modal--fixed-height {
    inset: 50% auto auto 50%;
    margin-block: 0;
    max-height: 60dvh;
    position: fixed;
    transform: translate(-50%, -50%);
  }
}
.hrt-modal--full-height {
  border-radius: 0;
}
@media (max-width: 47.999em) {
  .hrt-modal--full-height-on-mobile {
    border-radius: 0;
    max-height: none;
    top: 0;
  }
}
.hrt-no-animation {
  transform: none !important;
  transition: none !important;
}
.hrt-modal-open-left {
  animation: hrt-modal-open-left 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-modal-close-right {
  animation: hrt-modal-close-right 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-modal-open-right {
  animation: hrt-modal-open-right 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
.hrt-modal-close-left {
  animation: hrt-modal-close-left 0.5s cubic-bezier(0.3, 0.01, 0, 1);
}
@keyframes hrt-modal-open-left {
  0% {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes hrt-modal-close-right {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100vw);
  }
}
@keyframes hrt-modal-open-right {
  0% {
    transform: translateX(-100vw);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes hrt-modal-close-left {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100vw);
  }
}
.hrt-side-modal {
  background-color: var(--hrt-color-surface-raised);
  bottom: 0;
  box-shadow: 0 6px 14px #0000001a;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: fixed;
  top: 0;
}
.hrt-side-modal:before {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 1rem;
}
.hrt-side-modal-left {
  border-bottom-right-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  left: 0;
}
.hrt-side-modal-left:before {
  right: -1rem;
}
.hrt-side-modal-right {
  border-bottom-left-radius: 1.25rem;
  border-top-left-radius: 1.25rem;
  right: 0;
}
.hrt-side-modal-right:before {
  left: -1rem;
}
.hrt-side-modal--adaptive {
  max-width: 85vw;
}
@media (min-width: 48em) {
  .hrt-side-modal--adaptive {
    max-width: 45vw;
  }
}
@media (min-width: 72em) {
  .hrt-side-modal--adaptive {
    max-width: 35vw;
  }
}
.hrt-tab {
  color: var(--hrt-color-text-supporting);
  display: inline-block;
  font-weight: 700;
  overflow: hidden;
  padding: 0.5rem 1rem;
  position: relative;
  white-space: nowrap;
  width: max-content;
}
.hrt-tab .hrt-tab-superscript {
  color: var(--hrt-color-text-positive);
  font-size: 0.75rem;
  margin-left: 0.5rem;
  vertical-align: super;
}
.hrt-tab.hrt-tab--pill {
  border-radius: 624.9375rem;
}
.hrt-tab.hrt-tab--pill.hrt-tab--active {
  background-color: var(--hrt-color-surface-implied-selected-strong);
  color: var(--hrt-color-text-supporting-on-selected-strong);
}
.hrt-tab.hrt-tab--pill.hrt-tab--active .hrt-tab-superscript {
  color: var(--hrt-color-text-brand-on-strong);
}
@media (hover: hover) {
  .hrt-tab.hrt-tab--pill.sb-hover:not(.hrt-tab--active),
  .hrt-tab.hrt-tab--pill:hover:not(.hrt-tab--active) {
    background-color: var(--hrt-color-surface-implied-hover);
  }
  .hrt-tab.hrt-tab--pill.hrt-tab--active.sb-hover,
  .hrt-tab.hrt-tab--pill.hrt-tab--active:hover {
    background-color: var(--hrt-color-surface-implied-selected-strong-hover);
  }
}
.hrt-tab.hrt-tab--underline {
  border-radius: 0.5rem;
}
.hrt-tab.hrt-tab--underline.hrt-tab--active .hrt-tab-title {
  color: var(--hrt-color-text-default);
  position: relative;
}
.hrt-tab.hrt-tab--underline.hrt-tab--active .hrt-tab-title:after {
  background-color: var(--hrt-color-border-brand);
  bottom: -0.25rem;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media (hover: hover) {
  .hrt-tab.hrt-tab--underline.sb-hover,
  .hrt-tab.hrt-tab--underline:hover {
    background-color: var(--hrt-color-surface-implied-hover);
  }
}
.hrt-segmented-control,
.hrt-tab-list {
  column-gap: 0.5rem;
  display: flex;
}
.hrt-segmented-control {
  background-color: var(--hrt-color-surface-neutral-subtle);
  border-radius: 624.9375rem;
  padding: 0.5rem;
}
.hrt-segmented-control-button {
  align-items: center;
  border-radius: 624.9375rem;
  color: var(--hrt-color-text-default);
  display: flex;
  font-weight: 700;
  justify-content: center;
  padding: 0.5rem 3rem;
  width: 100%;
}
.hrt-segmented-control-button:not(
    .hrt-base-button--disabled
  ).hrt-segmented-control-button--active {
  background-color: var(--hrt-color-surface-implied-selected-strong);
  color: var(--hrt-color-text-on-strong);
}
@media (hover: hover) {
  .hrt-segmented-control-button:not(
      .hrt-base-button--disabled
    ).hrt-segmented-control-button--active.sb-hover,
  .hrt-segmented-control-button:not(
      .hrt-base-button--disabled
    ).hrt-segmented-control-button--active:hover {
    background-color: var(--hrt-color-surface-implied-selected-strong-hover);
    color: var(--hrt-color-text-on-strong);
  }
  .hrt-segmented-control-button:not(.hrt-base-button--disabled):not(
      .hrt-segmented-control-button--active
    ).sb-hover,
  .hrt-segmented-control-button:not(.hrt-base-button--disabled):not(
      .hrt-segmented-control-button--active
    ):hover {
    background-color: var(--hrt-color-surface-neutral-medium);
  }
}
.hrt-segmented-control-button--disabled {
  color: var(--hrt-color-text-disabled);
}
.hrt-segmented-control-button--disabled.hrt-segmented-control-button--active {
  background-color: var(--hrt-color-surface-disabled);
  color: var(--hrt-color-text-on-disabled);
}
.hrt-goal-bar {
  appearance: none;
  border-radius: 624.9375rem;
  display: block;
  height: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.hrt-goal-bar::-webkit-progress-bar {
  border-radius: 624.9375rem;
}
.hrt-goal-bar::-webkit-progress-value {
  background: linear-gradient(
    90deg,
    #a8ef6c 0,
    var(--hrt-color-surface-brand) 100%
  );
  border-radius: 624.9375rem;
  max-width: calc(100% - 0.5rem);
  min-width: 0.25rem;
}
.hrt-goal-bar::-ms-fill {
  background: linear-gradient(
    90deg,
    #a8ef6c 0,
    var(--hrt-color-surface-brand) 100%
  );
  border-radius: 624.9375rem;
  max-width: calc(100% - 0.5rem);
  min-width: 0.25rem;
}
.hrt-goal-bar::-moz-progress-bar {
  background: linear-gradient(
    90deg,
    #a8ef6c 0,
    var(--hrt-color-surface-brand) 100%
  );
  border-radius: 624.9375rem;
}
.hrt-goal-bar--never-full::-moz-progress-bar {
  margin-right: 0.5rem;
}
.hrt-goal-bar--never-empty::-moz-progress-bar {
  padding-left: 0.25rem;
}
.hrt-goal-bar--default {
  background-color: var(--hrt-color-surface-unfilled);
}
.hrt-goal-bar--default::-webkit-progress-bar {
  background-color: var(--hrt-color-surface-unfilled);
}
.hrt-goal-bar--light {
  background-color: var(--hrt-color-surface-unfilled-on-strong);
}
.hrt-goal-bar--light::-webkit-progress-bar {
  background-color: var(--hrt-color-surface-unfilled-on-strong);
}
.hrt-goal-bar-label {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: block;
  font-weight: 700;
  margin-top: 0.375rem;
}
.hrt-goal-bar-label--default {
  color: var(--hrt-color-text-default);
}
.hrt-goal-bar-label--light {
  color: var(--hrt-color-text-on-strong);
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-goal-bar {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
@keyframes hrt-motion-shift-up-8 {
  0% {
    transform: translateY(0.5rem);
  }
  to {
    transform: translateY(0);
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-goal-bar {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-goal-bar {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-goal-bar {
  animation-delay: 0.18s, 0.24s;
  animation-duration: 0.66s, 0.33s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-8, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
.hrt-fundraiser-card.hrt-animate .hrt-goal-bar::-webkit-progress-value {
  -webkit-transition: width 0.66s;
  transition: width 0.66s;
}
@media (prefers-reduced-motion) {
  .hrt-fundraiser-card.hrt-animate .hrt-goal-bar::-webkit-progress-value {
    -webkit-transition: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-goal-bar-label {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
@keyframes hrt-motion-shift-up-4 {
  0% {
    transform: translateY(0.25rem);
  }
  to {
    transform: translateY(0);
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-goal-bar-label {
  animation-fill-mode: both;
}
@media (prefers-reduced-motion: reduce), print {
  .hrt-fundraiser-card.hrt-animate .hrt-goal-bar-label {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    opacity: 1 !important;
  }
}
@keyframes hrt-motion-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hrt-fundraiser-card.hrt-animate .hrt-goal-bar-label {
  animation-delay: 0.24s, 0.3s;
  animation-duration: 1.26s, 1.2s;
  animation-fill-mode: forwards, forwards;
  animation-name: hrt-motion-shift-up-4, hrt-motion-fade-in;
  animation-timing-function: cubic-bezier(0.3, 0.01, 0, 1);
  opacity: 0;
}
.hrt-fundraiser-card.hrt-animate.hrt-fundraiser-card--size-condensed
  .hrt-goal-bar {
  animation-delay: 0.12s, 0.18s;
}
.hrt-fundraiser-card.hrt-animate.hrt-fundraiser-card--size-condensed
  .hrt-goal-bar-label {
  animation-delay: 0.18s, 0.24s;
}
.hrt-progress-circle {
  background-color: var(--hrt-color-surface-unfilled);
  border-radius: 624.9375rem;
  overflow: hidden;
  position: relative;
}
.hrt-progress-circle-gradient {
  background: conic-gradient(
    from 0deg at 50% 50%,
    #c2ff6b 0deg,
    var(--hrt-color-surface-brand) 1turn
  );
  border-radius: 624.9375rem;
  inset: 0;
  position: absolute;
}
.hrt-progress-circle-inner {
  align-items: center;
  background-color: var(--hrt-color-surface-raised);
  border-radius: 624.9375rem;
  display: flex;
  justify-content: center;
  position: absolute;
}
.hrt-progress-circle-inner sup {
  font-size: 65%;
  position: relative;
  top: -0.375em;
}
.a-image {
  max-height: 100%;
  max-width: 100%;
}
.a-image--background {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.a-overlay {
  background: #000000b3;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.15s ease-in-out;
  z-index: -9999;
}
.a-overlay--animating {
  z-index: 9999;
}
.a-overlay--open {
  opacity: 1;
  z-index: 9999;
}
.a-overlay--bg-sand {
  background: #f4f2ec;
}
.a-overlay--bg-gray {
  background: #fbfaf8;
}
.a-upload {
  appearance: none;
  background-color: #fff;
  border: 1px solid #c0bdb8;
  border-radius: 0.25rem;
  display: block;
  padding: 0.75rem 1rem;
  width: 100%;
}
.m-base-modal {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.m-base-modal-inner {
  animation: slideOut 0.3s ease-out forwards;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100vw;
}
.m-base-modal-inner--open {
  animation: bounceIn 0.5s ease-out forwards;
}
@media (max-width: 47.999em) {
  .m-base-modal-inner {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}
@media (min-width: 48em) {
  .m-base-modal-inner {
    max-height: 80vh;
    max-width: 35rem;
    position: relative;
  }
  .m-base-modal-inner--open {
    animation: bounceIn 0.5s ease-out forwards, fadeIn 0.25s ease-out forwards;
  }
}
@media print and (min-width: 48em),
  screen and (min-width: 48em) and (min-height: 800px) {
  .m-base-modal-inner {
    max-height: 800px;
  }
}
@media (prefers-reduced-motion) {
  .m-base-modal-inner {
    animation-name: dissolve;
  }
}
@keyframes bounceIn {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-2%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideOut {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
.o-drawer {
  background: #fff;
  transform: translateY(-100%);
  transition: transform 0.15s ease-in-out;
}
.o-drawer--open {
  transform: translateY(0);
}
.o-drawer--full {
  height: 100vh;
  overflow-y: auto;
  transition-duration: 0.25s;
}
.o-drawer-header {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
.o-drawer-header .o-drawer-header-content {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.o-drawer-header .o-drawer-header-close-button {
  font-size: 1.375rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.o-drawer-content {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: relative;
  width: 100%;
}
.o-drawer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.m-drawer-modal {
  bottom: 0;
  position: absolute;
}
.m-drawer-modal .o-drawer-content {
  display: flex;
  flex-direction: column;
}
@media (max-width: 47.999em) {
  .m-drawer-modal {
    transform: translateY(100%);
    width: 100%;
  }
  .m-drawer-modal .o-drawer-header-close-button {
    display: none;
  }
  .m-drawer-modal.o-drawer--open {
    display: flex;
    flex-direction: column;
    max-height: 80vh;
    transform: translateY(0);
  }
}
@media (min-width: 48em) {
  .m-drawer-modal {
    border-radius: 0.25rem;
    box-shadow: 0 0.3125rem 1rem -0.1875rem #00000080;
    left: 50%;
    margin: auto;
    max-height: 80vh;
    transform: translate(-50%, 100%);
    width: 35rem;
  }
}
@media print and (min-width: 48em),
  screen and (min-width: 48em) and (min-height: 800px) {
  .m-drawer-modal {
    max-height: 800px;
  }
}
@media (min-width: 48em) {
  .m-drawer-modal.o-drawer--open {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.m-drawer-modal-title {
  font-size: 1rem;
}
.o-modal {
  background: #fff;
  box-shadow: 0 0.3125rem 1rem -0.1875rem #00000080;
  width: 100%;
}
@media (min-width: 48em) {
  .o-modal {
    border-radius: 0.25rem;
    max-height: 80%;
    max-width: 35rem;
  }
}
@media print and (min-width: 48em),
  screen and (min-width: 48em) and (min-height: 800px) {
  .o-modal {
    max-height: 800px;
  }
}
@media (max-width: 47.999em) {
  .o-modal {
    height: 100%;
  }
}
.o-modal-inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 48em) {
  .o-modal-inner {
    max-height: 80vh;
  }
}
@media print and (min-width: 48em),
  screen and (min-width: 48em) and (min-height: 800px) {
  .o-modal-inner {
    max-height: 800px;
  }
}
@media (max-width: 47.999em) {
  .o-modal-inner {
    height: -webkit-fill-available;
    max-height: 100vh;
  }
}
.o-modal-header {
  align-items: center;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  display: flex;
  flex-direction: row-reverse;
  min-height: 3rem 0.5;
  padding: 1rem 1rem 0.5rem;
  transition: box-shadow 0.1s ease-in-out;
}
@media (min-width: 64em) {
  .o-modal-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.o-modal-footer {
  padding: 1rem;
}
.o-modal-header--is-stuck {
  box-shadow: 0 2px 6px #0000001a;
  z-index: 10;
}
.o-modal-header-inner {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
}
.o-modal-heading {
  flex: 1 1 auto;
}
.o-modal-close-button {
  font-size: 1.375rem;
}
.o-modal-content {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  padding: 1rem 1rem 2rem;
}
@media (min-width: 64em) {
  .o-modal-content {
    padding-bottom: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.hrt-media-lockup {
  display: flex;
}
.hrt-media-lockup .hrt-spot-icon {
  flex-shrink: 0;
}
.hrt-media-lockup.hrt-media-lockup--center {
  align-items: center;
}
.hrt-media-lockup-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.25rem;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.hrt-media-lockup--stacked {
  flex-direction: column;
}
.hrt-media-lockup--stacked .hrt-media-lockup-image--16x9 {
  height: auto;
  padding-top: 56.25%;
}
.hrt-media-lockup--stacked .hrt-media-lockup-image--4x3 {
  height: auto;
  padding-top: 75%;
}
.hrt-media-lockup--stacked img {
  border-radius: 0.25rem;
}
.hrt-media-lockup--stacked.hrt-media-lockup--start .hrt-media-lockup-content {
  margin-top: 1rem;
}
.hrt-media-lockup--stacked.hrt-media-lockup--end {
  flex-direction: column-reverse;
  justify-content: start;
}
.hrt-media-lockup--stacked.hrt-media-lockup--center .hrt-media-lockup-content {
  text-align: center;
}
.hrt-media-lockup--inline {
  flex-direction: row;
}
.hrt-media-lockup--inline.hrt-media-lockup--start .hrt-media-lockup-content {
  margin-left: 1rem;
}
.hrt-media-lockup--inline.hrt-media-lockup--end {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.hrt-media-lockup--inline.hrt-media-lockup--end .hrt-media-lockup-content {
  margin-right: 1rem;
}
.hrt-media-lockup--inline.hrt-media-lockup--center .hrt-media-lockup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 47.999em) {
  .hrt-media-lockup--inline .hrt-media-lockup-image--4x3 {
    flex-shrink: 0;
    height: 100px;
    width: 100px;
  }
}
@media (min-width: 48em) {
  .hrt-media-lockup--inline .hrt-media-lockup-image--4x3 {
    flex-shrink: 0;
    height: 225px;
    width: 300px;
  }
}
@media (max-width: 47.999em) {
  .hrt-media-lockup--inline .hrt-media-lockup-image--16x9 {
    height: 100px;
    width: 100px;
  }
}
@media (min-width: 48em) {
  .hrt-media-lockup--inline .hrt-media-lockup-image--16x9 {
    flex-shrink: 0;
    height: 168.75px;
    width: 300px;
  }
}
.hrt-media-lockup--inline img {
  border-radius: 0.25rem;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 50%;
}
.hrt-avatar-lockup {
  display: flex;
}
.hrt-avatar-lockup-content {
  margin-left: 1rem;
}
.hrt-avatar-lockup-image {
  flex-shrink: 0;
}
.a-code-block {
  background-color: var(--hrt-color-surface-default);
  border: 1px solid var(--hrt-color-border-neutral-medium);
  border-radius: 0.25rem;
  font-family: ui-monospace, Menlo, Monaco, Cascadia Mono, Segoe UI Mono,
    Roboto Mono, Oxygen Mono, "Ubuntu Monospace", Source Code Pro, Fira Mono,
    Droid Sans Mono, Courier New, monospace;
  font-size: 0.875rem;
  overflow-y: auto;
  padding: 1rem;
  white-space: pre-wrap;
  width: 100%;
  word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
}
.a-code-block-inner {
  display: block;
}
.dot {
  border-radius: 4px;
  display: inline-block;
  height: 4px;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  width: 4px;
}
.dot.dot--one {
  animation: dotOne 1s ease-in-out infinite;
}
.dot.dot--two {
  animation: dotTwo 1s ease-in-out infinite;
}
.dot.dot--three {
  animation: dotThree 1s ease-in-out infinite;
}
.a-loading-dots {
  display: flex;
}
.a-loading-dots--large .dot {
  border-radius: 8px;
  height: 8px;
  margin-left: 8px;
  margin-right: 8px;
  width: 8px;
}
.a-loading-dots--black .dot {
  background: var(--hrt-color-surface-neutral-strong);
}
.a-loading-dots--white .dot {
  background: var(--hrt-color-surface-default);
}
.a-loading-dots--green .dot {
  background: var(--hrt-color-surface-brand);
}
.a-loading-dots--gray .dot {
  background: var(--hrt-color-surface-unselected);
}
@keyframes dotOne {
  0% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  24% {
    opacity: 1;
    transform: scale(1);
  }
  48% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  to {
    opacity: 0.4;
    transform: scale(0.5);
  }
}
@keyframes dotTwo {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  24% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  48% {
    opacity: 1;
    transform: scale(1);
  }
  72% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  96% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dotThree {
  0% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  48% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  72% {
    opacity: 1;
    transform: scale(1);
  }
  96% {
    opacity: 0.4;
    transform: scale(0.5);
  }
  to {
    opacity: 0.4;
    transform: scale(0.5);
  }
}
.a-play-button-icon {
  height: 5em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5em;
}
.a-word-rule {
  align-items: center;
  display: grid;
  font-weight: 700;
  grid-column-gap: 32px;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.a-word-rule:after,
.a-word-rule:before {
  background: var(--hrt-color-border-neutral-subtle);
  content: "";
  height: 1px;
}
.m-readmore-text {
  padding-left: 0.25em;
}
.m-readmore-collapse-button {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media (min-width: 64em) {
  .m-readmore-collapse-button {
    display: none;
  }
}
.m-video {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.m-video-loading-dots,
.m-video-preview {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.m-video-iframe {
  background: var(--hrt-color-surface-neutral-strong);
  height: 100%;
  max-height: 18.75rem;
  width: 100%;
}
@media (min-width: 64em) {
  .m-video-iframe {
    max-height: 25rem;
  }
}
.hover-green:hover {
  color: var(--hrt-color-border-green);
  text-decoration: none;
}
.btn-max-width {
  max-width: 22.5rem;
}
@media (max-width: 47.999em) {
  .btn-max-width--for-small {
    max-width: 22.5rem;
  }
}
.dot-sep {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.text-stat {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.text-stat-value {
  color: var(--hrt-color-text-default) !important;
  font-weight: 700 !important;
}
.text-stat-title {
  color: var(--hrt-color-text-supporting) !important;
  font-weight: 400 !important;
}
#__next,
#root,
body,
html {
  height: 100%;
}
@media (orientation: portrait) {
  body[data-dim-body] {
    background-color: #000;
  }
}
.heading-1,
h1 {
  font-size: clamp(
    1.75rem,
    1.75rem + 0.75 * (100vw - 23.4375rem)/66.5625,
    2.5rem
  );
  letter-spacing: -0.02em;
}
.heading-1,
.heading-2,
h1,
h2 {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
}
.heading-2,
h2 {
  font-size: clamp(
    1.25rem,
    1.25rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.5rem
  );
  letter-spacing: -0.01em;
}
.heading-3,
.heading-4,
.heading-5,
.heading-6,
h3,
h4,
h5,
h6 {
  font-family: GoFundMeSans, Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 700;
}
.grecaptcha-badge {
  left: 0.25rem !important;
  overflow: hidden !important;
  transition: all 0.2s ease !important;
  width: 4.375rem !important;
}
.grecaptcha-badge:hover {
  width: 16rem !important;
}
@media (max-width: 47.999em) {
  .grecaptcha-badge {
    bottom: 6.25rem !important;
  }
}
:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: 0.8;
  --PhoneInputInternationalIconGlobe-opacity: 0.65;
  --PhoneInputCountrySelect-marginRight: 0.35em;
  --PhoneInputCountrySelectArrow-width: 0.3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(
    --PhoneInputCountrySelect-marginRight
  );
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: 0.45;
  --PhoneInputCountrySelectArrow-color: currentColor;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: #00000080;
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: #0000001a;
}
.PhoneInput {
  display: flex;
  align-items: center;
}
.PhoneInputInput {
  flex: 1 1;
  min-width: 0;
}
.PhoneInputCountryIcon {
  width: calc(
    var(--PhoneInputCountryFlag-height) *
      var(--PhoneInputCountryFlag-aspectRatio)
  );
  height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
  width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
  display: block;
  width: 100%;
  height: 100%;
}
.PhoneInputInternationalIconPhone {
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
.PhoneInputCountry {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
  cursor: default;
}
.PhoneInputCountrySelectArrow {
  display: block;
  content: "";
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor--focus),
    inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)
      var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus
  + .PhoneInputCountryIcon
  .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.str-chat {
  font-family: var(--str-chat__font-family);
}
.str-chat,
.str-chat * {
  box-sizing: border-box;
}
.str-chat .float-ui-container,
.str-chat .ngxp__container {
  z-index: 1;
  padding: 0 !important;
  box-shadow: none !important;
  border-color: #0000 !important;
  max-width: 100vw;
}
.str-chat .float-ui-container .ngxp__arrow,
.str-chat .ngxp__container .ngxp__arrow {
  display: none;
}
stream-icon,
stream-icon-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
}
.stream-chat__paginated-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 100%;
  min-height: 0;
  gap: var(--str-chat__spacing-2);
}
.stream-chat__paginated-list .str-chat__loading-indicator {
  margin: auto;
}
.stream-chat__paginated-list .str-chat__load-more-button__button {
  margin-inline: auto;
}
stream-paginated-list,
stream-user-list {
  height: 100%;
  max-height: 100%;
}
stream-user-list .str-chat__user-list-item {
  display: flex;
  align-items: center;
  gap: var(--str-chat__spacing-2);
}
:root {
  --str-chat__theme-version: 2;
}
.str-chat {
  --str-chat__spacing-px: 1px;
  --str-chat__spacing-0_5: 0.125rem;
  --str-chat__spacing-1: 0.25rem;
  --str-chat__spacing-1_5: 0.375rem;
  --str-chat__spacing-2: 0.5rem;
  --str-chat__spacing-2_5: 0.625rem;
  --str-chat__spacing-3: 0.75rem;
  --str-chat__spacing-3_5: 0.875rem;
  --str-chat__spacing-4: 1rem;
  --str-chat__spacing-5: 1.25rem;
  --str-chat__spacing-6: 1.5rem;
  --str-chat__spacing-7: 1.75rem;
  --str-chat__spacing-8: 2rem;
  --str-chat__spacing-9: 2.25rem;
  --str-chat__spacing-10: 2.5rem;
  --str-chat__spacing-11: 2.75rem;
  --str-chat__spacing-12: 3rem;
  --str-chat__spacing-14: 3.5rem;
  --str-chat__spacing-16: 4rem;
  --str-chat__image-fallback-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=");
  --str-chat__winning-poll-option-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS44MzMzIDQuMTY2NjdIMTQuMTY2N1YyLjVINS44MzMzM1Y0LjE2NjY3SDQuMTY2NjdDMy4yNSA0LjE2NjY3IDIuNSA0LjkxNjY3IDIuNSA1LjgzMzMzVjYuNjY2NjdDMi41IDguNzkxNjcgNC4xIDEwLjUyNSA2LjE1ODMzIDEwLjc4MzNDNi42ODMzMyAxMi4wMzMzIDcuODA4MzMgMTIuOTc1IDkuMTY2NjcgMTMuMjVWMTUuODMzM0g1LjgzMzMzVjE3LjVIMTQuMTY2N1YxNS44MzMzSDEwLjgzMzNWMTMuMjVDMTIuMTkxNyAxMi45NzUgMTMuMzE2NyAxMi4wMzMzIDEzLjg0MTcgMTAuNzgzM0MxNS45IDEwLjUyNSAxNy41IDguNzkxNjcgMTcuNSA2LjY2NjY3VjUuODMzMzNDMTcuNSA0LjkxNjY3IDE2Ljc1IDQuMTY2NjcgMTUuODMzMyA0LjE2NjY3Wk00LjE2NjY3IDYuNjY2NjdWNS44MzMzM0g1LjgzMzMzVjkuMDE2NjdDNC44NjY2NyA4LjY2NjY3IDQuMTY2NjcgNy43NSA0LjE2NjY3IDYuNjY2NjdaTTEwIDExLjY2NjdDOC42MjUgMTEuNjY2NyA3LjUgMTAuNTQxNyA3LjUgOS4xNjY2N1Y0LjE2NjY3SDEyLjVWOS4xNjY2N0MxMi41IDEwLjU0MTcgMTEuMzc1IDExLjY2NjcgMTAgMTEuNjY2N1pNMTUuODMzMyA2LjY2NjY3QzE1LjgzMzMgNy43NSAxNS4xMzMzIDguNjY2NjcgMTQuMTY2NyA5LjAxNjY3VjUuODMzMzNIMTUuODMzM1Y2LjY2NjY3WiIgZmlsbD0iIzVFNjc2RSIvPgo8L3N2Zz4K");
  --str-chat__arrow-left-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljc5MTUgNy4wMDUxSDMuNjIxNDhMOC41MDE0OCAyLjEyNTFDOC44OTE0OCAxLjczNTEgOC44OTE0OCAxLjA5NTEgOC41MDE0OCAwLjcwNTA5OEM4LjExMTQ4IDAuMzE1MDk4IDcuNDgxNDggMC4zMTUwOTggNy4wOTE0OCAwLjcwNTA5OEwwLjUwMTQ4NCA3LjI5NTFDMC4xMTE0ODQgNy42ODUxIDAuMTExNDg0IDguMzE1MSAwLjUwMTQ4NCA4LjcwNTFMNy4wOTE0OCAxNS4yOTUxQzcuNDgxNDggMTUuNjg1MSA4LjExMTQ4IDE1LjY4NTEgOC41MDE0OCAxNS4yOTUxQzguODkxNDggMTQuOTA1MSA4Ljg5MTQ4IDE0LjI3NTEgOC41MDE0OCAxMy44ODUxTDMuNjIxNDggOS4wMDUxSDE0Ljc5MTVDMTUuMzQxNSA5LjAwNTEgMTUuNzkxNSA4LjU1NTEgMTUuNzkxNSA4LjAwNTFDMTUuNzkxNSA3LjQ1NTEgMTUuMzQxNSA3LjAwNTEgMTQuNzkxNSA3LjAwNTFaIiBmaWxsPSIjMDgwNzA3Ii8+Cjwvc3ZnPgo=");
  --str-chat__close-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI5OTcgMC43MDk5NzFDMTIuOTA5NyAwLjMxOTk3MSAxMi4yNzk3IDAuMzE5OTcxIDExLjg4OTcgMC43MDk5NzFMNi45OTk3MyA1LjU4OTk3TDIuMTA5NzMgMC42OTk5NzFDMS43MTk3MyAwLjMwOTk3MSAxLjA4OTczIDAuMzA5OTcxIDAuNjk5NzI3IDAuNjk5OTcxQzAuMzA5NzI3IDEuMDg5OTcgMC4zMDk3MjcgMS43MTk5NyAwLjY5OTcyNyAyLjEwOTk3TDUuNTg5NzMgNi45OTk5N0wwLjY5OTcyNyAxMS44OUMwLjMwOTcyNyAxMi4yOCAwLjMwOTcyNyAxMi45MSAwLjY5OTcyNyAxMy4zQzEuMDg5NzMgMTMuNjkgMS43MTk3MyAxMy42OSAyLjEwOTczIDEzLjNMNi45OTk3MyA4LjQwOTk3TDExLjg4OTcgMTMuM0MxMi4yNzk3IDEzLjY5IDEyLjkwOTcgMTMuNjkgMTMuMjk5NyAxMy4zQzEzLjY4OTcgMTIuOTEgMTMuNjg5NyAxMi4yOCAxMy4yOTk3IDExLjg5TDguNDA5NzMgNi45OTk5N0wxMy4yOTk3IDIuMTA5OTdDMTMuNjc5NyAxLjcyOTk3IDEzLjY3OTcgMS4wODk5NyAxMy4yOTk3IDAuNzA5OTcxWiIgZmlsbD0iIzA4MDcwNyIvPgo8L3N2Zz4K");
  --str-chat__add-attachment-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNS4zMzMyIDcuMzMzMDdMMTIuNjY2NiA3LjMzMzA3TDEyLjY2NjYgMTIuNjY2NEw3LjMzMzI0IDEyLjY2NjRMNy4zMzMyNCAxNS4zMzMxTDEyLjY2NjYgMTUuMzMzMUwxMi42NjY2IDIwLjY2NjRMMTUuMzMzMiAyMC42NjY0TDE1LjMzMzIgMTUuMzMzMUwyMC42NjY2IDE1LjMzMzFMMjAuNjY2NiAxMi42NjY0TDE1LjMzMzIgMTIuNjY2NEwxNS4zMzMyIDcuMzMzMDdaTTEzLjk5OTkgMC42NjY0MDRDNi42Mzk5MSAwLjY2NjQwNCAwLjY2NjU3NiA2LjYzOTc0IDAuNjY2NTc3IDEzLjk5OTdDMC42NjY1NzYgMjEuMzU5NyA2LjYzOTkxIDI3LjMzMzEgMTMuOTk5OSAyNy4zMzMxQzIxLjM1OTkgMjcuMzMzMSAyNy4zMzMyIDIxLjM1OTcgMjcuMzMzMiAxMy45OTk3QzI3LjMzMzIgNi42Mzk3NCAyMS4zNTk5IDAuNjY2NDA0IDEzLjk5OTkgMC42NjY0MDRaTTEzLjk5OTkgMjQuNjY2NEM4LjExOTkxIDI0LjY2NjQgMy4zMzMyNCAxOS44Nzk3IDMuMzMzMjUgMTMuOTk5N0MzLjMzMzI0IDguMTE5NzQgOC4xMTk5MSAzLjMzMzA3IDEzLjk5OTkgMy4zMzMwN0MxOS44Nzk5IDMuMzMzMDcgMjQuNjY2NiA4LjExOTc0IDI0LjY2NjYgMTMuOTk5N0MyNC42NjY2IDE5Ljg3OTcgMTkuODc5OSAyNC42NjY0IDEzLjk5OTkgMjQuNjY2NFoiLz4KPC9zdmc+Cg==");
  --str-chat__folder-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOCAySDEwTDggMEgyQzAuOSAwIDAuMDA5OTk5OTkgMC45IDAuMDA5OTk5OTkgMkwwIDE0QzAgMTUuMSAwLjkgMTYgMiAxNkgxOEMxOS4xIDE2IDIwIDE1LjEgMjAgMTRWNEMyMCAyLjkgMTkuMSAyIDE4IDJaTTE4IDE0SDJWNEgxOFYxNFoiIC8+Cjwvc3ZnPgo=");
  --str-chat__poll-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNiAwSDJDMC45IDAgMCAwLjkgMCAyVjE2QzAgMTcuMSAwLjkgMTggMiAxOEgxNkMxNy4xIDE4IDE4IDE3LjEgMTggMTZWMkMxOCAwLjkgMTcuMSAwIDE2IDBaTTE2IDE2SDJWMkgxNlYxNlpNNCA3SDZWMTRINFY3Wk04IDRIMTBWMTRIOFY0Wk0xMiAxMEgxNFYxNEgxMlYxMFoiLz4KPC9zdmc+");
  --str-chat__handle-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgNiIgZmlsbD0iY3VycmVuQ29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTYgMEgwVjJIMTZWMFpNMCA2SDE2VjRIMFY2WiIvPgo8L3N2Zz4K");
  --str-chat__circle-stop-icon: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSI0IDQgMjggMjgiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQ1NTEgMjcuMjQ0MUMyMi42MzA5IDI3LjI0NDEgMjcuNzQ0MSAyMi4xMTk4IDI3Ljc0NDEgMTUuOTU1MUMyNy43NDQxIDkuNzc5MyAyMi42MTk4IDQuNjY2MDIgMTYuNDQ0IDQuNjY2MDJDMTAuMjc5MyA0LjY2NjAyIDUuMTY2MDIgOS43NzkzIDUuMTY2MDIgMTUuOTU1MUM1LjE2NjAyIDIyLjExOTggMTAuMjkwNCAyNy4yNDQxIDE2LjQ1NTEgMjcuMjQ0MVpNMTYuNDU1MSAyNS4zNjI2QzExLjIzMTEgMjUuMzYyNiA3LjA1ODU5IDIxLjE3OSA3LjA1ODU5IDE1Ljk1NTFDNy4wNTg1OSAxMC43MzExIDExLjIyMDEgNi41NDc1MyAxNi40NDQgNi41NDc1M0MyMS42NjggNi41NDc1MyAyNS44NTE2IDEwLjczMTEgMjUuODYyNiAxNS45NTUxQzI1Ljg3MzcgMjEuMTc5IDIxLjY3OSAyNS4zNjI2IDE2LjQ1NTEgMjUuMzYyNlpNMTMuNTIyMSAxOS45ODM3SDE5LjM2NTlDMjAuMDYzMiAxOS45ODM3IDIwLjQ3MjcgMTkuNTc0MiAyMC40NzI3IDE4Ljg5OTFWMTMuMDExMUMyMC40NzI3IDEyLjMyNDkgMjAuMDYzMiAxMS45MjY0IDE5LjM2NTkgMTEuOTI2NEgxMy41MjIxQzEyLjgzNTkgMTEuOTI2NCAxMi40MTU0IDEyLjMyNDkgMTIuNDE1NCAxMy4wMTExVjE4Ljg5OTFDMTIuNDE1NCAxOS41NzQyIDEyLjgzNTkgMTkuOTgzNyAxMy41MjIxIDE5Ljk4MzdaIiBmaWxsPSIjMDA1ZmZmIi8+Cjwvc3ZnPg==");
  --str-chat__magnifier-glass-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjEgMjEiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAwQzEzLjk2OCAwIDE4IDQuMDMyIDE4IDlDMTggMTMuOTY4IDEzLjk2OCAxOCA5IDE4QzQuMDMyIDE4IDAgMTMuOTY4IDAgOUMwIDQuMDMyIDQuMDMyIDAgOSAwWk05IDE2QzEyLjg2NyAxNiAxNiAxMi44NjcgMTYgOUMxNiA1LjEzMiAxMi44NjcgMiA5IDJDNS4xMzIgMiAyIDUuMTMyIDIgOUMyIDEyLjg2NyA1LjEzMiAxNiA5IDE2Wk0yMC4zMTQgMTguODk5TDE3LjQ4NSAxNi4wNzFMMTYuMDcxIDE3LjQ4NUwxOC44OTkgMjAuMzE0TDIwLjMxNCAxOC44OTlaIi8+Cjwvc3ZnPgo=");
  --str-chat__clear-icon: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEwQzAgNC40NzcxNSA0LjQ3NzE1IDAgMTAgMEMxNS41MjI4IDAgMjAgNC40NzcxNSAyMCAxMEMyMCAxNS41MjI4IDE1LjUyMjggMjAgMTAgMjBDNC40NzcxNSAyMCAwIDE1LjUyMjggMCAxMFpNMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThDMTQuNDE4MyAxOCAxOCAxNC40MTgzIDE4IDEwQzE4IDUuNTgxNzIgMTQuNDE4MyAyIDEwIDJaTTEzLjUzNTggNi40NjQ0NkMxMy4xNDUzIDYuMDczOTQgMTIuNTEyMSA2LjA3Mzk0IDEyLjEyMTYgNi40NjQ0NkwxMC4wMDAzIDguNTg1NzhMNy44Nzg5OCA2LjQ2NDQ2QzcuNDg4NDYgNi4wNzM5NCA2Ljg1NTI5IDYuMDczOTQgNi40NjQ3NyA2LjQ2NDQ2QzYuMDc0MjQgNi44NTQ5OSA2LjA3NDI0IDcuNDg4MTUgNi40NjQ3NyA3Ljg3ODY4TDguNTg2MDkgMTBMNi40NjQ3NyAxMi4xMjEzQzYuMDc0MjQgMTIuNTExOCA2LjA3NDI0IDEzLjE0NSA2LjQ2NDc3IDEzLjUzNTVDNi44NTUyOSAxMy45MjYxIDcuNDg4NDYgMTMuOTI2MSA3Ljg3ODk4IDEzLjUzNTVMMTAuMDAwMyAxMS40MTQyTDEyLjEyMTYgMTMuNTM1NUMxMi41MTIxIDEzLjkyNjEgMTMuMTQ1MyAxMy45MjYxIDEzLjUzNTggMTMuNTM1NUMxMy45MjY0IDEzLjE0NSAxMy45MjY0IDEyLjUxMTggMTMuNTM1OCAxMi4xMjEzTDExLjQxNDUgMTBMMTMuNTM1OCA3Ljg3ODY4QzEzLjkyNjQgNy40ODgxNSAxMy45MjY0IDYuODU0OTkgMTMuNTM1OCA2LjQ2NDQ2WiIvPgo8L3N2Zz4K");
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 32);
}
@font-face {
  font-family: stream-chat-icons;
  src: url(/_next/static/media/stream-chat-icons.2f68b17a.eot);
  src: url(/_next/static/media/stream-chat-icons.2f68b17a.eot#iefix)
      format("embedded-opentype"),
    url(/_next/static/media/stream-chat-icons.c124a2f0.woff) format("woff2"),
    url(/_next/static/media/stream-chat-icons.c124a2f0.woff) format("woff"),
    url(/_next/static/media/stream-chat-icons.d1255d19.ttf) format("truetype"),
    url(/_next/static/media/stream-chat-icons.2b3d6bf8.svg#stream-chat-icons)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: stream-chat-icons;
    src: url(/_next/static/media/stream-chat-icons.2b3d6bf8.svg#stream-chat-icons)
      format("svg");
  }
}
.str-chat .str-chat__avatar--autocomplete-item,
.str-chat .stream-chat__avatar--autocomplete-item {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 30);
}
.str-chat .str-chat__avatar--channel-header,
.str-chat .stream-chat__avatar--channel-header {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 40);
}
.str-chat .str-chat__avatar--channel-preview,
.str-chat .stream-chat__avatar--channel-preview {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 49);
}
.str-chat .str-chat__avatar--quoted-message-sender,
.str-chat .stream-chat__avatar--quoted-message-sender {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 20);
}
.str-chat .str-chat__avatar--reaction,
.str-chat .stream-chat__avatar--reaction {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 30);
}
.str-chat .str-chat__avatar--message-status,
.str-chat .stream-chat__avatar--message-status {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat .str-chat__avatar--poll-vote-author {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 20);
}
.str-chat__avatar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--str-chat__avatar-size);
  line-height: var(--str-chat__avatar-size);
  width: var(--str-chat__avatar-size);
  min-width: var(--str-chat__avatar-size);
}
.str-chat__avatar.str-chat__avatar--one-letter,
.str-chat__avatar.stream-chat__avatar--one-letter {
  font-size: calc(var(--str-chat__avatar-size) * 0.5);
}
.str-chat__avatar.str-chat__avatar--no-letters {
  --str-chat-icon-width: calc(var(--str-chat__avatar-size) * 0.33);
  --str-chat-icon-height: calc(var(--str-chat__avatar-size) * 0.33);
}
.str-chat__avatar.str-chat__avatar--multiple-letters,
.str-chat__avatar.stream-chat__avatar--multiple-letters {
  font-size: calc(var(--str-chat__avatar-size) * 0.3);
}
.str-chat__avatar .str-chat__avatar-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.str-chat__avatar .str-chat__avatar-fallback {
  text-align: center;
  height: inherit;
  width: inherit;
}
.str-chat__avatar .str-chat__avatar--online-indicator {
  position: absolute;
  width: calc(var(--str-chat__spacing-px) * 12);
  height: calc(var(--str-chat__spacing-px) * 12);
  inset-inline-end: 3%;
  inset-block-start: 2%;
}
.str-chat__loading-channels-avatar {
  flex-shrink: 0;
  width: calc(var(--str-chat__spacing-px) * 49);
  height: calc(var(--str-chat__spacing-px) * 49);
}
.str-chat__avatar-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: var(--str-chat__avatar-size);
  line-height: var(--str-chat__avatar-size);
  width: var(--str-chat__avatar-size);
  min-width: var(--str-chat__avatar-size);
  overflow: hidden;
}
.str-chat__avatar-group.str-chat__avatar-group--three-part
  .str-chat__avatar:first-child {
  grid-area: 1/1/3/2;
}
.str-chat__avatar-group.str-chat__avatar-group--three-part
  .str-chat__avatar:nth-child(2) {
  grid-area: 1/2/2/3;
}
.str-chat__avatar-group.str-chat__avatar-group--three-part
  .str-chat__avatar:nth-child(3) {
  grid-area: 2/2/3/3;
}
.str-chat__avatar-group .str-chat__avatar {
  height: 100%;
  line-height: 100%;
  width: 100%;
  min-width: 100%;
}
.str-chat__avatar-group .str-chat__avatar .str-chat__avatar-fallback,
.str-chat__avatar-group .str-chat__avatar img {
  border-radius: 0;
}
.str-chat__avatar-group
  .str-chat__avatar.str-chat__avatar--single
  .str-chat__avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--str-chat__avatar-size) * 0.5);
}
.str-chat__avatar-group .str-chat__avatar .str-chat__avatar-fallback {
  font-size: calc(var(--str-chat__avatar-size) * 0.33);
}
.str-chat {
  --str-chat__attachment-margin: var(--str-chat__spacing-0_5);
  --str-chat__gif-height: calc(var(--str-chat__spacing-px) * 200);
  --str-chat__voice-recording-amplitude-bar-width: 2px;
  --str-chat__voice-recording-amplitude-bar-gap-width: var(
    --str-chat__spacing-px
  );
}
.str-chat__attachment-list {
  --str-chat__attachment-max-width: calc(
    var(--str-chat__message-max-width) -
      calc(2 * var(--str-chat__attachment-margin))
  );
  --str-chat__video-height: var(--str-chat__attachment-max-width);
  --str-chat__scraped-image-height: calc(
    var(--str-chat__attachment-max-width) * calc(1 / 1.91)
  );
  --str-chat__scraped-video-height: calc(
    var(--str-chat__attachment-max-width) * calc(9 / 16)
  );
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment--card
  .str-chat__message-attachment-card--header {
  position: relative;
}
.str-chat__attachment-list
  .str-chat__message-attachment--card
  .str-chat__message-attachment-card--source-link {
  padding-bottom: var(--str-chat__spacing-2);
}
.str-chat__attachment-list
  .str-chat__message-attachment--card
  .str-chat__message-attachment-card--text {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__attachment-list .str-chat__message-attachment--image,
.str-chat__attachment-list .str-chat__message-attachment--video,
.str-chat__attachment-list .str-chat__message-attachment-card--header {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.str-chat__attachment-list .str-chat__message-attachment-card--header {
  height: var(--str-chat__scraped-image-height);
}
.str-chat__attachment-list .str-chat__message-attachment-card--header img {
  object-fit: cover;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  cursor: default;
}
.str-chat__attachment-list
  .str-chat__message-attachment-card-react--header
  img {
  cursor: zoom-in;
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--giphy
  .str-chat__message-attachment-card--header {
  height: var(--str-chat__gif-height);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--giphy
  .str-chat__message-attachment-card--header
  img {
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  cursor: default;
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--giphy
  .str-chat__message-attachment-card-react--header
  img {
  cursor: zoom-in;
}
.str-chat__attachment-list
  .str-chat__message-attachment--image:not(.str-chat__message-attachment--card)
  > img {
  height: min(
    var(--str-chat__attachment-max-width),
    min(
        var(--str-chat__attachment-max-width, 1000000) /
          var(--original-width, 1000000),
        1px
      ) * var(--original-height, 1000000)
  );
  max-width: var(--str-chat__attachment-max-width);
  max-height: var(--str-chat__attachment-max-width);
  object-fit: cover;
  width: 100%;
  cursor: zoom-in;
}
.str-chat__attachment-list
  .str-chat__message-attachment--video:not(.str-chat__message-attachment--card),
.str-chat__attachment-list
  .str-chat__message-attachment-card--video
  .str-chat__message-attachment-card--header {
  max-width: var(--str-chat__attachment-max-width);
  display: flex;
}
.str-chat__attachment-list
  .str-chat__message-attachment--video:not(.str-chat__message-attachment--card)
  .str-chat__player-wrapper,
.str-chat__attachment-list
  .str-chat__message-attachment-card--video
  .str-chat__message-attachment-card--header
  .str-chat__player-wrapper {
  height: 100%;
  width: 100%;
  min-width: 0;
  max-width: var(--str-chat__attachment-max-width);
  display: flex;
  flex-direction: column;
}
.str-chat__attachment-list
  .str-chat__message-attachment--video:not(.str-chat__message-attachment--card)
  .str-chat__player-wrapper
  .react-player,
.str-chat__attachment-list
  .str-chat__message-attachment--video:not(.str-chat__message-attachment--card)
  .str-chat__player-wrapper
  .str-chat__video-angular,
.str-chat__attachment-list
  .str-chat__message-attachment-card--video
  .str-chat__message-attachment-card--header
  .str-chat__player-wrapper
  .react-player,
.str-chat__attachment-list
  .str-chat__message-attachment-card--video
  .str-chat__message-attachment-card--header
  .str-chat__player-wrapper
  .str-chat__video-angular {
  height: 100%;
  width: 100%;
  max-width: var(--str-chat__attachment-max-width);
  max-height: 100%;
  min-height: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment--video:not(
    .str-chat__message-attachment--card
  ):not(.str-chat__message-attachment-dynamic-size) {
  height: var(--str-chat__video-height);
}
.str-chat__attachment-list
  .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(
    .str-chat__message-attachment--card
  ) {
  max-height: var(--str-chat__video-height);
}
.str-chat__attachment-list
  .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(
    .str-chat__message-attachment--card
  )
  .str-chat__player-wrapper {
  height: min(
    var(--str-chat__video-height),
    min(
        var(--str-chat__attachment-max-width, 1000000) /
          var(--original-width, 1000000),
        1px
      ) * var(--original-height, 1000000)
  );
  max-height: var(--str-chat__video-height);
}
.str-chat__attachment-list
  .str-chat__message-attachment--video.str-chat__message-attachment-dynamic-size:not(
    .str-chat__message-attachment--card
  )
  .str-chat__video-angular {
  max-height: var(--str-chat__video-height);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--video
  .str-chat__message-attachment-card--header {
  height: var(--str-chat__scraped-video-height);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery,
.str-chat__attachment-list
  .str-chat__message-attachment--image:not(.str-chat__message-attachment--card),
.str-chat__attachment-list
  .str-chat__message-attachment--video:not(
    .str-chat__message-attachment--card
  ) {
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery {
  display: grid;
  grid-template-columns: 50% 50%;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  grid-gap: var(--str-chat__spacing-0_5);
  gap: var(--str-chat__spacing-0_5);
  max-width: var(--str-chat__attachment-max-width);
  height: var(--str-chat__attachment-max-width);
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery.str-chat__gallery-two-rows {
  grid-template-rows: 50% 50%;
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery
  .str-chat__gallery-image {
  padding: 0;
  margin: 0;
  position: relative;
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery
  .str-chat__gallery-image
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: zoom-in;
  max-width: var(--str-chat__attachment-max-width);
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery
  .str-chat__gallery-placeholder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 0;
  cursor: zoom-in;
  max-width: var(--str-chat__attachment-max-width);
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery
  .str-chat__gallery-placeholder
  p {
  position: relative;
  z-index: 1;
}
.str-chat__attachment-list
  .str-chat__message-attachment--gallery
  .str-chat__gallery
  .str-chat__gallery-placeholder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.str-chat__attachment-list
  .str-chat__gallery
  .str-chat__message-attachment--svg-image,
.str-chat__attachment-list
  .str-chat__message-attachment--image.str-chat__message-attachment--svg-image {
  padding: var(--str-chat__spacing-6);
}
.str-chat__attachment-list
  .str-chat__gallery
  .str-chat__message-attachment--svg-image
  img,
.str-chat__attachment-list
  .str-chat__message-attachment--image.str-chat__message-attachment--svg-image
  img {
  object-fit: contain;
  max-width: calc(
    var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6)
  );
  max-height: calc(
    var(--str-chat__attachment-max-width) - var(--str-chat__spacing-6)
  );
}
.str-chat__attachment-list .str-chat__message-attachment-unsupported {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list
  .str-chat__message-attachment-unsupported
  .str-chat__file-icon {
  width: calc(var(--str-chat__spacing-px) * 30);
}
.str-chat__attachment-list
  .str-chat__message-attachment-unsupported
  .str-chat__message-attachment-unsupported__metadata {
  min-width: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.str-chat__attachment-list
  .str-chat__message-attachment-unsupported
  .str-chat__message-attachment-unsupported__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  max-width: 100%;
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget,
.str-chat__attachment-list .str-chat__message-attachment-file--item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: var(--str-chat__spacing-0_5);
  min-width: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-file--item-name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  min-width: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-audio-widget--text-first-row
  .str-chat__message-attachment-download-icon
  svg,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-text
  .str-chat__message-attachment-file--item-first-row
  .str-chat__message-attachment-download-icon
  svg {
  width: calc(var(--str-chat__spacing-px) * 24);
  height: calc(var(--str-chat__spacing-px) * 16);
}
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__file-icon {
  width: calc(var(--str-chat__spacing-px) * 34);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--play-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--progress-track {
  max-width: calc(var(--str-chat__spacing-px) * 120);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text-second-row {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column-gap: var(--str-chat__spacing-5);
  padding-top: var(--str-chat__spacing-2_5);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--text-second-row
  .str-chat__message-attachment-file--item-size {
  line-height: calc(var(--str-chat__spacing-px) * 14);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--progress-track {
  position: relative;
  height: calc(var(--str-chat__spacing-px) * 5);
  flex: 1 1;
  cursor: pointer;
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--progress-track
  .str-chat__message-attachment-audio-widget--progress-indicator {
  position: absolute;
  inset-inline-start: 0;
  height: inherit;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget {
  display: grid;
  grid-template-columns: 36px auto 55px;
  align-items: center;
  justify-content: center;
  grid-gap: calc(var(--str-chat__spacing-px) * 9);
  gap: calc(var(--str-chat__spacing-px) * 9);
  padding: var(--str-chat__spacing-2);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata
  a {
  cursor: pointer;
  text-decoration: none;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata
  .str-chat__message-attachment-voice-recording-widget--first-row {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-chat__spacing-1);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata
  .str-chat__message-attachment__voice-recording-widget__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  min-width: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata
  .str-chat__message-attachment-download-icon
  svg {
  width: calc(var(--str-chat__spacing-px) * 24);
  height: calc(var(--str-chat__spacing-px) * 16);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata
  .str-chat__message-attachment__voice-recording-widget__audio-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-chat__spacing-1_5);
  height: 100%;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__metadata
  .str-chat__message-attachment__voice-recording-widget__error-message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--str-chat__spacing-1);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__right-section {
  justify-self: center;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__timer {
  min-width: calc(var(--str-chat__spacing-px) * 45);
  width: calc(var(--str-chat__spacing-px) * 45);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  stream-voice-recording-wavebar {
  flex: 1 1;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__track {
  position: relative;
  flex: 1 1;
  width: 100%;
  height: calc(var(--str-chat__spacing-px) * 25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--str-chat__voice-recording-amplitude-bar-gap-width);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__amplitude-bar {
  width: var(--str-chat__voice-recording-amplitude-bar-width);
  min-width: var(--str-chat__voice-recording-amplitude-bar-width);
  height: calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__progress-indicator {
  position: absolute;
  left: 0;
  height: calc(100% + 2px + 2px);
  width: calc(var(--str-chat__spacing-px) * 6);
}
.str-chat__attachment-list .str-chat__message_attachment__playback-rate-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: var(--str-chat__spacing-1_5) var(--str-chat__spacing-2_5);
}
.str-chat__attachment-list .str-chat__message-attachment-card {
  min-width: 0;
  max-width: var(--str-chat__attachment-max-width);
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card
  .str-chat__message-attachment-card--content {
  padding: var(--str-chat__spacing-2_5);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card
  .str-chat__message-attachment-card--content
  .str-chat__message-attachment-card--title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card--content {
  padding: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card--content
  .str-chat__message-attachment-card-audio-widget {
  display: flex;
  flex-direction: column;
  row-gap: var(--str-chat__spacing-2_5);
  width: 100%;
  padding: var(--str-chat__spacing-2);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card--content
  .str-chat__message-attachment-card-audio-widget
  .str-chat__message-attachment-card-audio-widget--first-row {
  display: flex;
  align-items: center;
  column-gap: var(--str-chat__spacing-3_5);
}
.str-chat__attachment-list
  .str-chat__message-attachment-actions
  .str-chat__message-attachment-actions-form {
  display: flex;
  justify-content: stretch;
}
.str-chat__attachment-list
  .str-chat__message-attachment-actions
  .str-chat__message-attachment-actions-form
  .str-chat__message-attachment-actions-button {
  cursor: pointer;
  width: 100%;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-4);
  white-space: nowrap;
}
.str-chat__attachment-list
  .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy
  .str-chat__message-attachment-card
  .str-chat__message-attachment-card--content {
  display: none;
}
.str-chat__attachment-list
  .str-chat-angular__message-attachment-file-single
  .str-chat__message-attachment-file--item-first-row {
  cursor: pointer;
  text-decoration: none;
}
.str-chat__attachment-list .str-chat__message-attachment-download-icon {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);
}
.str-chat__attachment-list .str-chat__attachment-type-icon {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);
}
.str-chat__message-attachment-audio-widget--play-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--str-chat__spacing-px) * 36);
  width: calc(var(--str-chat__spacing-px) * 36);
  cursor: pointer;
}
.str-chat__message-attachment-audio-widget--play-button svg {
  width: var(--str-chat__spacing-3);
}
.str-chat__quoted-message-preview {
  --str-chat__attachment-margin: 0px;
}
.str-chat__quoted-message-preview * {
  cursor: pointer !important;
}
.str-chat__quoted-message-preview
  .str-chat__message-attachment-card
  .str-chat__message-attachment-card--content,
.str-chat__quoted-message-preview
  .str-chat__message-attachment-card
  .str-chat__message-attachment-card--source-link {
  display: none;
}
.str-chat__quoted-message-preview
  .str-chat__message-attachment__voice-recording-widget {
  display: flex;
  justify-content: space-between;
}
.str-chat__quoted-message-preview
  .str-chat__message-attachment-file--item-download,
.str-chat__quoted-message-preview
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment-audio-widget--play-button,
.str-chat__quoted-message-preview
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__track {
  display: none;
}
.str-chat__message
  .str-chat__quoted-message-preview
  .str-chat__message-attachment-file--item {
  padding: 0;
}
.str-chat__audio_recorder__waveform-box,
.str-chat__wave-progress-bar__track {
  position: relative;
  flex: 1 1;
  width: 120px;
  height: calc(var(--str-chat__spacing-px) * 25);
  display: flex;
  align-items: center;
  gap: var(--str-chat__spacing-px);
}
.str-chat__audio_recorder__waveform-box
  .str-chat__wave-progress-bar__amplitude-bar,
.str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__amplitude-bar {
  width: 2px;
  min-width: 2px;
  height: calc(var(--str-chat__wave-progress-bar__amplitude-bar-height) + 2px);
}
.str-chat__audio_recorder__waveform-box
  .str-chat__wave-progress-bar__progress-indicator,
.str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__progress-indicator {
  position: absolute;
  left: 0;
  height: calc(100% + 2px + 2px);
  width: calc(var(--str-chat__spacing-px) * 6);
}
.str-chat__attachment-list-angular-host {
  min-width: 0;
}
.str-chat__attachment-list-angular-host
  .str-chat__message-attachment-card--video {
  width: 100%;
}
.str-chat__attachment-list-angular-host
  .str-chat__message-attachment-card--video
  a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.str-chat__attachment-list-angular-host
  .str-chat__message-attachment-card--video
  a
  .str-chat__message-attachment-card--video-play,
.str-chat__attachment-list-angular-host
  .str-chat__message-attachment-card--video
  a
  stream-icon-placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  width: calc(var(--str-chat__spacing-px) * 36);
  height: calc(var(--str-chat__spacing-px) * 36);
}
.str-chat__attachment-list-angular-host
  .str-chat__message-attachment-card--video
  a
  img {
  cursor: pointer;
}
.str-chat__attachment-preview-list {
  --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 18);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-1_5);
  width: 100%;
}
.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container {
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: calc(var(--str-chat__spacing-px) * 72);
  width: calc(var(--str-chat__spacing-px) * 72);
  min-width: calc(var(--str-chat__spacing-px) * 72);
  overflow: hidden;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-image
  .str-chat__attachment-preview-image-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-image
  .str-chat__attachment-preview-thumbnail {
  object-fit: cover;
  height: calc(var(--str-chat__spacing-px) * 72);
  width: calc(var(--str-chat__spacing-px) * 72);
  word-break: break-all;
  overflow: hidden;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-file,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: calc(var(--str-chat__spacing-px) * 72);
  width: calc(var(--str-chat__spacing-px) * 200);
  position: relative;
  padding: 0 var(--str-chat__spacing-4);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-metadata {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-metadata
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-metadata
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-metadata
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-metadata
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-metadata
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-metadata
  .str-chat__attachment-preview-title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  max-width: 100%;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-icon,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-icon,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-icon {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 37);
  --str-chat-icon-width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-icon
  svg,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-icon
  svg,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-icon
  svg {
  height: calc(var(--str-chat__spacing-px) * 37);
  width: unset;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-file-download {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);
  line-height: calc(var(--str-chat__spacing-px) * 13);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-end
  .str-chat__attachment-preview-file-download
  svg {
  width: calc(var(--str-chat__spacing-px) * 16);
  height: calc(var(--str-chat__spacing-px) * 16);
}
.str-chat__attachment-preview-list button.str-chat__attachment-preview-delete {
  padding: unset;
  background: unset;
  border: unset;
  border-radius: var(--str-chat__border-radius-circle);
  display: flex;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  position: absolute;
  top: calc(var(--str-chat__spacing-px) * 2);
  inset-inline-end: calc(var(--str-chat__spacing-px) * 2);
  cursor: pointer;
  z-index: 1;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {
  width: calc(var(--str-chat__spacing-px) * 24);
  height: calc(var(--str-chat__spacing-px) * 24);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  inset-inline-start: 0;
  cursor: pointer;
  z-index: 0;
}
.str-chat__attachment-preview-list-angular-host {
  width: 100%;
  max-width: 100%;
}
.str-chat__message-textarea-angular-host {
  position: relative;
}
.str-chat__message-textarea-angular-host mention-list {
  width: 100%;
}
.str-chat__message-textarea-angular-host .mention-menu {
  padding: var(--str-chat__spacing-2) 0 !important;
  margin: 0 !important;
  max-width: 100%;
}
.str-chat__message-textarea-angular-host .mention-menu .mention-item {
  padding: 0 !important;
}
.str-chat__suggestion-list-container {
  position: absolute;
  bottom: calc(100% + var(--str-chat__spacing-2_5));
  width: 100%;
  padding: var(--str-chat__spacing-2) 0;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list {
  overflow-y: auto;
  max-height: calc(var(--str-chat__spacing-px) * 320);
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: unset;
  margin: unset;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react {
  overflow-y: unset;
}
.str-chat__suggestion-list-container
  .str-chat__suggestion-list--react
  .str-chat__suggestion-list-item
  > button {
  width: 100%;
}
.str-chat__slash-command {
  padding: var(--str-chat__spacing-2_5);
}
.str-chat__slash-command
  .str-chat__slash-command-header
  .str-chat__slash-command-args {
  margin-inline-start: var(--str-chat__spacing-2);
}
.str-chat__user-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__user-item .str-chat__user-item--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  width: 100%;
}
.str-chat__emoji-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__emoji-item .str-chat__emoji-item--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  width: 100%;
}
.str-chat__message-textarea-angular-host--autocomplete-hidden mention-list {
  display: none;
}
.str-chat__audio_recorder-container {
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 3.25rem;
  padding-inline: 1rem;
}
.str-chat__audio_recorder,
stream-voice-recorder-wavebar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.str-chat__audio_recorder button,
stream-voice-recorder-wavebar button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  padding: 0;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__cancel-button {
  --str-chat-icon-height: 28px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__cancel-button svg {
  height: 28px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button,
stream-voice-recorder-wavebar
  .str-chat__audio_recorder__toggle-playback-button {
  --str-chat-icon-height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button svg,
stream-voice-recorder-wavebar
  .str-chat__audio_recorder__toggle-playback-button
  svg {
  height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button,
stream-voice-recorder-wavebar
  .str-chat__audio_recorder__pause-recording-button {
  --str-chat-icon-height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button svg,
stream-voice-recorder-wavebar
  .str-chat__audio_recorder__pause-recording-button
  svg {
  height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button,
stream-voice-recorder-wavebar
  .str-chat__audio_recorder__resume-recording-button {
  --str-chat-icon-height: 24px;
}
.str-chat__audio_recorder
  .str-chat__audio_recorder__resume-recording-button
  svg,
stream-voice-recorder-wavebar
  .str-chat__audio_recorder__resume-recording-button
  svg {
  height: 24px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__stop-button {
  --str-chat-icon-height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__stop-button svg {
  height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__complete-button {
  --str-chat-icon-height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__complete-button svg {
  height: 16px;
}
.str-chat__audio_recorder .str-chat__recording-timer,
stream-voice-recorder-wavebar .str-chat__recording-timer {
  display: flex;
  align-items: center;
  width: 3rem;
}
.str-chat__audio_recorder .str-chat__recording-timer--hours,
stream-voice-recorder-wavebar .str-chat__recording-timer--hours {
  width: 3.75rem;
}
.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track-container {
  padding-block: 0.5rem;
  overflow-x: auto;
  height: -moz-fit-content;
  height: fit-content;
}
.str-chat__audio_recorder .str-chat__waveform-box-container,
stream-voice-recorder-wavebar .str-chat__waveform-box-container {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box,
.str-chat__audio_recorder .str-chat__wave-progress-bar__track,
stream-voice-recorder-wavebar .str-chat__audio_recorder__waveform-box,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  height: 2rem;
  margin-inline: 1rem;
}
.str-chat__audio_recorder .str-chat__wave-progress-bar__track,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track {
  width: 120px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box,
stream-voice-recorder-wavebar .str-chat__audio_recorder__waveform-box {
  overflow-x: hidden;
}
.str-chat__audio_recorder-container
  .str-chat__message-attachment__voice-recording-widget {
  display: flex;
  gap: var(--str-chat__spacing-1_5);
}
.str-chat__audio_recorder-container
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment-voice-recording-widget--first-row {
  display: none;
}
.str-chat__audio_recorder-container
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__audio-state {
  display: flex;
  gap: var(--str-chat__spacing-1_5);
}
.str-chat__audio_recorder-container
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__audio-state
  .str-chat__message-attachment__voice-recording-widget__timer {
  min-width: 3rem;
  align-self: center;
}
.str-chat__audio_recorder-container
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__right-section {
  display: none;
}
.str-chat__base-image .str-chat__message-attachment-file--item-download {
  display: block;
}
.str-chat__gallery-image .str-chat__message-attachment-file--item-download,
.str-chat__message-attachment--image
  .str-chat__message-attachment-file--item-download,
.str-chat__message-attachment-card--header
  .str-chat__message-attachment-file--item-download {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
.str-chat__attachment-preview-image
  .str-chat__message-attachment-file--item-download {
  display: none;
}
.str-chat__channel {
  flex-direction: column;
  position: relative;
}
.str-chat__channel,
.str-chat__channel .str-chat__container {
  height: 100%;
  display: flex;
}
.str-chat__channel .str-chat__container .str-chat__main-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.str-chat__empty-channel {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 136);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-4);
  position: relative;
}
.str-chat__empty-channel svg {
  width: calc(var(--str-chat__spacing-px) * 136);
  height: calc(var(--str-chat__spacing-px) * 136);
}
.str-chat__empty-channel .str-chat__empty-channel-notifications {
  position: absolute;
  inset-block-end: var(--str-chat__spacing-2);
}
.str-chat__loading-channel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.str-chat__loading-channel .str-chat__loading-channel-header {
  display: flex;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  align-items: center;
}
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-avatar {
  flex-shrink: 0;
  width: calc(var(--str-chat__spacing-px) * 40);
  height: calc(var(--str-chat__spacing-px) * 40);
}
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-end {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1 1;
  row-gap: var(--str-chat__spacing-1_5);
}
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-end
  .str-chat__loading-channel-header-name {
  border-radius: var(--str-chat__border-radius-xs);
  height: calc(var(--str-chat__spacing-px) * 16);
  width: calc(var(--str-chat__spacing-px) * 170);
}
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-end
  .str-chat__loading-channel-header-info {
  border-radius: var(--str-chat__border-radius-xs);
  height: calc(var(--str-chat__spacing-px) * 16);
  width: calc(var(--str-chat__spacing-px) * 66);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list {
  height: 100%;
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__parent-message-li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__loading-channel .str-chat__loading-channel-message-list {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__loading-channel
    .str-chat__loading-channel-message-list
    .str-chat__li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__loading-channel
    .str-chat__loading-channel-message-list
    .str-chat__parent-message-li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message {
  display: flex;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-4) 0;
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message
  .str-chat__loading-channel-message-avatar {
  flex-shrink: 0;
  width: calc(var(--str-chat__spacing-px) * 49);
  height: calc(var(--str-chat__spacing-px) * 49);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message
  .str-chat__loading-channel-message-end {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: var(--str-chat__spacing-2);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message
  .str-chat__loading-channel-message-end
  .str-chat__loading-channel-message-last-row {
  display: flex;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message
  .str-chat__loading-channel-message-sender {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: calc(var(--str-chat__spacing-px) * 66);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message
  .str-chat__loading-channel-message-text {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: 100%;
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message
  .str-chat__loading-channel-message-date {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: calc(var(--str-chat__spacing-px) * 50);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message:nth-of-type(2) {
  flex-direction: row-reverse;
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message:nth-of-type(2)
  .str-chat__loading-channel-message-sender {
  align-self: end;
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message:nth-of-type(2)
  .str-chat__loading-channel-message-last-row {
  flex-direction: row-reverse;
}
.str-chat__loading-channel .str-chat__loading-channel-message-input-row {
  display: flex;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-2);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-input-row
  .str-chat__loading-channel-message-input {
  width: 100%;
  height: calc(var(--str-chat__spacing-px) * 36);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-input-row
  .str-chat__loading-channel-message-send {
  height: calc(var(--str-chat__spacing-px) * 36);
  width: calc(var(--str-chat__spacing-px) * 36);
}
.str-chat__channel-header {
  display: flex;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  align-items: center;
}
.str-chat__channel-header .str-chat__header-hamburger {
  display: none;
}
.str-chat__channel-header .str-chat__channel-header-end {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1 1;
  row-gap: var(--str-chat__spacing-1_5);
}
.str-chat__channel-header .str-chat__channel-header-end p {
  margin: 0;
}
.str-chat__channel-header
  .str-chat__channel-header-end
  .str-chat__channel-header-info,
.str-chat__channel-header
  .str-chat__channel-header-end
  .str-chat__channel-header-title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__channel-header
  .str-chat__channel-header-end
  .str-chat__channel-header-title {
  overflow-y: hidden;
}
.str-chat__channel-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__channel-list .str-chat__channel-list-messenger,
.str-chat__channel-list
  .str-chat__channel-list-messenger
  .str-chat__channel-list-messenger__main {
  height: 100%;
}
.str-chat__channel-list
  .str-chat__channel-list-messenger
  .str-chat__channel-list-messenger__main
  .str-chat__channel-list-empty {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 136);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-4);
}
.str-chat__channel-list
  .str-chat__channel-list-messenger
  .str-chat__channel-list-messenger__main
  .str-chat__channel-list-empty
  svg {
  width: calc(var(--str-chat__spacing-px) * 136);
  height: calc(var(--str-chat__spacing-px) * 136);
}
.str-chat__channel-list
  .str-chat__channel-list-messenger
  .str-chat__channel-list-messenger__main
  .str-chat__channel-list-empty-v1 {
  display: none;
}
.str-chat__channel-list .str-chat__load-more-button {
  display: flex;
  justify-content: center;
  margin: var(--str-chat__spacing-2) 0;
}
.str-chat__channel-list
  .str-chat__load-more-button
  .str-chat__load-more-button__button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__channel-list .stream-chat__paginated-list {
  gap: 0;
}
.str-chat__channel-list-react {
  overflow: hidden;
}
.str-chat__channel-list-react .str-chat__channel-list-messenger-react {
  overflow: hidden;
  padding-bottom: var(--str-chat__spacing-2_5);
}
.str-chat__channel-list-react
  .str-chat__channel-list-messenger-react
  .str-chat__channel-list-messenger-react__main {
  overflow-y: auto;
}
.str-chat-angular__channel-list .str-chat__channel-list-messenger__main {
  display: flex;
  flex-direction: column;
}
.str-chat-angular__channel-list
  .str-chat__channel-list-messenger__main
  stream-paginated-list {
  min-height: 0;
}
.str-chat__channel-preview-container {
  position: relative;
}
.str-chat__channel-preview-container
  .str-chat__channel-preview__action-buttons {
  position: absolute;
  right: var(--str-chat__spacing-2);
  bottom: var(--str-chat__spacing-3);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1px;
}
.str-chat__channel-preview-container
  .str-chat__channel-preview__action-buttons
  .str-chat__channel-preview__action-button {
  --str-chat-icon-height: 13px;
  cursor: pointer;
  padding-block: 2px;
  padding-inline: 4px;
}
.str-chat__channel-preview {
  display: flex;
  column-gap: var(--str-chat__spacing-2);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
  margin: 0;
  text-align: start;
  cursor: pointer;
}
.str-chat__channel-preview .str-chat__channel-preview-end {
  display: flex;
  flex-direction: column;
  row-gap: var(--str-chat__spacing-0_5);
  width: 100%;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-first-row {
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  align-items: stretch;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-first-row
  .str-chat__channel-preview-unread-badge {
  display: flex;
  align-items: center;
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-first-row
  .str-chat__channel-preview-messenger--name {
  width: 100%;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-second-row {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  align-items: center;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-second-row
  .str-chat__channel-preview-messenger--last-message {
  flex: 1 1;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-second-row
  .str-chat__channel-preview-messenger--status {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-end-second-row
  .str-chat__channel-preview-messenger--status
  svg {
  width: calc(var(--str-chat__spacing-px) * 15);
  height: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-messenger--last-message,
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-messenger--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
  min-width: 0;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-messenger--last-message
  p,
.str-chat__channel-preview
  .str-chat__channel-preview-end
  .str-chat__channel-preview-messenger--name
  p {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  margin: 0;
  max-width: calc(100% - 40px);
}
.str-chat__channel-preview-loading {
  display: flex;
  column-gap: var(--str-chat__spacing-2);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
  margin: 0;
  text-align: start;
}
.str-chat__channel-preview-loading .str-chat__channel-preview-end-loading {
  display: flex;
  flex-direction: column;
  row-gap: var(--str-chat__spacing-0_5);
  width: 100%;
}
.str-chat__channel-preview-loading .str-chat__loading-channels-username {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: calc(var(--str-chat__spacing-px) * 66);
}
.str-chat__channel-preview-loading .str-chat__loading-channels-status {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: 100%;
}
.str-chat__channel-search {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.str-chat__channel-search.str-chat__channel-search--active.str-chat__channel-search--inline,
.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline {
  height: 100%;
}
.str-chat__channel-search.str-chat__channel-search--inline {
  min-height: 0;
}
.str-chat__channel-search .str-chat__channel-search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  height: 65px;
}
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-bar-button {
  background: none;
  border: none;
  width: calc(var(--str-chat__spacing-px) * 40);
  height: calc(var(--str-chat__spacing-px) * 40);
  padding: var(--str-chat__spacing-2_5);
  cursor: pointer;
}
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-input--wrapper {
  display: flex;
  align-items: center;
  flex: 1 1;
  padding: var(--str-chat__spacing-2_5);
  min-width: 0;
}
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-input--wrapper
  .str-chat__channel-search-input--clear-button,
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-input--wrapper
  .str-chat__channel-search-input--icon {
  display: inline-flex;
  padding: 0 var(--str-chat__spacing-2_5);
}
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-input--wrapper
  .str-chat__channel-search-input--clear-button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-input--wrapper
  .str-chat__channel-search-input--clear-button:disabled {
  cursor: default;
}
.str-chat__channel-search
  .str-chat__channel-search-bar
  .str-chat__channel-search-input--wrapper
  input {
  flex: 1 1;
  min-width: 0;
}
.str-chat__channel-search .str-chat__channel-search-container-searching,
.str-chat__channel-search .str-chat__channel-search-results-header {
  width: 100%;
  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
}
.str-chat__channel-search .str-chat__channel-search-result-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__channel-search .str-chat__channel-search-result-list.inline {
  flex: 1 1;
}
.str-chat__channel-search .str-chat__channel-search-result-list.popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  height: 400px;
  z-index: 1;
}
.str-chat__channel-search
  .str-chat__channel-search-result-list
  .str-chat__channel-search-container-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
}
.str-chat__channel-search
  .str-chat__channel-search-result-list
  .str-chat__channel-search-container-empty
  svg {
  height: calc(var(--str-chat__spacing-px) * 90 + var(--str-chat__spacing-20));
  width: calc(var(--str-chat__spacing-px) * 90);
  padding: var(--str-chat__spacing-10) 0;
}
.str-chat__channel-search
  .str-chat__channel-search-result-list
  .str-chat__channel-search-result {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
}
.str-chat__channel-search
  .str-chat__channel-search-result-list
  .str-chat__channel-search-result
  .channel-search__result-text,
.str-chat__channel-search
  .str-chat__channel-search-result-list
  .str-chat__channel-search-result
  .str-chat__channel-search-result--display-name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.str-chat__cta-button {
  padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-6);
  cursor: pointer;
}
.str-chat__circle-fab {
  width: calc(var(--str-chat__spacing-px) * 42);
  height: calc(var(--str-chat__spacing-px) * 42);
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.str-chat__circle-fab .str-chat__circle-fab-icon {
  display: inline-block;
  height: calc(var(--str-chat__spacing-px) * 24);
}
.str-chat__dialog-overlay {
  inset: 0;
  overflow: hidden;
  position: absolute;
  height: var(--str-chat__dialog-overlay-height);
  width: 100%;
  z-index: 2;
}
.str-chat__dialog {
  width: 100%;
}
.str-chat__dialog .str-chat__dialog__body {
  padding: 2rem 1rem;
  overflow-y: auto;
}
.str-chat__dialog .str-chat__dialog__body .str-chat__dialog__title {
  margin-bottom: 1rem;
}
.str-chat__dialog .str-chat__dialog__controls {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  padding: 2.25rem 1.25rem 0;
}
.str-chat__dialog
  .str-chat__dialog__controls
  .str-chat__dialog__controls-button {
  background: none;
  border: none;
}
.str-chat__prompt-dialog input[type="text"] {
  width: 100%;
  padding: 0.625rem 1rem;
}
.str-chat__dialog-menu {
  overflow: hidden;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.75rem;
}
.str-chat__dialog-menu
  .str-chat__dialog-menu__button
  .str-chat__dialog-menu__button-icon {
  height: 1rem;
  width: 1rem;
}
.str-chat__dialog-menu
  .str-chat__dialog-menu__button
  .str-chat__dialog-menu__button-text {
  padding-inline: 0.675rem;
}
.str-chat__drag-and-drop-container__item {
  display: flex;
  width: 100%;
  padding-block: 0.25rem;
}
.str-chat__dropzone-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 5;
}
.str-chat__dropzone-container p {
  margin: unset;
}
.str-chat__edit-message-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  row-gap: var(--str-chat__spacing-5);
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options button {
  cursor: pointer;
  margin: 0;
}
.str-chat-angular__edit-message-form .str-chat__message-input-angular-host {
  max-height: 100%;
  min-height: 0;
  display: flex;
  min-width: 0;
  max-width: 100%;
}
.str-chat-angular__edit-message-form
  .str-chat__modal--open
  .str-chat__modal__inner {
  height: 40%;
  max-height: 80%;
  min-width: 90%;
  max-width: 90%;
  width: 90%;
  flex-basis: min-content;
}
@media only screen and (min-device-width: 768px) {
  .str-chat-angular__edit-message-form
    .str-chat__modal--open
    .str-chat__modal__inner {
    min-width: 40%;
    max-width: 60%;
    width: min-content;
  }
}
.str-chat__dialog__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.str-chat__dialog__field .str-chat__form-field-error {
  margin-left: 0.5rem;
}
.str-chat__image-carousel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}
.str-chat__image-carousel .str-chat__image-carousel-stepper {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 30);
  padding: var(--str-chat__spacing-2_5);
  border: none;
  background: #0000;
}
.str-chat__image-carousel .str-chat__image-carousel-image {
  object-fit: contain;
  min-height: 0;
  max-height: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.str-chat__message
  .str-chat__attachment-list
  .str-chat__modal--open
  .str-chat__modal__inner {
  height: 80%;
  width: 80%;
}
@media only screen and (max-device-width: 768px) {
  .str-chat__message
    .str-chat__attachment-list
    .str-chat__modal--open
    .str-chat__modal__inner {
    height: 100%;
    width: 100%;
  }
}
[dir="rtl"] .str-chat__image-carousel-stepper svg {
  transform: scaleX(-1);
}
.str-chat {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  --str-chat-icon-width: auto;
}
.str-chat__icon {
  display: flex;
  font-family: stream-chat-icons;
  font-style: normal;
  font-weight: 400;
  font-size: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
  width: var(--str-chat-icon-width);
}
.str-chat__icon,
.str-chat__icon:before {
  line-height: var(--str-chat-icon-height);
}
.str-chat__icon--unspecified-filetype {
  content: url("data:image/svg+xml;base64,PHN2ZwogIGRhdGEtdGVzdGlkPSJ1bnNwZWNpZmllZC1maWxldHlwZSIKICB3aWR0aD0iMzQiCiAgaGVpZ2h0PSI0MCIKICB2aWV3Qm94PSIwIDAgMzQgNDAiCiAgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCj4KICA8cGF0aAogICAgZD0iTTAgM0MwIDEuMzQzMTUgMS4zNDMxNSAwIDMgMEgyM0wzNCAxMVYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjNaIgogICAgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIKICAvPgogIDxwYXRoIGQ9Ik0zNCAxMUwyNiAxMUMyNC4zNDMxIDExIDIzIDkuNjU2ODUgMjMgOFYwTDM0IDExWiIgZmlsbD0iI0RCREJEQiIgLz4KICA8cGF0aAogICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTggMTNIMjNWMTVIOFYxM1oiCiAgICBmaWxsPSIjQ0ZDRkNGIgogIC8+CiAgPHBhdGgKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgIGQ9Ik04IDE3SDE4VjE5SDhWMTdaIgogICAgZmlsbD0iI0NGQ0ZDRiIKICAvPgogIDxwYXRoCiAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOCAyMUgyM1YyM0g4VjIxWiIKICAgIGZpbGw9IiNDRkNGQ0YiCiAgLz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICBpZD0icGFpbnQwX2xpbmVhciIKICAgICAgeDE9IjAiCiAgICAgIHkxPSIwIgogICAgICB4Mj0iMCIKICAgICAgeTI9IjQwIgogICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgID4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RCREJEQiIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4=");
}
.str-chat__icon--audio-file {
  content: url("data:image/svg+xml;base64,PHN2ZwogIGNsYXNzPSJyZnUtZmlsZS1hdWRpbyIKICBmaWxsPSJub25lIgogIHZpZXdCb3g9IjAgMCAzNCA0MCIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgaGVpZ2h0PSIyMCIKICB3aWR0aD0iMjAiCj4KICA8cGF0aAogICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgZD0iTTE3LjcxNjggMzMuMTcyQzE4LjIzNDggMzMuMTcyIDE4LjQyMzggMzMuNjU1IDE4LjQyMzggMzQuMThDMTguNDIzOCAzNC42NDIgMTguMjk3OCAzNS4xOTUgMTcuNzE2OCAzNS4xOTVDMTcuMTcwOCAzNS4xOTUgMTYuOTg4OCAzNC42NDIgMTYuOTg4OCAzNC4xNDVDMTYuOTg4OCAzMy42ODMgMTcuMTcwOCAzMy4xNzIgMTcuNzE2OCAzMy4xNzJaTTE5LjU3MTggMzEuMDAySDE4LjM4MThWMzIuNzU4OUgxOC4zNjc4QzE4LjEyMjggMzIuNDMgMTcuNzc5OCAzMi4yNjIgMTcuMzMxOCAzMi4yNjJDMTYuMzAyOCAzMi4yNjIgMTUuNzk4OCAzMy4xNTggMTUuNzk4OCAzNC4xMDNDMTUuNzk4OCAzNS4xMjUgMTYuMjgxOCAzNi4xMDQ5IDE3LjQyMjggMzYuMTA0OUMxNy44NDI4IDM2LjEwNDkgMTguMTkyOCAzNS45MjMgMTguNDIzOCAzNS41OEgxOC40Mzc4VjM2SDE5LjU3MThWMzEuMDAyWk0xMi43MDk1IDM0LjE4NzJDMTIuNzA5NSAzMy43MjUyIDEyLjg3NzUgMzMuMTcyMiAxMy40MzA1IDMzLjE3MjJDMTMuOTgzNSAzMy4xNzIyIDE0LjE1ODUgMzMuNzI1MiAxNC4xNTg1IDM0LjE4NzJDMTQuMTU4NSAzNC42NDkyIDEzLjk4MzUgMzUuMTk1MiAxMy40MzA1IDM1LjE5NTJDMTIuODc3NSAzNS4xOTUyIDEyLjcwOTUgMzQuNjQ5MiAxMi43MDk1IDM0LjE4NzJaTTExLjUxOTUgMzQuMTg3MkMxMS41MTk1IDM1LjI3OTIgMTIuMzAzNSAzNi4xMDUyIDEzLjQzMDUgMzYuMTA1MkMxNC41NTc1IDM2LjEwNTIgMTUuMzQ4NSAzNS4yNzkyIDE1LjM0ODUgMzQuMTg3MkMxNS4zNDg1IDMzLjA5NTIgMTQuNTU3NSAzMi4yNjIyIDEzLjQzMDUgMzIuMjYyMkMxMi4zMDM1IDMyLjI2MjIgMTEuNTE5NSAzMy4wOTUyIDExLjUxOTUgMzQuMTg3MlpNMjEuODM5IDMyLjM2NzFIMjIuNTc0VjMzLjEzNzFIMjEuODM5VjM0Ljc4OTFDMjEuODM5IDM1LjA3NjEgMjIuMDA3IDM1LjEzOTEgMjIuMjY2IDM1LjEzOTFDMjIuMzE0MiAzNS4xMzkxIDIyLjM2NCAzNS4xMzU3IDIyLjQxNDcgMzUuMTMyM0MyMi40NjcyIDM1LjEyODcgMjIuNTIwNiAzNS4xMjUxIDIyLjU3NCAzNS4xMjUxVjM2LjAwMDFDMjIuNDgxIDM2LjAwMzEgMjIuMzg4IDM2LjAwOTkgMjIuMjk1IDM2LjAxNjhDMjIuMTcxIDM2LjAyNTkgMjIuMDQ3IDM2LjAzNTEgMjEuOTIzIDM2LjAzNTFDMjAuOTA4IDM2LjAzNTEgMjAuNjQ5IDM1Ljc0MTEgMjAuNjQ5IDM0Ljc1NDFWMzMuMTM3MUgyMC4wNDdWMzIuMzY3MUgyMC42NDlWMzEuMjY4MUgyMS44MzlWMzIuMzY3MVoiCiAgICBmaWxsPSJ3aGl0ZSIKICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBkPSJNMCAyOEgzNFYzN0MzNCAzOC42NTY5IDMyLjY1NjkgNDAgMzEgNDBIM0MxLjM0MzE1IDQwIDAgMzguNjU2OSAwIDM3VjI4WiIKICAgIGZpbGw9IiMyNzI3QjAiCiAgPjwvcGF0aD4KICA8cGF0aCBkPSJNMCAzQzAgMS4zNDMxNSAxLjM0MzE1IDAgMyAwSDIzTDM0IDExVjI4SDBWM1oiIGZpbGw9IiNGNUY1RjUiPjwvcGF0aD4KICA8cGF0aAogICAgZD0iTTM0IDExTDI2IDExQzI0LjM0MzEgMTEgMjMgOS42NTY4NSAyMyA4VjBMMzQgMTFaIgogICAgZmlsbD0iI0RCREJEQiIKICA+PC9wYXRoPgogIDxwYXRoCiAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICBkPSJNOC44NzkxMiAyMS45NDFIMTIuMjk4TDE2Ljk1MjEgMjQuNzQ5M0MxNy4wMzA3IDI0LjgxMzggMTcuMTI5MyAyNC44NDkgMTcuMjMxMSAyNC44NDlDMTcuNDczOCAyNC44NDg4IDE3LjY3MDUgMjQuNjUxOSAxNy42NzAzIDI0LjQwOTJWMTIuNDM5OUMxNy42NzA0IDEyLjMzODEgMTcuNjM1MiAxMi4yMzk2IDE3LjU3MDcgMTIuMTYwOUMxNy40MTY4IDExLjk3MzIgMTcuMTM5OCAxMS45NDU3IDE2Ljk1MjEgMTIuMDk5NkwxMi4yOTggMTQuOTA4SDguODc5MTJDOC4zOTM2IDE0LjkwOCA4IDE1LjMwMTYgOCAxNS43ODcxVjIxLjA2MTlDOCAyMS41NDc0IDguMzkzNiAyMS45NDEgOC44NzkxMiAyMS45NDFaTTEyLjkyNTggMTYuNjY2NEwxNS45MTIyIDE1LjIyMjRWMjEuNjI2OEwxMi45MjU4IDIwLjE4MjlIOS43NTgzVjE2LjY2NjRIMTIuOTI1OFpNMTkuODUxMSAxNi4zNTE3QzE5LjQ3NCAxNi40MDkyIDE5LjIzOTcgMTYuNjYzNyAxOS4zMjgzIDE2LjkxOTFMMTkuMzI2MiAxNi45MkMxOS41Mjk1IDE3LjQ5OTUgMTkuNjMwNSAxOC4wOTggMTkuNjI4NCAxOC42OTUzQzE5LjYzMDUgMTkuMjk3NSAxOS41MjM3IDE5LjkwMTQgMTkuMzE5NiAyMC40OTA5QzE5LjIyOSAyMC43NDYyIDE5LjQ2ODIgMjAuOTk5NiAxOS44NDc0IDIxLjA2QzE5LjkwMDggMjEuMDY4MyAxOS45NTQyIDIxLjA3MiAyMC4wMDc2IDIxLjA3MkMyMC4zMjU5IDIxLjA3MiAyMC42MTU2IDIwLjkyMzQgMjAuNjkyMiAyMC43MDU3QzIwLjkxOTQgMjAuMDQ1MSAyMS4wMzM3IDE5LjM3IDIxLjAzNzQgMTguNjk1M0MyMS4wMzQ5IDE4LjAyNTEgMjAuOTIxMSAxNy4zNTc1IDIwLjY5NTUgMTYuNzAzNUMyMC42MDUzIDE2LjQ0NzcgMjAuMjI5IDE2LjI5MDggMTkuODUxMSAxNi4zNTE3Wk0yMi4xNjA1IDE0LjYwMjhDMjIuNTI1MiAxNC41MTYzIDIyLjkyNTkgMTQuNjQ1NCAyMy4wNTUgMTQuODkzOEMyMy42ODkxIDE2LjExNTcgMjQgMTcuNDA0MiAyNCAxOC42OTIzQzI0LjAwMDQgMTkuOTg5NSAyMy42Nzk2IDIxLjI4MzkgMjMuMDUyMSAyMi41MTUzQzIyLjk1MDMgMjIuNzEyMyAyMi42NzYzIDIyLjgzNDQgMjIuMzgyOCAyMi44MzQ0QzIyLjMwNzEgMjIuODM0NCAyMi4yMzAxIDIyLjgyNjEgMjIuMTU0MyAyMi44MDkyQzIxLjc4NjMgMjIuNzI1MSAyMS41OTE0IDIyLjQ1MzYgMjEuNzE4NSAyMi4yMDc3QzIyLjI5ODggMjEuMDc2MSAyMi41OTIyIDE5Ljg4MzYgMjIuNTkzMSAxOC42OTE5QzIyLjU5MzEgMTcuNTA1NiAyMi4zMDU0IDE2LjMyMjIgMjEuNzI3NiAxNS4yMDI1QzIxLjYwMDEgMTQuOTU2MyAyMS43OTUgMTQuNjg2IDIyLjE2MDUgMTQuNjAyOFoiCiAgICBmaWxsPSIjMjcyN0IwIgogICAgZmlsbC1ydWxlPSJldmVub2RkIgogID48L3BhdGg+Cjwvc3ZnPg==");
}
.str-chat__icon--action:before {
  content: "";
}
.str-chat__icon--arrow-down:before {
  content: "";
}
.str-chat__icon--arrow-left:before {
  content: "";
}
.str-chat__icon--arrow-right:before {
  content: "";
}
.str-chat__icon--close:before {
  content: "";
}
.str-chat__icon--arrow-up:before {
  content: "";
}
.str-chat__icon--chat-bubble:before {
  content: "";
}
.str-chat__icon--pause:before {
  content: "";
}
.str-chat__icon--download:before {
  content: "";
}
.str-chat__icon--delivered:before {
  content: "";
}
.str-chat__icon--play:before {
  content: "";
}
.str-chat__icon--reaction:before {
  content: "";
}
.str-chat__icon--error:before {
  content: "";
}
.str-chat__icon--read:before {
  content: "";
}
.str-chat__icon--retry:before {
  content: "";
}
.str-chat__icon--reply-in-thread:before {
  content: "";
}
.str-chat__icon--send:before {
  content: "";
}
.str-chat__icon--attach:before {
  content: "";
}
.str-chat__icon--mic:before {
  content: "";
}
.str-chat__icon--bin:before {
  content: "";
}
.str-chat__infinite-scroll-paginator {
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__link-preview-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  margin-bottom: 0.75rem;
  padding-inline: 0.75rem;
}
.str-chat__link-preview-card {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 1rem;
}
.str-chat__link-preview-card .str-chat__tooltip {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  display: block;
  max-width: calc(var(--str-chat__spacing-px) * 250);
  padding-inline: 0.5rem;
}
.str-chat__link-preview-card .str-chat__link-preview-card__icon-container {
  display: flex;
  align-items: center;
}
.str-chat__link-preview-card .str-chat__link-preview-card__content {
  width: 100%;
  min-width: 0;
  flex: 1 1;
  padding-inline: 0.5rem;
}
.str-chat__link-preview-card
  .str-chat__link-preview-card__content
  .str-chat__link-preview-card__content-description,
.str-chat__link-preview-card
  .str-chat__link-preview-card__content
  .str-chat__link-preview-card__content-title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content
  .str-chat__link-preview-card__content-title {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: 100%;
}
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content
  .str-chat__link-preview-card__content-description {
  height: calc(var(--str-chat__spacing-px) * 12);
  width: 100%;
}
.str-chat {
  --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: rotate 1s linear infinite;
}
.str-chat__loading-indicator svg {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
stream-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__loading-indicator-placeholder,
stream-loading-indicator .str-chat__loading-indicator {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
.str-chat {
  --str-chat__message-options-button-size: calc(
    var(--str-chat__spacing-px) * 26
  );
  --str-chat__message-max-width: calc(var(--str-chat__spacing-px) * 480);
  --str-chat__message-with-attachment-max-width: calc(
    var(--str-chat__spacing-px) * 300
  );
  --str-chat__quoted-message-max-width: calc(var(--str-chat__spacing-px) * 250);
  --str-chat__quoted-message-inside-message-input-max-width: calc(
    var(--str-chat__spacing-px) * 200
  );
  --str-chat__quoted-message-inside-message-input-max-height: calc(
    var(--str-chat__quoted-message-inside-message-input-max-width) +
      calc(var(--str-chat__spacing-px) * 50)
  );
  --str-chat__quoted-message-line-clamp: 5;
}
.str-chat__message {
  --str-chat-message-options-size: calc(
    3 * var(--str-chat__message-options-button-size)
  );
}
.str-chat__message.str-chat__message-without-touch-support {
  --str-chat-message-options-size: calc(
    1 * var(--str-chat__message-options-button-size)
  );
}
.str-chat__message .str-chat__message-bubble {
  max-width: var(--str-chat__message-max-width);
}
.str-chat__message .str-chat__message-options {
  --str-chat-icon-height: calc(
    var(--str-chat__message-options-button-size) * 0.7
  );
}
.str-chat__message.str-chat__message--has-attachment {
  --str-chat__message-max-width: var(
    --str-chat__message-with-attachment-max-width
  );
}
.str-chat__message.str-chat__message--has-attachment .str-chat__message-bubble {
  max-width: var(--str-chat__message-max-width);
}
.str-chat__quoted-message-preview {
  --str-chat__message-max-width: var(--str-chat__quoted-message-max-width);
}
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  pointer-events: none;
  max-width: var(--str-chat__message-max-width);
}
.str-chat__quoted-message-text-value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: var(--str-chat__quoted-message-line-clamp);
  line-clamp: var(--str-chat__quoted-message-line-clamp);
  -webkit-box-orient: vertical;
}
.str-chat__message,
.str-chat__quoted-message-preview {
  display: grid;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}
.str-chat__message .str-chat__message-reminder,
.str-chat__quoted-message-preview .str-chat__message-reminder {
  grid-area: message-reminder;
  padding-block: 0.5rem 0.125rem;
  margin: 0;
}
.str-chat__message.str-chat__message--other,
.str-chat__message.str-chat__quoted-message-preview,
.str-chat__quoted-message-preview.str-chat__message--other,
.str-chat__quoted-message-preview.str-chat__quoted-message-preview {
  grid-template-areas: ". message-reminder" "avatar message" ". replies" ". translation-notice" ". custom-metadata" ". metadata";
  column-gap: var(--str-chat__spacing-2);
  grid-template-columns: auto 1fr;
  justify-items: flex-start;
}
.str-chat__message.str-chat__message--me,
.str-chat__quoted-message-preview.str-chat__message--me {
  grid-template-areas: "message-reminder" "message" "replies" "translation-notice" "custom-metadata" "metadata";
  justify-items: end;
}
.str-chat__message.str-chat__message--me > .str-chat__message-sender-avatar,
.str-chat__quoted-message-preview.str-chat__message--me
  > .str-chat__message-sender-avatar {
  display: none;
}
.str-chat__message.str-chat__message--blocked,
.str-chat__message.str-chat__message--deleted,
.str-chat__quoted-message-preview.str-chat__message--blocked,
.str-chat__quoted-message-preview.str-chat__message--deleted {
  grid-template-areas: "message";
}
.str-chat__message.str-chat__message--system,
.str-chat__quoted-message-preview.str-chat__message--system {
  grid-template-areas: "message";
  grid-template-columns: auto;
}
.str-chat__message .str-chat__message-sender-avatar,
.str-chat__quoted-message-preview .str-chat__message-sender-avatar {
  grid-area: avatar;
  align-self: end;
}
.str-chat__message .str-chat__message-inner,
.str-chat__quoted-message-preview .str-chat__message-inner {
  grid-area: message;
  display: grid;
  grid-template-areas: "reactions reactions" "message-bubble options";
  grid-template-columns: auto 1fr;
  grid-column-gap: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-2);
  position: relative;
}
.str-chat__message .str-chat__message-inner .str-chat__message-options,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-options {
  grid-area: options;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row-reverse;
  width: var(--str-chat-message-options-size);
}
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-actions-box-button,
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-reactions-button,
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-reply-in-thread-button,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-actions-box-button,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-reactions-button,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-reply-in-thread-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: var(--str-chat__message-options-button-size);
  height: var(--str-chat__message-options-button-size);
}
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-actions-box-button,
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-actions-container,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-actions-box-button,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-options
  .str-chat__message-actions-container {
  position: relative;
}
.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-reactions-host {
  grid-area: reactions;
}
.str-chat__message .str-chat__message-inner .str-chat__message-bubble,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-bubble {
  grid-area: message-bubble;
  position: relative;
  min-width: 0;
}
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-bubble
  .str-chat__message-text,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-bubble
  .str-chat__message-text {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
}
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-bubble
  .str-chat__message-text
  p,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-bubble
  .str-chat__message-text
  p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message
  .str-chat__message-inner
  .str-chat__message-bubble
  .str-chat__message-text
  .str-chat__message-text-inner,
.str-chat__quoted-message-preview
  .str-chat__message-inner
  .str-chat__message-bubble
  .str-chat__message-text
  .str-chat__message-text-inner {
  overflow-y: hidden;
}
.str-chat__message.str-chat__message--me .str-chat__message-inner,
.str-chat__quoted-message-preview.str-chat__message--me
  .str-chat__message-inner {
  grid-template-areas: "reminder reminder" "reactions reactions" "options message-bubble";
  grid-template-columns: 1fr auto;
}
.str-chat__message.str-chat__message--me
  .str-chat__message-inner
  .str-chat__message-options,
.str-chat__quoted-message-preview.str-chat__message--me
  .str-chat__message-inner
  .str-chat__message-options {
  flex-direction: row;
}
.str-chat__message .str-chat__translation-notice,
.str-chat__quoted-message-preview .str-chat__translation-notice {
  grid-area: translation-notice;
}
.str-chat__message .str-chat__translation-notice button,
.str-chat__quoted-message-preview .str-chat__translation-notice button {
  cursor: pointer;
  padding: var(--str-chat__spacing-1) 0;
  margin: 0;
}
.str-chat__message .str-chat__custom-message-metadata,
.str-chat__quoted-message-preview .str-chat__custom-message-metadata {
  grid-area: custom-metadata;
  margin-block-start: var(--str-chat__spacing-0_5);
}
.str-chat__message .str-chat__message-metadata,
.str-chat__quoted-message-preview .str-chat__message-metadata {
  grid-area: metadata;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--str-chat__spacing-1);
  margin-block-start: var(--str-chat__spacing-0_5);
}
.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,
.str-chat__quoted-message-preview
  .str-chat__message-metadata
  .str-chat__message-simple-name {
  overflow-y: hidden;
}
.str-chat__message
  .str-chat__message-metadata
  .str-chat__message-simple-timestamp
  + .str-chat__mesage-simple-edited:before,
.str-chat__quoted-message-preview
  .str-chat__message-metadata
  .str-chat__message-simple-timestamp
  + .str-chat__mesage-simple-edited:before {
  content: "•";
  margin-right: var(--str-chat__spacing-1);
}
.str-chat__message
  .str-chat__message-metadata
  .str-chat__message-edited-timestamp,
.str-chat__quoted-message-preview
  .str-chat__message-metadata
  .str-chat__message-edited-timestamp {
  --str-chat__message-edited-timestamp-height: 1rem;
  flex-basis: 100%;
}
.str-chat__message.str-chat__message--me .str-chat__message-metadata,
.str-chat__quoted-message-preview.str-chat__message--me
  .str-chat__message-metadata {
  justify-content: flex-end;
  text-align: right;
}
.str-chat__message .str-chat__message-status,
.str-chat__quoted-message-preview .str-chat__message-status {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--str-chat__spacing-0_5);
  position: relative;
}
.str-chat__message .str-chat__message-status svg,
.str-chat__quoted-message-preview .str-chat__message-status svg {
  width: calc(var(--str-chat__spacing-px) * 15);
  height: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper,
.str-chat__message .str-chat__message-replies-count-button-wrapper,
.str-chat__quoted-message-preview
  .str-chat__message-is-thread-reply-button-wrapper,
.str-chat__quoted-message-preview
  .str-chat__message-replies-count-button-wrapper {
  grid-area: replies;
}
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper button,
.str-chat__message .str-chat__message-replies-count-button-wrapper button,
.str-chat__quoted-message-preview
  .str-chat__message-is-thread-reply-button-wrapper
  button,
.str-chat__quoted-message-preview
  .str-chat__message-replies-count-button-wrapper
  button {
  cursor: pointer;
  padding: 0;
}
.str-chat__message .str-chat__message--deleted-inner,
.str-chat__quoted-message-preview .str-chat__message--deleted-inner {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__message--deleted-inner p,
.str-chat__quoted-message-preview .str-chat__message--deleted-inner p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__message--blocked-inner,
.str-chat__quoted-message-preview .str-chat__message--blocked-inner {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__message--blocked-inner p,
.str-chat__quoted-message-preview .str-chat__message--blocked-inner p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__quoted-message-bubble,
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  min-width: 0;
  width: 100%;
}
.str-chat__message .str-chat__quoted-message-bubble p,
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble p {
  white-space: pre-line;
  margin: 0;
}
.str-chat__message .str-chat__emoji-display-fix,
.str-chat__quoted-message-preview .str-chat__emoji-display-fix {
  display: inline-block;
  width: 1.25em;
}
.str-chat__message .str-chat__message-error-icon,
.str-chat__quoted-message-preview .str-chat__message-error-icon {
  display: none;
}
.str-chat__message .str-chat__simple-message--error-failed,
.str-chat__quoted-message-preview .str-chat__simple-message--error-failed {
  cursor: pointer;
}
.str-chat__message.str-chat__message--error .str-chat__message-error-icon,
.str-chat__message.str-chat__message--failed .str-chat__message-error-icon,
.str-chat__quoted-message-preview.str-chat__message--error
  .str-chat__message-error-icon,
.str-chat__quoted-message-preview.str-chat__message--failed
  .str-chat__message-error-icon {
  display: block;
  position: absolute;
  bottom: 0;
  inset-inline-end: calc(-1 * calc(var(--str-chat__spacing-px) * 18) / 2);
}
.str-chat__message.str-chat__message--error .str-chat__message-error-icon svg,
.str-chat__message.str-chat__message--failed .str-chat__message-error-icon svg,
.str-chat__quoted-message-preview.str-chat__message--error
  .str-chat__message-error-icon
  svg,
.str-chat__quoted-message-preview.str-chat__message--failed
  .str-chat__message-error-icon
  svg {
  width: calc(var(--str-chat__spacing-px) * 18);
  height: calc(var(--str-chat__spacing-px) * 18);
}
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:focus-within:not(
    :has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)
  )
  .str-chat__message-options,
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:has(.str-chat__message-options--active)
  .str-chat__message-options,
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  )
  .str-chat__message-options,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:focus-within:not(
    :has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)
  )
  .str-chat__message-options,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:has(.str-chat__message-options--active)
  .str-chat__message-options,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  )
  .str-chat__message-options {
  display: flex;
}
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:focus-within:not(
    :has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)
  )
  .str-chat__message--other
  .str-chat__message-inner,
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:has(.str-chat__message-options--active)
  .str-chat__message--other
  .str-chat__message-inner,
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  )
  .str-chat__message--other
  .str-chat__message-inner,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:focus-within:not(
    :has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)
  )
  .str-chat__message--other
  .str-chat__message-inner,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:has(.str-chat__message-options--active)
  .str-chat__message--other
  .str-chat__message-inner,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  )
  .str-chat__message--other
  .str-chat__message-inner {
  margin-inline-end: 0;
}
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:focus-within:not(
    :has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)
  )
  .str-chat__message--me
  .str-chat__message-inner,
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:has(.str-chat__message-options--active)
  .str-chat__message--me
  .str-chat__message-inner,
.str-chat__ul:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  )
  .str-chat__message--me
  .str-chat__message-inner,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:focus-within:not(
    :has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)
  )
  .str-chat__message--me
  .str-chat__message-inner,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:has(.str-chat__message-options--active)
  .str-chat__message--me
  .str-chat__message-inner,
.str-chat__virtual-list:not(
    .str-chat__message-options-in-bubble,
    .str-chat__message-with-touch-support
  )
  .str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  )
  .str-chat__message--me
  .str-chat__message-inner {
  margin-inline-start: 0;
}
@supports not selector(:has(a, b)) {
  .str-chat__ul:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:focus-within
    .str-chat__message-options,
  .str-chat__ul:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:hover
    .str-chat__message-options,
  .str-chat__virtual-list:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:focus-within
    .str-chat__message-options,
  .str-chat__virtual-list:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:hover
    .str-chat__message-options {
    display: flex;
  }
  .str-chat__ul:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:focus-within
    .str-chat__message--other
    .str-chat__message-inner,
  .str-chat__ul:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:hover
    .str-chat__message--other
    .str-chat__message-inner,
  .str-chat__virtual-list:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:focus-within
    .str-chat__message--other
    .str-chat__message-inner,
  .str-chat__virtual-list:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:hover
    .str-chat__message--other
    .str-chat__message-inner {
    margin-inline-end: 0;
  }
  .str-chat__ul:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:focus-within
    .str-chat__message--me
    .str-chat__message-inner,
  .str-chat__ul:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:hover
    .str-chat__message--me
    .str-chat__message-inner,
  .str-chat__virtual-list:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:focus-within
    .str-chat__message--me
    .str-chat__message-inner,
  .str-chat__virtual-list:not(
      .str-chat__message-options-in-bubble,
      .str-chat__message-with-touch-support
    )
    .str-chat__li:hover
    .str-chat__message--me
    .str-chat__message-inner {
    margin-inline-start: 0;
  }
}
.str-chat__ul.str-chat__message-options-in-bubble
  .str-chat__message-inner:hover
  .str-chat__message-options,
.str-chat__virtual-list.str-chat__message-options-in-bubble
  .str-chat__message-inner:hover
  .str-chat__message-options {
  display: flex;
}
.str-chat__ul.str-chat__message-options-in-bubble
  .str-chat__message--other
  .str-chat__message-inner:hover,
.str-chat__virtual-list.str-chat__message-options-in-bubble
  .str-chat__message--other
  .str-chat__message-inner:hover {
  margin-inline-end: 0;
}
.str-chat__ul.str-chat__message-options-in-bubble
  .str-chat__message--me
  .str-chat__message-inner:hover,
.str-chat__virtual-list.str-chat__message-options-in-bubble
  .str-chat__message--me
  .str-chat__message-inner:hover {
  margin-inline-start: 0;
}
.str-chat__message-inner
  .str-chat__message-options.str-chat__message-options--active {
  display: flex;
}
.str-chat__message-inner .str-chat__message-options {
  display: none;
}
.str-chat__message-inner
  .str-chat__message-actions-open.str-chat__message-options,
.str-chat__message-inner:focus-within .str-chat__message-options {
  display: flex;
}
.str-chat__message--other
  .str-chat__message-inner:not(:has(.str-chat__message-options--active)) {
  margin-inline-end: var(--str-chat-message-options-size);
}
.str-chat__message--me .str-chat__message-inner {
  margin-inline-start: var(--str-chat-message-options-size);
}
.str-chat__li--middle .str-chat__message,
.str-chat__li--top .str-chat__message {
  margin-block-end: var(--str-chat__spacing-0_5);
}
.str-chat__li--middle .str-chat__message .str-chat__message-metadata,
.str-chat__li--top .str-chat__message .str-chat__message-metadata {
  display: none;
}
.str-chat__li--middle .str-chat__message > .str-chat__message-sender-avatar,
.str-chat__li--top .str-chat__message > .str-chat__message-sender-avatar {
  visibility: hidden;
}
.str-chat__li--bottom .str-chat__message,
.str-chat__li--single .str-chat__message {
  margin-block-end: var(--str-chat__spacing-2);
}
.str-chat__date-separator {
  display: flex;
  padding: var(--str-chat__spacing-8);
  align-items: center;
}
.str-chat__date-separator-line {
  flex: 1 1;
  height: var(--str-chat__spacing-px);
}
.str-chat__date-separator > :not(:last-child) {
  margin-right: var(--str-chat__spacing-4);
}
.str-chat__message .str-chat__quoted-message-preview {
  margin-block-end: var(--str-chat__spacing-2);
}
.str-chat__message--system {
  width: 100%;
  text-align: center;
}
.str-chat__message--system p {
  margin: 0;
}
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  flex-direction: column;
  align-items: stretch;
  row-gap: var(--str-chat__spacing-1);
  flex-basis: min-content;
}
.str-chat__message-input .str-chat__quoted-message-preview {
  --str-chat__message-max-width: var(
    --str-chat__quoted-message-inside-message-input-max-width
  );
}
.str-chat__message-input
  .str-chat__quoted-message-preview
  .str-chat__quoted-message-bubble {
  max-height: var(--str-chat__quoted-message-inside-message-input-max-height);
}
.str-chat__message-input
  .str-chat__quoted-message-preview
  .str-chat__quoted-message-bubble
  .str-chat__quoted-message-text {
  max-height: 100%;
  min-height: 0;
}
.str-chat__message-input
  .str-chat__quoted-message-preview
  .str-chat__quoted-message-bubble
  .str-chat__quoted-message-text
  p {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.str-chat__unread-messages-separator-wrapper {
  padding-block: 0.5rem;
}
.str-chat__unread-messages-separator-wrapper
  .str-chat__unread-messages-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem;
}
.str-chat__unread-messages-notification {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 16);
  position: absolute;
  top: 0.75rem;
  z-index: 2;
  display: flex;
  align-items: center;
  overflow: clip;
}
.str-chat__unread-messages-notification button {
  padding-block: 0.5rem;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.str-chat__unread-messages-notification button:first-of-type {
  padding-inline: 0.75rem 0.375rem;
}
.str-chat__unread-messages-notification button:last-of-type {
  padding-inline: 0.375rem 0.75rem;
}
.str-chat__unread-messages-notification button:last-of-type svg {
  width: 0.875rem;
}
.str-chat-angular__message-bubble {
  transform: translateZ(0);
}
.str-chat-angular__message-bubble.str-chat-angular__message-bubble--attachment-modal-open {
  transform: none;
}
.str-chat__message-edited-timestamp {
  overflow: hidden;
  transition: height 0.1s;
}
.str-chat__message-edited-timestamp--open {
  height: var(--str-chat__message-edited-timestamp-height, 1rem);
}
.str-chat__message-edited-timestamp--collapsed {
  height: 0;
}
.str-chat__message-text--pointer-cursor {
  cursor: pointer;
}
.str-chat__message-with-touch-support .str-chat__message-bubble {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.str-chat__message-with-touch-support.str-chat__message-menu-opened
  .str-chat__attachments-container,
.str-chat__message-with-touch-support.str-chat__message-menu-opened
  .str-chat__message-text-inner {
  pointer-events: none;
}
.str-chat__message-with-touch-support .str-chat__message-inner {
  margin-inline: 0;
}
.str-chat__message-with-touch-support .str-chat__message-options {
  display: none;
}
.str-chat__message-with-touch-support .stream-chat-angular__image-modal-host {
  -webkit-touch-callout: default;
}
.str-chat__message-actions-box {
  overflow: hidden;
}
.str-chat__message-actions-box .str-chat__message-actions-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-width: 10rem;
}
.str-chat__message-actions-box
  .str-chat__message-actions-list
  .str-chat__message-actions-list-item-button {
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
  margin: 0;
  cursor: pointer;
  width: 100%;
  text-align: start;
}
.str-chat__message-bounce-prompt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--str-chat__spacing-9);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-actions {
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-2);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete,
.str-chat__message-bounce-prompt .str-chat__message-bounce-edit,
.str-chat__message-bounce-prompt .str-chat__message-bounce-send {
  cursor: pointer;
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-input {
  flex-direction: column;
  padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);
  position: relative;
}
.str-chat__message-input,
.str-chat__message-input .str-chat__quoted-message-preview-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.str-chat__message-input
  .str-chat__quoted-message-preview-header
  .str-chat__quoted-message-reply-to-message {
  width: 100%;
  text-align: center;
}
.str-chat__message-input
  .str-chat__quoted-message-preview-header
  .str-chat__quoted-message-remove {
  width: calc(var(--str-chat__spacing-px) * 40);
  height: calc(var(--str-chat__spacing-px) * 40);
  cursor: pointer;
}
.str-chat__message-input .str-chat__message-input-inner {
  flex-grow: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__file-input-container {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--str-chat__spacing-px) * 45);
  height: calc(var(--str-chat__spacing-px) * 45);
  cursor: pointer;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__file-input-container
  .str-chat__file-input-label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  max-height: 100%;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker {
  width: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  padding: var(--str-chat__spacing-2) var(--str-chat__spacing-4);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea {
  width: 100%;
  display: flex;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea-emoji-picker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--str-chat__spacing-px) * 27);
  height: calc(var(--str-chat__spacing-px) * 27);
  font-size: calc(var(--str-chat__spacing-px) * 27);
  align-self: end;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea-emoji-picker
  .str-chat__message-textarea-emoji-picker-container {
  z-index: 5;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea-emoji-picker
  .str-chat__message-textarea-emoji-picker-container
  .str-chat__emoji-picker-container {
  display: flex;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea-emoji-picker
  .str-chat__emoji-picker-button {
  padding: unset;
  background: unset;
  border: unset;
  border-radius: var(--str-chat__border-radius-circle);
  display: flex;
  cursor: pointer;
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea-emoji-picker
  .str-chat__emoji-picker-button
  svg {
  width: calc(var(--str-chat__spacing-px) * 24);
  height: calc(var(--str-chat__spacing-px) * 24);
}
.str-chat__message-input
  .str-chat__message-input-inner
  .str-chat__message-textarea-container
  .str-chat__message-textarea-with-emoji-picker
  .str-chat__message-textarea-emoji-picker
  .str-chat__emoji-picker-button
  svg
  path {
  fill: var(--str-chat__message-input-tools-color);
}
.str-chat__message-input .str-chat__message-textarea-angular-host,
.str-chat__message-input .str-chat__message-textarea-react-host {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.str-chat__message-input .str-chat__message-textarea-react-host {
  position: relative;
}
.str-chat__message-input .str-chat__stop-ai-generation-button {
  width: calc(var(--str-chat__spacing-px) * 30);
  height: calc(var(--str-chat__spacing-px) * 28);
  cursor: pointer;
}
.str-chat__message-input .str-chat__send-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 32);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  width: calc(var(--str-chat__spacing-px) * 45);
  height: calc(var(--str-chat__spacing-px) * 45);
  min-width: calc(var(--str-chat__spacing-px) * 45);
}
.str-chat__message-input .str-chat__send-button svg {
  width: calc(var(--str-chat__spacing-px) * 32);
  height: calc(var(--str-chat__spacing-px) * 32);
}
.str-chat__message-input .str-chat__start-recording-audio-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 25);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  width: calc(var(--str-chat__spacing-px) * 40);
  height: calc(var(--str-chat__spacing-px) * 40);
  min-width: calc(var(--str-chat__spacing-px) * 40);
}
.str-chat__message-input .str-chat__start-recording-audio-button svg {
  height: calc(var(--str-chat__spacing-px) * 25);
}
.str-chat__message-input .str-chat__message-input-cooldown {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: var(--str-chat__spacing-2);
  margin-block: calc(var(--str-chat__spacing-2) / 2);
  min-width: calc(
    calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2)
  );
  min-height: calc(
    calc(var(--str-chat__spacing-px) * 45) - var(--str-chat__spacing-2)
  );
}
.str-chat__message-input .str-chat__message-input-not-allowed {
  align-self: center;
  padding: var(--str-chat__spacing-3);
}
.str-chat__message-input .str-chat__quoted-message-preview {
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-input
  .str-chat__quoted-message-preview
  .str-chat__quoted-poll-preview__name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.str-chat__message-input .str-chat__recording-permission-denied-notification {
  position: absolute;
  left: 0.5rem;
  max-width: 100%;
  bottom: 100%;
  padding: 1rem;
  margin-inline: 0.5rem;
  z-index: 2;
}
.str-chat__message-input
  .str-chat__recording-permission-denied-notification
  .str-chat__recording-permission-denied-notification__dismiss-button-container {
  display: flex;
  justify-content: flex-end;
}
.str-chat__message-input-angular-host {
  max-height: 50%;
}
.str-chat-angular__message-input {
  height: 100%;
  max-height: 100%;
}
.str-chat-angular__message-input-inner {
  height: 100%;
  max-height: 100%;
  min-height: 0;
  flex-grow: 0;
}
[dir="rtl"] .str-chat__send-button svg,
[dir="rtl"] .str-chat__start-recording-audio-button svg {
  transform: scaleX(-1);
}
.str-chat__attachment-selector button,
.str-chat__attachment-selector-actions-menu button {
  background: none;
  border: none;
}
.str-chat__attachment-selector .str-chat__attachment-selector__menu-button {
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
.str-chat__attachment-selector
  .str-chat__attachment-selector__menu-button
  .str-chat__attachment-selector__menu-button__icon {
  height: 26px;
  width: 26px;
}
.str-chat__file-input {
  display: none;
}
.str-chat__attachment-selector-actions-menu {
  min-width: 300px;
  padding-block: 0.5rem;
}
.str-chat__send-to-channel-checkbox__container {
  width: 100%;
  display: flex;
  padding: 0.5rem 0.75rem;
}
.str-chat__send-to-channel-checkbox__container
  .str-chat__send-to-channel-checkbox__field {
  display: flex;
  align-items: center;
}
.str-chat__send-to-channel-checkbox__container
  .str-chat__send-to-channel-checkbox__field
  label {
  padding-inline: 0.5rem;
}
.str-chat__send-to-channel-checkbox__container
  .str-chat__send-to-channel-checkbox__field
  input {
  margin: 0;
}
.str-chat__main-panel-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  align-items: center;
}
.str-chat__list {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.str-chat__list .str-chat__message-list-scroll {
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__list .str-chat__message-list-scroll .str-chat__li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__list .str-chat__message-list-scroll {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__list .str-chat__message-list-scroll .str-chat__li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__list .str-chat__message-list-scroll .str-chat__ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.str-chat__list .str-chat__parent-message-li {
  padding-block-end: var(--str-chat__spacing-4);
  margin-block-end: var(--str-chat__spacing-4);
}
.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {
  text-align: start;
  padding-top: var(--str-chat__spacing-3);
}
.str-chat__jump-to-latest-message {
  position: absolute;
  inset-block-end: var(--str-chat__spacing-4);
  inset-inline-end: var(--str-chat__spacing-2);
  z-index: 2;
}
.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count {
  position: absolute;
  padding: var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
}
.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type {
  padding-top: 4.5rem;
}
.str-chat__main-panel
  .str-chat__ul
  .str-chat__date-separator
  + .str-chat__li:first-of-type {
  padding-top: inherit;
}
.str-chat__virtual-list {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  flex: 1 1;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  width: 100%;
  height: 100%;
}
.str-chat__virtual-list .str-chat__message-list-scroll {
  overscroll-behavior: none;
}
.str-chat__virtual-list .str-chat__message-list-scroll > div {
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__virtual-list
  .str-chat__message-list-scroll
  > div
  .str-chat__parent-message-li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__virtual-list .str-chat__message-list-scroll > div {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__virtual-list .str-chat__message-list-scroll > div .str-chat__li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__virtual-list
    .str-chat__message-list-scroll
    > div
    .str-chat__parent-message-li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__virtual-list .str-chat__parent-message-li {
  padding-block-end: var(--str-chat__spacing-4);
}
.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {
  text-align: start;
  padding-top: var(--str-chat__spacing-3);
}
.str-chat__virtual-list__loading {
  display: flex;
  padding-top: var(--str-chat__spacing-2);
  justify-content: center;
  width: 100%;
  position: absolute;
}
.str-chat__virtual-list p {
  margin: 0 !important;
}
.str-chat__virtual-list p a {
  white-space: pre-line;
  overflow: hidden;
  word-wrap: break-word;
}
.str-chat__virtual-list .str-chat__message {
  margin-block-end: 0 !important;
}
.str-chat__virtual-list .str-chat__virtual-list-message-wrapper {
  padding-block-end: var(--str-chat__spacing-0_5);
}
.str-chat__message-reactions-container {
  display: flex;
}
.str-chat__message-reactions-container .str-chat__message-reactions {
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  list-style: none;
  display: flex;
  margin-block-start: var(--str-chat__spacing-0_5);
  margin-block-end: var(--str-chat__spacing-0_5);
  column-gap: var(--str-chat__spacing-0_5);
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  position: relative;
}
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__message-reaction {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--str-chat__spacing-1_5);
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__message-reaction
  button {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__message-reaction
  .str-chat__message-reaction-emoji {
  height: calc(var(--str-chat__spacing-px) * 13);
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__reaction-list--counter,
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__simple-reactions-list-item--last-number {
  display: none;
}
.str-chat__message--me .str-chat__message-reactions-container {
  justify-content: flex-end;
}
.str-chat__message--other .str-chat__message-reactions-container {
  justify-content: flex-start;
}
.str-chat__message-reactions-details-modal
  .str-chat__modal--open
  .str-chat__modal__inner {
  height: 40%;
  max-height: 80%;
  min-width: 90%;
  max-width: 90%;
  width: 90%;
  flex-basis: min-content;
}
@media only screen and (min-device-width: 768px) {
  .str-chat__message-reactions-details-modal
    .str-chat__modal--open
    .str-chat__modal__inner {
    min-width: 40%;
    max-width: 60%;
    width: min-content;
  }
}
.str-chat__message-reactions-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-4);
  max-height: 100%;
  height: 100%;
  min-height: 0;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reaction-types {
  max-width: 100%;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  gap: var(--str-chat__spacing-4);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reaction-types
  .str-chat__message-reactions-details-reaction-type {
  display: flex;
  align-items: center;
  padding: var(--str-chat__spacing-1) 0;
  flex-shrink: 0;
  cursor: pointer;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reaction-types
  .str-chat__message-reactions-details-reaction-type
  .str-chat__message-reaction-emoji--with-fallback {
  width: 18px;
  line-height: 18px;
}
.str-chat__message-reactions-details .str-chat__message-reaction-emoji-big {
  --str-chat__stream-emoji-size: 1em;
  align-self: center;
  font-size: 2rem;
}
.str-chat__message-reactions-details
  .str-chat__message-reaction-emoji-big.str-chat__message-reaction-emoji--with-fallback {
  line-height: 2rem;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reacting-users {
  display: flex;
  flex-direction: column;
  gap: var(--str-chat__spacing-3);
  max-height: 100%;
  overflow-y: auto;
  min-height: 30vh;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reacting-users
  .str-chat__loading-indicator {
  margin: auto;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reacting-users
  .str-chat__message-reactions-details-reacting-user {
  display: flex;
  align-items: center;
  gap: var(--str-chat__spacing-2);
}
.str-chat__message-reaction-selector {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  inset-block-end: 100%;
}
.str-chat__message-reaction-selector.str-chat-angular-v5__reaction-selector {
  margin: var(--str-chat__spacing-2);
  position: static;
  justify-content: flex-start;
}
.str-chat__message-reaction-selector.str-chat-angular-v5__reaction-selector
  .str-chat__message-reactions-options {
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 0;
}
.str-chat__message-reaction-selector.str-chat-angular-v5__reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-option {
  flex-shrink: 0;
}
.str-chat__message-reaction-selector .str-chat__message-reactions-options {
  list-style: none;
  display: flex;
  margin-block-end: var(--str-chat__spacing-0_5);
  width: -moz-fit-content;
  width: fit-content;
  column-gap: var(--str-chat__spacing-1);
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-option {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: calc(var(--str-chat__spacing-px) * 40);
  height: calc(var(--str-chat__spacing-px) * 40);
}
.str-chat__message-reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-option
  .str-chat__message-reaction-emoji {
  height: calc(var(--str-chat__spacing-px) * 20);
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.str-chat__message-reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-last-user,
.str-chat__message-reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-list-item__count {
  display: none;
}
.str-chat__message--me .str-chat__message-reaction-selector {
  inset-inline-end: 0;
}
.str-chat__message--other .str-chat__message-reaction-selector {
  inset-inline-start: 0;
}
.str-chat-react__message-reaction-selector {
  position: static;
  inset-block-end: unset;
}
.str-chat-react__message-reaction-selector ul {
  margin: 0;
}
.str-chat__message--me .str-chat-react__message-reaction-selector,
.str-chat__message--other .str-chat-react__message-reaction-selector {
  inset-inline-start: unset;
}
.str-chat__modal--open {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.str-chat__modal--open .str-chat__modal-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1rem;
}
.str-chat__modal--open .str-chat__modal-header .str-chat__modal__close-button,
.str-chat__modal--open
  .str-chat__modal-header
  button.str-chat__modal-header__go-back-button {
  padding: 1rem;
  background-size: 0.875rem;
  background-repeat: no-repeat;
  background-position: 50%;
}
.str-chat__modal--open
  .str-chat__modal-header
  button.str-chat__modal-header__go-back-button {
  background-image: var(--str-chat__arrow-left-icon);
}
.str-chat__modal--open
  .str-chat__modal-header
  .str-chat__modal-header__close-button {
  background-image: var(--str-chat__close-icon);
  background-repeat: no-repeat;
  height: 0.875rem;
  width: 0.875rem;
}
.str-chat__modal--open .str-chat__modal-header .str-chat__modal-header__title {
  flex: 1 1;
}
.str-chat__modal--open button.str-chat__modal__close-button {
  padding: unset;
  background: unset;
  border: unset;
  border-radius: var(--str-chat__border-radius-circle);
  margin: var(--str-chat__spacing-2);
  cursor: pointer;
}
.str-chat__modal--open .str-chat__modal__close-button {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 28);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  cursor: pointer;
}
.str-chat__modal--open .str-chat__modal__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-8) var(--str-chat__spacing-4);
  width: 40%;
  max-height: 80%;
  min-width: 0;
  min-height: 0;
}
.str-chat__modal--close {
  display: none;
}
.str-chat__message-notification {
  display: block;
  position: absolute;
  align-self: center;
  padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);
  bottom: calc(var(--str-chat__spacing-px) * 10);
  z-index: 100;
}
.str-chat__list-notifications {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  row-gap: var(--str-chat__spacing-1);
  margin: var(--str-chat__spacing-1_5);
  width: auto;
}
.str-chat__notification {
  padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);
}
.str-chat-react__notification {
  z-index: 101;
}
.str-chat__poll {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 0.675rem;
  max-width: 270px;
  font: var(--str-chat__body-text);
}
.str-chat__poll button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__poll .str-chat__checkmark {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-right: 0.125rem;
  height: 1rem;
  width: 1rem;
}
.str-chat__poll .str-chat__checkmark--checked {
  height: calc(1rem + 1px);
  width: calc(1rem + 1px);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im00IDkuNC00LTRMMS40IDQgNCA2LjYgMTAuNiAwIDEyIDEuNGwtOCA4WiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 11px 10px;
}
.str-chat__poll .str-chat__poll-header .str-chat__poll-title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__poll .str-chat__poll-header .str-chat__poll-subtitle {
  font: var(--str-chat__caption-text);
}
.str-chat__poll .str-chat__poll-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.str-chat__poll .str-chat__poll-actions .str-chat__poll-action {
  padding: 0.675rem;
  font: var(--str-chat__subtitle-text);
  color: var(--str-chat__primary-color);
}
.str-chat__modal__poll-results .str-chat__amount-bar,
.str-chat__poll-option-list--full .str-chat__amount-bar {
  display: none;
}
.str-chat__poll-option {
  cursor: pointer;
}
.str-chat__poll-option.str-chat__poll-option--full-vote-list {
  cursor: default;
  height: 100%;
  padding: 0;
}
.str-chat__poll-option .str-chat__poll-option-data {
  flex: 1 1;
  display: flex;
  align-items: flex-start;
  font: var(--str-chat__body-text);
  gap: 0.125rem;
}
.str-chat__poll-option .str-chat__poll-option-data p {
  margin: 0;
  flex: 1 1;
}
.str-chat__poll-option
  .str-chat__poll-option-data
  .str-chat__poll-option-voters {
  --str-chat__avatar-size: 1.175rem;
  display: flex;
}
.str-chat__poll-option-list--full .str-chat__poll-option {
  display: flex;
  flex-direction: row;
  padding: 1rem 0.75rem;
}
.str-chat__poll-option-list--full .str-chat__poll-option:first-of-type {
  padding-top: 1rem;
  border-top-left-radius: var(--str-chat__border-radius-sm);
  border-top-right-radius: var(--str-chat__border-radius-sm);
}
.str-chat__poll-option-list--full .str-chat__poll-option:last-child {
  padding-bottom: 1rem;
  border-bottom-left-radius: var(--str-chat__border-radius-sm);
  border-bottom-right-radius: var(--str-chat__border-radius-sm);
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-block: 1rem 0.5rem;
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full)
  .str-chat__poll-option {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  grid-gap: 0.125rem;
  gap: 0.125rem;
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full)
  .str-chat__poll-option
  .str-chat__poll-option-data {
  grid-column: 2/3;
  grid-row: 1/2;
}
.str-chat__poll-option-list:not(.str-chat__poll-option-list--full)
  .str-chat__poll-option
  .str-chat__poll-option__votes-bar {
  grid-column: 2/3;
  grid-row: 2/3;
  height: 0.25rem;
  width: 100%;
  margin-top: 0.25rem;
}
.str-chat__modal__poll-results .str-chat__poll-option {
  display: flex;
  flex-direction: column;
}
.str-chat__poll-actions .str-chat__modal .str-chat__modal__close-button {
  display: none;
}
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner {
  padding: 0 0 0.5rem;
  overflow: hidden;
  max-width: 400px;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__tooltip {
  max-width: 300px;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__suggest-poll-option
  .str-chat__form-field-error {
  height: 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-answer-list,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-option-list,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-answer-list
  .str-chat__loading-indicator-placeholder,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-option--full-vote-list
  .str-chat__loading-indicator-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-option-list__title,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__title {
  padding: 1.175rem 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-answer-list__body,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding-bottom: 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__body,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__option-list,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-answer-list {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  max-height: 100%;
  min-height: 0;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-answer-list {
  padding-bottom: 0;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__body,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-answer-list {
  overflow-y: auto;
  padding: 0 1rem 1.25rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__option-list,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-answer-list {
  gap: 0.5rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__modal__poll-results__body {
  gap: 2rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-option__show-all-votes-button {
  padding-bottom: 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-answer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.75rem 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-answer
  .str-chat__poll-answer__text {
  margin: 0;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__checkmark {
  margin-right: 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-option__header {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  width: 100%;
  padding: 0.75rem 1rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-option__header
  .str-chat__poll-option__option-text {
  flex: 1 1;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-vote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-block: 0.375rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-vote
  .str-chat__poll-vote__author {
  display: flex;
  align-items: center;
  gap: calc(var(--str-chat__spacing-px) * 5);
  min-width: 0;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-vote
  .str-chat__poll-vote__author
  .str-chat__poll-vote__author__name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  max-width: 130px;
  min-width: 0;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-result-option-vote-counter {
  display: flex;
  gap: 0.375rem;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__inner
  .str-chat__poll-result-option-vote-counter
  .str-chat__poll-result-winning-option-icon {
  height: 1.25rem;
  width: 1.25rem;
  background-image: var(--str-chat__winning-poll-option-icon);
}
.str-chat__poll-vote-listing {
  padding: 0 1rem 0.75rem;
}
.str-chat__modal__poll-results--option-detail .str-chat__modal-header__title {
  padding-inline: 1rem;
  flex: 1 1;
}
.str-chat__modal__poll-results--option-detail
  .str-chat__modal__poll-results__body {
  padding-inline: 1rem;
}
.str-chat__quoted-poll-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: flex-start;
}
.str-chat__modal.str-chat__create-poll-modal .str-chat__modal__close-button {
  display: none;
}
.str-chat__modal.str-chat__create-poll-modal .str-chat__modal__inner {
  padding: 0;
  max-height: unset;
  display: block;
}
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__modal-header {
  padding-block: 14px;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__modal-header
  .str-chat__modal-header__close-button {
  background-image: var(--str-chat__close-icon);
  background-repeat: no-repeat;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__dialog__body {
  flex: 1 1;
  padding: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__dialog__body
  form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-fieldset {
  margin: 0;
  padding: 0;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-fieldset
  .str-chat__form__input-field {
  width: 100%;
  padding: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-fieldset
  .str-chat__form__input-field
  .str-chat__form__input-field__value,
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-fieldset
  .str-chat__form__input-field
  .str-chat__form__input-field__value
  .str-chat__form__input-field__error {
  width: 100%;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label
  .str-chat__form__input-field__value {
  padding: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-field__value
  input {
  width: 100%;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__expandable-field {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  .str-chat__form__switch-field {
  padding: 0;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  .str-chat__form__input-field {
  width: 100%;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  .str-chat__form__input-field
  .str-chat__form__input-field__value {
  padding: 0;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  .str-chat__form__input-field
  .str-chat__form__input-field__value
  .str-chat__form-field-error {
  height: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-fieldset__values {
  display: flex;
  flex-direction: column;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__field-label {
  display: block;
  margin-bottom: 0.5rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-field--draggable {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__input-field--draggable
  .str-chat__drag-handle {
  height: 1rem;
  width: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__switch-field {
  width: 100%;
  padding: 1rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  input[type="checkbox"] {
  display: none;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch {
  display: flex;
  align-items: center;
  width: calc(var(--str-chat__spacing-px) * 52);
  height: calc(var(--str-chat__spacing-px) * 32);
  padding: 0.25rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch
  .str-chat__form__switch-field__switch-handle {
  height: 1.5rem;
  width: 1.5rem;
}
.str-chat__modal.str-chat__create-poll-modal
  .str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on
  .str-chat__form__switch-field__switch-handle {
  transform: translateX(1.25rem);
}
@media only screen and (max-device-width: 768px) {
  .str-chat__modal--open .str-chat__modal__inner {
    width: 90%;
  }
  .str-chat__create-poll-modal .str-chat__modal__inner,
  .str-chat__poll-answer-list-modal .str-chat__modal__inner,
  .str-chat__poll-results-modal .str-chat__modal__inner {
    height: 90%;
    max-height: unset;
  }
}
.str-chat__search {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.str-chat__search.str-chat__search--active {
  flex: 1 1;
  max-height: 100%;
}
.str-chat__search .str-chat__search-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5) var(--str-chat__spacing-2);
  gap: 0.25rem;
}
.str-chat__search .str-chat__search-bar .str-chat__search-bar-button {
  background: none;
  border: none;
  padding: var(--str-chat__spacing-1);
  cursor: pointer;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper {
  display: flex;
  align-items: center;
  flex: 1 1;
  padding: var(--str-chat__spacing-1_5) var(--str-chat__spacing-2);
  min-width: 0;
}
.str-chat__search
  .str-chat__search-bar
  .str-chat__search-input--wrapper
  .str-chat__search-input--icon {
  height: 20px;
  width: 20px;
  margin-right: 0.5rem;
}
.str-chat__search
  .str-chat__search-bar
  .str-chat__search-input--wrapper
  .str-chat__search-input--clear-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.str-chat__search
  .str-chat__search-bar
  .str-chat__search-input--wrapper
  .str-chat__search-input--clear-button:disabled {
  cursor: default;
}
.str-chat__search
  .str-chat__search-bar
  .str-chat__search-input--wrapper
  .str-chat__search-input--clear-button
  .str-chat__search-input--clear-button-icon {
  height: 20px;
  width: 20px;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.str-chat__search .str-chat__search-bar .str-chat__search-input--wrapper input {
  flex: 1 1;
  min-width: 0;
}
.str-chat__search .str-chat__search-results {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-header {
  width: 100%;
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-results-header
  button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-results-header
  .str-chat__search-results-header__filter-source-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2_5);
  width: 100%;
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-results-header
  .str-chat__search-results-header__filter-source-buttons
  .str-chat__search-results-header__filter-source-button {
  padding: 0.5rem 0.75rem;
  border-radius: var(--str-chat__border-radius-circle);
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-results-header
  .str-chat__search-results-header__filter-source-buttons
  .str-chat__search-results-header__filter-source-button--active {
  background-color: var(--str-chat__surface-color);
  color: var(--str-chat__text-color);
  font-weight: 500;
}
.str-chat__search .str-chat__search-results .str-chat__search-results-presearch,
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results-empty {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
}
.str-chat__search .str-chat__search-results .str-chat__search-source-results,
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results
  .str-chat__search-source-result-list {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results
  .str-chat__search-source-result-list
  .str-chat__infinite-scroll-paginator__content {
  display: flex;
  flex-direction: column;
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results
  .str-chat__search-source-result-list
  .str-chat__search-result {
  display: flex;
  align-items: center;
  width: 100%;
  column-gap: var(--str-chat__spacing-2);
  padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results
  .str-chat__search-source-result-list
  .str-chat__search-result
  .search__result-text,
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results
  .str-chat__search-source-result-list
  .str-chat__search-result
  .str-chat__search-result--display-name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
}
.str-chat__search
  .str-chat__search-results
  .str-chat__search-source-results
  .str-chat__search-source-result-list
  .str-chat__search-source-result-list__footer {
  height: 4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.str-chat__thread-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.str-chat__thread-container .str-chat__thread-header {
  display: flex;
  padding: var(--str-chat__spacing-2);
  column-gap: var(--str-chat__spacing-4);
  align-items: center;
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1 1;
  row-gap: var(--str-chat__spacing-1_5);
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details
  .str-chat__thread-header-channel-name,
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details
  .str-chat__thread-header-name,
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details
  .str-chat__thread-header-reply-count,
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details
  .str-chat__thread-header-subtitle,
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details
  .str-chat__thread-header-title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-details
  .str-chat__thread-header-subtitle {
  overflow-y: hidden;
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__close-thread-button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: calc(var(--str-chat__spacing-px) * 40);
  height: calc(var(--str-chat__spacing-px) * 40);
  cursor: pointer;
  line-height: calc(var(--str-chat__spacing-px) * 21);
  font-size: calc(var(--str-chat__spacing-px) * 21);
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__close-thread-button
  svg {
  height: calc(var(--str-chat__spacing-px) * 21);
  width: calc(var(--str-chat__spacing-px) * 21);
}
.str-chat__thread .str-chat__main-panel-inner {
  height: auto;
}
.str-chat__thread--virtualized .str-chat__main-panel-inner {
  height: 100%;
}
.str-chat__thread--virtualized
  .str-chat__main-panel-inner
  .str-chat__virtual-list-message-wrapper:first-of-type {
  padding-block-start: var(--str-chat__spacing-4);
}
.str-chat__parent-message-li,
.str-chat__tooltip {
  padding: var(--str-chat__spacing-2);
}
.str-chat__tooltip {
  overflow-y: hidden;
  display: flex;
  z-index: 1;
  max-width: calc(var(--str-chat__spacing-px) * 150);
  width: max-content;
}
.str-chat__typing-indicator-react-host {
  position: static !important;
}
.str-chat__virtual-list .str-chat__typing-indicator {
  position: static;
}
.str-chat__typing-indicator {
  padding: var(--str-chat__spacing-1_5);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--str-chat__spacing-1);
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
}
.str-chat__typing-indicator .str-chat__typing-indicator__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--str-chat__spacing-0_5);
}
.str-chat__typing-indicator
  .str-chat__typing-indicator__dots
  .str-chat__typing-indicator__dot {
  width: calc(var(--str-chat__spacing-px) * 4);
  height: calc(var(--str-chat__spacing-px) * 4);
}
.str-chat__thread-list-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.str-chat__unseen-threads-banner {
  font-size: 16px;
  font-weight: 400;
  margin: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.str-chat__unseen-threads-banner__button {
  --str-chat-icon-width: 16px;
  --str-chat-icon-heigh: 22px;
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.str-chat__thread-list .str-chat__thread-list-item {
  align-items: stretch;
  box-sizing: border-box;
  padding-block: 14px;
  padding-inline: 8px;
  gap: 6px;
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__channel {
  --str-chat-icon-height: 14px;
  --str-chat-icon-width: 14px;
  display: flex;
  gap: 5px;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__channel
  .str-chat__icon {
  margin-top: 2px;
  flex-shrink: 0;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__thread-status-symbol {
  font-size: 14px;
  line-height: 1;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__channel-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__parent-message {
  display: flex;
  gap: 3px;
  justify-content: space-between;
  align-items: center;
  height: 15px;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__parent-message-text {
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply {
  --str-chat__avatar-size: 49px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  width: 0;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply-created-by {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply-text-and-timestamp {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
  align-items: baseline;
  line-height: 16px;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply-timestamp {
  white-space: nowrap;
}
.str-chat__thread-list .str-chat__thread-list-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 14px;
  padding-inline: 8px;
}
.str-chat__thread-list-empty-placeholder {
  --str-chat-icon-height: 95px;
  --str-chat-icon-width: 95px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
}
.str-chat__chat-view {
  display: flex;
  width: 100%;
  height: 100%;
}
.str-chat__chat-view__selector {
  display: flex;
  flex-direction: column;
  padding-inline: 8px;
  padding-block: 16px;
  gap: 20px;
}
.str-chat__chat-view__selector-button {
  --str-chat-icon-height: 20px;
  --str-chat-icon-width: 20px;
  --str-chat-unread-count-badge-absolute-offset-vertical: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 10px;
  padding-block: 10px;
  border-radius: 8px;
  gap: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.str-chat__chat-view__channels,
.str-chat__chat-view__threads {
  display: flex;
  flex-grow: 1;
}
.str-chat {
  --str-chat-unread-count-badge-absolute-offset-vertical: 50%;
  --str-chat-unread-count-badge-absolute-offset-horizontal: 50%;
}
.str-chat__unread-count-badge-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.str-chat__unread-count-badge {
  font-size: 12px;
  min-width: 22px;
  min-height: 22px;
  line-height: 8px;
  font-weight: 700;
  padding: 7px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.str-chat__unread-count-badge--top-right {
  position: absolute;
  translate: var(--str-chat-unread-count-badge-absolute-offset-horizontal)
    calc(var(--str-chat-unread-count-badge-absolute-offset-vertical) * -1);
}
.str-chat__unread-count-badge--bottom-left {
  position: absolute;
  translate: calc(
      var(--str-chat-unread-count-badge-absolute-offset-horizontal) * -1
    )
    var(--str-chat-unread-count-badge-absolute-offset-vertical);
}
.str-chat__unread-count-badge--bottom-right {
  position: absolute;
  translate: var(--str-chat-unread-count-badge-absolute-offset-horizontal)
    var(--str-chat-unread-count-badge-absolute-offset-vertical);
}
.str-chat__unread-count-badge--top-left {
  position: absolute;
  translate: calc(
      var(--str-chat-unread-count-badge-absolute-offset-horizontal) * -1
    )
    calc(var(--str-chat-unread-count-badge-absolute-offset-vertical) * -1);
}
.str-chat__ai-state-indicator-container {
  padding: 0 8px;
}
.str-chat {
  --str-chat__blue950: #001333;
  --str-chat__blue900: #00163d;
  --str-chat__blue800: #002666;
  --str-chat__blue700: #003999;
  --str-chat__blue600: #004ccc;
  --str-chat__blue500: #005fff;
  --str-chat__blue400: #337eff;
  --str-chat__blue300: #669fff;
  --str-chat__blue200: #ccdfff;
  --str-chat__blue100: #e0f0ff;
  --str-chat__blue50: #ebf5ff;
  --str-chat__grey950: #080707;
  --str-chat__grey900: #17191c;
  --str-chat__grey800: #1c1e22;
  --str-chat__grey700: #272a30;
  --str-chat__grey600: #4c525c;
  --str-chat__grey500: #72767e;
  --str-chat__grey400: #b4b7bb;
  --str-chat__grey300: #dbdde1;
  --str-chat__grey200: #e9eaed;
  --str-chat__grey100: #f4f4f5;
  --str-chat__grey50: #fff;
  --str-chat__red900: #330003;
  --str-chat__red800: #660006;
  --str-chat__red700: #990008;
  --str-chat__red600: #cc000b;
  --str-chat__red500: #ff000e;
  --str-chat__red400: #ff3742;
  --str-chat__red300: #ff666e;
  --str-chat__red200: #ff999f;
  --str-chat__red100: #ffe5e7;
  --str-chat__green900: #062d16;
  --str-chat__green800: #0d592c;
  --str-chat__green700: #138643;
  --str-chat__green600: #19b359;
  --str-chat__green500: #20e070;
  --str-chat__green400: #4ce68c;
  --str-chat__green300: #79eca9;
  --str-chat__green200: #a6f2c6;
  --str-chat__green100: #e9f1ff;
  --str-chat__yellow900: #332500;
  --str-chat__yellow800: #664900;
  --str-chat__yellow700: #996e00;
  --str-chat__yellow600: #cc9200;
  --str-chat__yellow500: #ffb700;
  --str-chat__yellow400: #ffd466;
  --str-chat__yellow300: #ffe299;
  --str-chat__yellow200: #fff1cc;
  --str-chat__yellow100: #fff8e5;
  --str-chat__border-radius-xs: 8px;
  --str-chat__border-radius-sm: 14px;
  --str-chat__border-radius-md: 18px;
  --str-chat__border-radius-lg: 20px;
  --str-chat__border-radius-circle: 999px;
  --str-chat__font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  --str-chat__caption-text: 0.75rem/1.3 var(--str-chat__font-family);
  --str-chat__caption-medium-text: 500 0.75rem/1.3 var(--str-chat__font-family);
  --str-chat__caption-strong-text: 700 0.75rem/1.3 var(--str-chat__font-family);
  --str-chat__body-text: 0.875rem/1.2 var(--str-chat__font-family);
  --str-chat__body-medium-text: 500 0.875rem/1.2 var(--str-chat__font-family);
  --str-chat__body2-text: 0.9375rem/1.2 var(--str-chat__font-family);
  --str-chat__body2-medium-text: 500 0.9375rem/1.2 var(--str-chat__font-family);
  --str-chat__subtitle-text: 1rem/1.25 var(--str-chat__font-family);
  --str-chat__subtitle-medium-text: 500 1rem/1.25 var(--str-chat__font-family);
  --str-chat__subtitle2-text: 1.25rem/1.2 var(--str-chat__font-family);
  --str-chat__subtitle2-medium-text: 500 1.25rem/1.2
    var(--str-chat__font-family);
  --str-chat__headline-text: 1.5rem/1.2 var(--str-chat__font-family);
  --str-chat__headline2-text: 1.8rem/1.2 var(--str-chat__font-family);
}
.str-chat,
.str-chat__theme-light {
  --str-chat__primary-color: var(--str-chat__blue500);
  --str-chat__primary-overlay-color: #005fff99;
  --str-chat__primary-color-low-emphasis: var(--str-chat__blue300);
  --str-chat__active-primary-color: var(--str-chat__blue600);
  --str-chat__on-primary-color: var(--str-chat__grey50);
  --str-chat__background-color: var(--str-chat__grey50);
  --str-chat__secondary-background-color: var(--str-chat__grey50);
  --str-chat__primary-surface-color: var(--str-chat__blue100);
  --str-chat__primary-surface-color-low-emphasis: var(--str-chat__blue50);
  --str-chat__surface-color: var(--str-chat__grey300);
  --str-chat__secondary-surface-color: var(--str-chat__grey200);
  --str-chat__tertiary-surface-color: var(--str-chat__grey100);
  --str-chat__text-color: var(--str-chat__grey950);
  --str-chat__text-low-emphasis-color: var(--str-chat__grey500);
  --str-chat__disabled-color: var(--str-chat__grey400);
  --str-chat__on-disabled-color: var(--str-chat__grey50);
  --str-chat__danger-color: var(--str-chat__red400);
  --str-chat__message-highlight-color: var(--str-chat__yellow100);
  --str-chat__unread-badge-color: var(--str-chat__red400);
  --str-chat__on-unread-badge-color: var(--str-chat__grey50);
  --str-chat__overlay-color: #fcfcfce6;
  --str-chat__secondary-overlay-color: #0003;
  --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);
  --str-chat__opaque-surface-background-color: #000c;
  --str-chat__opaque-surface-text-color: var(--str-chat__grey50);
  --str-chat__box-shadow-color: #0000002e;
  --str-chat__info-color: var(--str-chat__green500);
}
.str-chat__theme-dark {
  --str-chat__primary-color: var(--str-chat__blue400);
  --str-chat__primary-overlay-color: #337eff99;
  --str-chat__primary-color-low-emphasis: var(--str-chat__blue700);
  --str-chat__active-primary-color: var(--str-chat__blue600);
  --str-chat__on-primary-color: var(--str-chat__grey50);
  --str-chat__background-color: var(--str-chat__grey950);
  --str-chat__secondary-background-color: var(--str-chat__grey900);
  --str-chat__primary-surface-color: var(--str-chat__blue900);
  --str-chat__primary-surface-color-low-emphasis: var(--str-chat__blue950);
  --str-chat__surface-color: var(--str-chat__grey700);
  --str-chat__secondary-surface-color: var(--str-chat__grey800);
  --str-chat__tertiary-surface-color: var(--str-chat__grey900);
  --str-chat__text-color: var(--str-chat__grey50);
  --str-chat__text-low-emphasis-color: var(--str-chat__grey500);
  --str-chat__disabled-color: var(--str-chat__grey600);
  --str-chat__on-disabled-color: var(--str-chat__grey50);
  --str-chat__danger-color: var(--str-chat__red600);
  --str-chat__message-highlight-color: var(--str-chat__yellow900);
  --str-chat__unread-badge-color: var(--str-chat__red400);
  --str-chat__on-unread-badge-color: var(--str-chat__grey50);
  --str-chat__overlay-color: #000000b3;
  --str-chat__secondary-overlay-color: #0006;
  --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);
  --str-chat__opaque-surface-background-color: #fafafad9;
  --str-chat__opaque-surface-text-color: var(--str-chat__grey900);
  --str-chat__box-shadow-color: #000c;
  --str-chat__info-color: var(--str-chat__green500);
}
.image-gallery-icon {
  color: #fff;
  transition: all 0.3s ease-out;
  appearance: none;
  background-color: #0000;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4;
  filter: drop-shadow(0 2px 2px rgb(25.5, 25.5, 25.5));
}
@media (hover: hover) and (pointer: fine) {
  .image-gallery-icon:hover {
    color: #337ab7;
  }
  .image-gallery-icon:hover .image-gallery-svg {
    transform: scale(1.1);
  }
}
.image-gallery-icon:focus {
  outline: 2px solid #337ab7;
}
.image-gallery-using-mouse .image-gallery-icon:focus {
  outline: none;
}
.image-gallery-fullscreen-button {
  bottom: 0;
  padding: 20px;
}
.image-gallery-fullscreen-button .image-gallery-svg {
  height: 28px;
  width: 28px;
}
@media (max-width: 768px) {
  .image-gallery-fullscreen-button {
    padding: 15px;
  }
  .image-gallery-fullscreen-button .image-gallery-svg {
    height: 24px;
    width: 24px;
  }
}
@media (max-width: 480px) {
  .image-gallery-fullscreen-button {
    padding: 10px;
  }
  .image-gallery-fullscreen-button .image-gallery-svg {
    height: 16px;
    width: 16px;
  }
}
.image-gallery-fullscreen-button {
  right: 0;
}
.image-gallery-left-nav,
.image-gallery-right-nav {
  padding: 50px 10px;
  top: 50%;
  transform: translateY(-50%);
}
.image-gallery-left-nav .image-gallery-svg,
.image-gallery-right-nav .image-gallery-svg {
  height: 120px;
  width: 60px;
}
@media (max-width: 768px) {
  .image-gallery-left-nav .image-gallery-svg,
  .image-gallery-right-nav .image-gallery-svg {
    height: 72px;
    width: 36px;
  }
}
@media (max-width: 480px) {
  .image-gallery-left-nav .image-gallery-svg,
  .image-gallery-right-nav .image-gallery-svg {
    height: 48px;
    width: 24px;
  }
}
.image-gallery-left-nav[disabled],
.image-gallery-right-nav[disabled] {
  cursor: disabled;
  opacity: 0.6;
  pointer-events: none;
}
.image-gallery-left-nav {
  left: 0;
}
.image-gallery-right-nav {
  right: 0;
}
.image-gallery {
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-gallery.fullscreen-modal {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.image-gallery.fullscreen-modal .image-gallery-content {
  top: 50%;
  transform: translateY(-50%);
}
.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0;
}
.image-gallery-content .image-gallery-slide {
  background-color: var(--str-chat__secondary-surface-color);
}
.image-gallery-content .image-gallery-slide .str-chat__base-image--load-failed {
  height: var(--str-chat__attachment-max-width);
  width: var(--str-chat__attachment-max-width);
  font-size: 0;
}
.image-gallery-content
  .image-gallery-slide
  .str-chat__message-attachment-file--item-download {
  position: absolute;
  left: 0.375rem;
  top: 0.375rem;
}
.image-gallery-content.fullscreen {
  background: #000;
}
.image-gallery-content.fullscreen .image-gallery-slide .image-gallery-image {
  max-width: 100%;
}
.image-gallery-content .image-gallery-slide .image-gallery-image {
  max-height: calc(100vh - 80px);
  max-width: unset;
  object-fit: contain;
}
.image-gallery-content.image-gallery-thumbnails-left
  .image-gallery-slide
  .image-gallery-image,
.image-gallery-content.image-gallery-thumbnails-right
  .image-gallery-slide
  .image-gallery-image,
.image-gallery-content.left .image-gallery-slide .image-gallery-image,
.image-gallery-content.right .image-gallery-slide .image-gallery-image {
  max-height: 100vh;
}
.image-gallery-slide-wrapper {
  position: relative;
}
.image-gallery-slide-wrapper.image-gallery-thumbnails-left,
.image-gallery-slide-wrapper.image-gallery-thumbnails-right,
.image-gallery-slide-wrapper.left,
.image-gallery-slide-wrapper.right {
  display: inline-block;
  width: calc(100% - 110px);
}
@media (max-width: 768px) {
  .image-gallery-slide-wrapper.image-gallery-thumbnails-left,
  .image-gallery-slide-wrapper.image-gallery-thumbnails-right,
  .image-gallery-slide-wrapper.left,
  .image-gallery-slide-wrapper.right {
    width: calc(100% - 87px);
  }
}
.image-gallery-slide-wrapper.image-gallery-rtl {
  direction: rtl;
}
.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-align: center;
}
.image-gallery-slide {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.image-gallery-slide.center,
.image-gallery-slide.image-gallery-center {
  position: relative;
}
.image-gallery-slide .image-gallery-image {
  width: 100%;
  object-fit: contain;
}
.image-gallery-index {
  background: #0006;
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
@media (max-width: 768px) {
  .image-gallery-index {
    font-size: 0.8em;
    padding: 5px 10px;
  }
}
.str-chat {
  --str-chat__cta-button-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__cta-button-color: var(--str-chat__on-primary-color);
  --str-chat__cta-button-background-color: var(--str-chat__primary-color);
  --str-chat__cta-button-border-block-start: none;
  --str-chat__cta-button-border-block-end: none;
  --str-chat__cta-button-border-inline-start: none;
  --str-chat__cta-button-border-inline-end: none;
  --str-chat__cta-button-box-shadow: none;
  --str-chat__cta-button-pressed-background-color: var(
    --str-chat__active-primary-color
  );
  --str-chat__cta-button-disabled-background-color: var(
    --str-chat__disabled-color
  );
  --str-chat__cta-button-disabled-color: var(--str-chat__on-disabled-color);
}
.str-chat__cta-button {
  background: var(--str-chat__cta-button-background-color);
  color: var(--str-chat__cta-button-color);
  box-shadow: var(--str-chat__cta-button-box-shadow);
  border-radius: var(--str-chat__cta-button-border-radius);
  border-block-start: var(--str-chat__cta-button-border-block-start);
  border-block-end: var(--str-chat__cta-button-border-block-end);
  border-inline-start: var(--str-chat__cta-button-border-inline-start);
  border-inline-end: var(--str-chat__cta-button-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__cta-button:active {
  background-color: var(--str-chat__cta-button-pressed-background-color);
}
.str-chat__cta-button:disabled {
  background-color: var(--str-chat__cta-button-disabled-background-color);
  color: var(--str-chat__cta-button-disabled-color);
}
.str-chat {
  --str-chat__circle-fab-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__circle-fab-color: var(--str-chat__primary-color);
  --str-chat__circle-fab-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__circle-fab-pressed-background-color: var(
    --str-chat__surface-color
  );
  --str-chat__circle-fab-box-shadow: 0 2px 4px #00000040;
  --str-chat__circle-fab-border-block-start: none;
  --str-chat__circle-fab-border-block-end: none;
  --str-chat__circle-fab-border-inline-start: none;
  --str-chat__circle-fab-border-inline-end: none;
}
.str-chat__circle-fab {
  background: var(--str-chat__circle-fab-background-color);
  color: var(--str-chat__circle-fab-color);
  box-shadow: var(--str-chat__circle-fab-box-shadow);
  border-radius: var(--str-chat__circle-fab-border-radius);
  border-block-start: var(--str-chat__circle-fab-border-block-start);
  border-block-end: var(--str-chat__circle-fab-border-block-end);
  border-inline-start: var(--str-chat__circle-fab-border-inline-start);
  border-inline-end: var(--str-chat__circle-fab-border-inline-end);
}
.str-chat__circle-fab svg path {
  fill: var(--str-chat__circle-fab-color);
}
.str-chat__circle-fab:active {
  background-color: var(--str-chat__circle-fab-pressed-background-color);
}
.str-chat {
  --str-chat__avatar-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__avatar-color: var(--str-chat__on-primary-color);
  --str-chat__avatar-background-color: var(--str-chat__primary-color);
  --str-chat__avatar-border-block-start: none;
  --str-chat__avatar-border-block-end: none;
  --str-chat__avatar-border-inline-start: none;
  --str-chat__avatar-border-inline-end: none;
  --str-chat__avatar-box-shadow: none;
  --str-chat__avatar-online-indicator-color: var(--str-chat__info-color);
  --str-chat__avatar-online-indicator-border-radius: var(
    --str-chat__border-radius-circle
  );
}
.str-chat__avatar .str-chat__avatar-image {
  display: block;
}
.str-chat__avatar .str-chat__avatar-image,
.str-chat__avatar.str-chat__avatar--no-letters {
  background: var(--str-chat__avatar-background-color);
  color: var(--str-chat__avatar-color);
  box-shadow: var(--str-chat__avatar-box-shadow);
  border-radius: var(--str-chat__avatar-border-radius);
  border-block-start: var(--str-chat__avatar-border-block-start);
  border-block-end: var(--str-chat__avatar-border-block-end);
  border-inline-start: var(--str-chat__avatar-border-inline-start);
  border-inline-end: var(--str-chat__avatar-border-inline-end);
}
.str-chat__avatar.str-chat__avatar--no-letters {
  --str-chat-icon-color: var(--str-chat__avatar-color);
}
.str-chat__avatar .str-chat__avatar-fallback {
  background: var(--str-chat__avatar-background-color);
  color: var(--str-chat__avatar-color);
  box-shadow: var(--str-chat__avatar-box-shadow);
  border-radius: var(--str-chat__avatar-border-radius);
  border-block-start: var(--str-chat__avatar-border-block-start);
  border-block-end: var(--str-chat__avatar-border-block-end);
  border-inline-start: var(--str-chat__avatar-border-inline-start);
  border-inline-end: var(--str-chat__avatar-border-inline-end);
  text-transform: uppercase;
}
.str-chat__avatar .str-chat__avatar--online-indicator {
  background-color: var(--str-chat__avatar-online-indicator-color);
  border-radius: var(--str-chat__avatar-online-indicator-border-radius);
}
.str-chat__avatar-group,
.str-chat__loading-channels-avatar {
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat {
  --str-chat__attachment-list-border-radius: 0;
  --str-chat__attachment-list-color: var(--str-chat__text-color);
  --str-chat__attachment-list-background-color: #0000;
  --str-chat__attachment-list-border-block-start: none;
  --str-chat__attachment-list-border-block-end: none;
  --str-chat__attachment-list-border-inline-start: none;
  --str-chat__attachment-list-border-inline-end: none;
  --str-chat__attachment-list-box-shadow: none;
  --str-chat__image-attachment-border-radius: calc(
    var(--str-chat__message-bubble-border-radius) -
      var(--str-chat__attachment-margin)
  );
  --str-chat__image-attachment-color: var(--str-chat__text-color);
  --str-chat__image-attachment-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__image-attachment-border-block-start: none;
  --str-chat__image-attachment-border-block-end: none;
  --str-chat__image-attachment-border-inline-start: none;
  --str-chat__image-attachment-border-inline-end: none;
  --str-chat__image-attachment-box-shadow: none;
  --str-chat__image-gallery-attachment-border-radius: calc(
    var(--str-chat__message-bubble-border-radius) -
      var(--str-chat__attachment-margin)
  );
  --str-chat__image-gallery-attachment-color: var(--str-chat__text-color);
  --str-chat__image-gallery-attachment-background-color: #0000;
  --str-chat__image-gallery-attachment-border-block-start: none;
  --str-chat__image-gallery-attachment-border-block-end: none;
  --str-chat__image-gallery-attachment-border-inline-start: none;
  --str-chat__image-gallery-attachment-border-inline-end: none;
  --str-chat__image-gallery-attachment-box-shadow: none;
  --str-chat__image-gallery-attachment-overlay: var(
    --str-chat__secondary-overlay-color
  );
  --str-chat__image-gallery-attachment-overlay-text-color: var(
    --str-chat__secondary-overlay-text-color
  );
  --str-chat__card-attachment-border-radius: 0;
  --str-chat__card-attachment-color: var(--str-chat__text-color);
  --str-chat__card-attachment-link-color: var(--str-chat__primary-color);
  --str-chat__card-attachment-background-color: #0000;
  --str-chat__card-attachment-border-block-start: none;
  --str-chat__card-attachment-border-block-end: none;
  --str-chat__card-attachment-border-inline-start: none;
  --str-chat__card-attachment-border-inline-end: none;
  --str-chat__card-attachment-box-shadow: none;
  --str-chat__file-attachment-border-radius: calc(
    var(--str-chat__message-bubble-border-radius) -
      var(--str-chat__attachment-margin)
  );
  --str-chat__file-attachment-color: var(--str-chat__text-color);
  --str-chat__file-attachment-secondary-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__file-attachment-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__file-attachment-border-block-start: none;
  --str-chat__file-attachment-border-block-end: none;
  --str-chat__file-attachment-border-inline-start: none;
  --str-chat__file-attachment-border-inline-end: none;
  --str-chat__file-attachment-box-shadow: none;
  --str-chat__audio-attachment-widget-border-radius: calc(
    var(--str-chat__message-bubble-border-radius) -
      var(--str-chat__attachment-margin)
  );
  --str-chat__audio-attachment-widget-color: var(--str-chat__text-color);
  --str-chat__audio-attachment-widget-secondary-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__audio-attachment-widget-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__audio-attachment-widget-border-block-start: none;
  --str-chat__audio-attachment-widget-border-block-end: none;
  --str-chat__audio-attachment-widget-border-inline-start: none;
  --str-chat__audio-attachment-widget-border-inline-end: none;
  --str-chat__audio-attachment-widget-box-shadow: none;
  --str-chat__voice-recording-attachment-widget-border-radius: calc(
    var(--str-chat__message-bubble-border-radius) -
      var(--str-chat__attachment-margin)
  );
  --str-chat__voice-recording-attachment-widget-color: var(
    --str-chat__text-color
  );
  --str-chat__voice-recording-attachment-widget-secondary-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__voice-recording-attachment-widget-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__voice-recording-attachment-widget-border-block-start: none;
  --str-chat__voice-recording-attachment-widget-border-block-end: none;
  --str-chat__voice-recording-attachment-widget-border-inline-start: none;
  --str-chat__voice-recording-attachment-widget-border-inline-end: none;
  --str-chat__voice-recording-attachment-widget-box-shadow: none;
  --str-chat__audio-attachment-controls-button-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__audio-attachment-controls-button-color: var(
    --str-chat__text-color
  );
  --str-chat__audio-attachment-controls-button-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__audio-attachment-controls-button-pressed-background-color: var(
    --str-chat__surface-color
  );
  --str-chat__audio-attachment-controls-button-border-block-start: none;
  --str-chat__audio-attachment-controls-button-border-block-end: none;
  --str-chat__audio-attachment-controls-button-border-inline-start: none;
  --str-chat__audio-attachment-controls-button-border-inline-end: none;
  --str-chat__audio-attachment-controls-button-box-shadow: var(
    --str-chat__circle-fab-box-shadow
  );
  --str-chat__attachment-actions-border-radius: 0;
  --str-chat__attachment-actions-color: var(--str-chat__text-color);
  --str-chat__attachment-actions-background-color: #0000;
  --str-chat__attachment-actions-border-block-start: none;
  --str-chat__attachment-actions-border-block-end: none;
  --str-chat__attachment-actions-border-inline-start: none;
  --str-chat__attachment-actions-border-inline-end: none;
  --str-chat__attachment-actions-box-shadow: none;
  --str-chat__attachment-action-border-radius: 0;
  --str-chat__attachment-action-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__attachment-action-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__attachment-action-border-block-start: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__attachment-action-border-block-end: var(--str-chat__surface-color)
    1px solid;
  --str-chat__attachment-action-border-inline-start: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__attachment-action-border-inline-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__attachment-action-box-shadow: none;
  --str-chat__attachment-action-active-color: var(--str-chat__primary-color);
}
.str-chat__attachment-list {
  background: var(--str-chat__attachment-list-background-color);
  color: var(--str-chat__attachment-list-color);
  box-shadow: var(--str-chat__attachment-list-box-shadow);
  border-radius: var(--str-chat__attachment-list-border-radius);
  border-block-start: var(--str-chat__attachment-list-border-block-start);
  border-block-end: var(--str-chat__attachment-list-border-block-end);
  border-inline-start: var(--str-chat__attachment-list-border-inline-start);
  border-inline-end: var(--str-chat__attachment-list-border-inline-end);
}
.str-chat__attachment-list .str-chat__message-attachment--image,
.str-chat__attachment-list .str-chat__message-attachment--video,
.str-chat__attachment-list .str-chat__message-attachment-card--header {
  background: var(--str-chat__image-attachment-background-color);
  color: var(--str-chat__image-attachment-color);
  box-shadow: var(--str-chat__image-attachment-box-shadow);
  border-radius: var(--str-chat__image-attachment-border-radius);
  border-block-start: var(--str-chat__image-attachment-border-block-start);
  border-block-end: var(--str-chat__image-attachment-border-block-end);
  border-inline-start: var(--str-chat__image-attachment-border-inline-start);
  border-inline-end: var(--str-chat__image-attachment-border-inline-end);
}
.str-chat__attachment-list .str-chat__gallery {
  background: var(--str-chat__image-gallery-attachment-background-color);
  color: var(--str-chat__image-gallery-attachment-color);
  box-shadow: var(--str-chat__image-gallery-attachment-box-shadow);
  border-radius: var(--str-chat__image-gallery-attachment-border-radius);
  border-block-start: var(
    --str-chat__image-gallery-attachment-border-block-start
  );
  border-block-end: var(--str-chat__image-gallery-attachment-border-block-end);
  border-inline-start: var(
    --str-chat__image-gallery-attachment-border-inline-start
  );
  border-inline-end: var(
    --str-chat__image-gallery-attachment-border-inline-end
  );
}
.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-image {
  background-color: var(--str-chat__image-attachment-background-color);
  border: 0;
}
.str-chat__attachment-list .str-chat__gallery .str-chat__gallery-placeholder {
  color: var(--str-chat__image-gallery-attachment-overlay-text-color);
  display: flex;
  border: none;
  font: var(--str-chat__headline2-text);
}
.str-chat__attachment-list
  .str-chat__gallery
  .str-chat__gallery-placeholder:after {
  background-color: var(--str-chat__image-gallery-attachment-overlay);
}
.str-chat__attachment-list .str-chat__message-attachment--svg-image {
  background-image: repeating-conic-gradient(#d4d5d7 0 25%, #f4f4f4 0 50%);
  background-size: 24px 24px;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item,
.str-chat__attachment-list .str-chat__message-attachment-unsupported {
  background: var(--str-chat__file-attachment-background-color);
  color: var(--str-chat__file-attachment-color);
  box-shadow: var(--str-chat__file-attachment-box-shadow);
  border-radius: var(--str-chat__file-attachment-border-radius);
  border-block-start: var(--str-chat__file-attachment-border-block-start);
  border-block-end: var(--str-chat__file-attachment-border-block-end);
  border-inline-start: var(--str-chat__file-attachment-border-inline-start);
  border-inline-end: var(--str-chat__file-attachment-border-inline-end);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-audio-widget--title,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list
  .str-chat__message-attachment-unsupported
  .str-chat__message-attachment-unsupported__title {
  font: var(--str-chat__subtitle-medium-text);
  word-break: keep-all;
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-file--item-size,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-file--item-size {
  color: var(--str-chat__file-attachment-secondary-color);
  font: var(--str-chat__body-text);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget
  .str-chat__message-attachment-download-icon
  svg
  path,
.str-chat__attachment-list
  .str-chat__message-attachment-file--item
  .str-chat__message-attachment-download-icon
  svg
  path {
  fill: var(--str-chat__file-attachment-color);
}
.str-chat__attachment-list .str-chat__message-attachment-audio-widget {
  background: var(--str-chat__audio-attachment-widget-background-color);
  color: var(--str-chat__audio-attachment-widget-color);
  box-shadow: var(--str-chat__audio-attachment-widget-box-shadow);
  border-radius: var(--str-chat__audio-attachment-widget-border-radius);
  border-block-start: var(
    --str-chat__audio-attachment-widget-border-block-start
  );
  border-block-end: var(--str-chat__audio-attachment-widget-border-block-end);
  border-inline-start: var(
    --str-chat__audio-attachment-widget-border-inline-start
  );
  border-inline-end: var(--str-chat__audio-attachment-widget-border-inline-end);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--progress-track {
  background: linear-gradient(
    to right,
    var(--str-chat__primary-color)
      var(--str-chat__message-attachment-audio-widget-progress),
    var(--str-chat__disabled-color)
      var(--str-chat__message-attachment-audio-widget-progress)
  );
  border-radius: calc(var(--str-chat__spacing-px) * 5);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--progress-track
  .str-chat__message-attachment-audio-widget--progress-indicator {
  background-color: var(--str-chat__primary-color);
  border-radius: inherit;
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--play-button {
  background: var(
    --str-chat__audio-attachment-controls-button-background-color
  );
  color: var(--str-chat__audio-attachment-controls-button-color);
  box-shadow: var(--str-chat__audio-attachment-controls-button-box-shadow);
  border-radius: var(
    --str-chat__audio-attachment-controls-button-border-radius
  );
  border-block-start: var(
    --str-chat__audio-attachment-controls-button-border-block-start
  );
  border-block-end: var(
    --str-chat__audio-attachment-controls-button-border-block-end
  );
  border-inline-start: var(
    --str-chat__audio-attachment-controls-button-border-inline-start
  );
  border-inline-end: var(
    --str-chat__audio-attachment-controls-button-border-inline-end
  );
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--play-button
  svg
  path {
  fill: var(--str-chat__audio-attachment-controls-button-color);
}
.str-chat__attachment-list
  .str-chat__message-attachment-audio-widget--play-button:active {
  background-color: var(
    --str-chat__audio-attachment-controls-button-pressed-background-color
  );
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget {
  background: var(
    --str-chat__voice-recording-attachment-widget-background-color
  );
  color: var(--str-chat__voice-recording-attachment-widget-color);
  box-shadow: var(--str-chat__voice-recording-attachment-widget-box-shadow);
  border-radius: var(
    --str-chat__voice-recording-attachment-widget-border-radius
  );
  border-block-start: var(
    --str-chat__voice-recording-attachment-widget-border-block-start
  );
  border-block-end: var(
    --str-chat__voice-recording-attachment-widget-border-block-end
  );
  border-inline-start: var(
    --str-chat__voice-recording-attachment-widget-border-inline-start
  );
  border-inline-end: var(
    --str-chat__voice-recording-attachment-widget-border-inline-end
  );
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  a {
  color: var(--str-chat__voice-recording-attachment-widget-color);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__timer {
  font: var(--str-chat__body-text);
  color: var(--str-chat__text-low-emphasis-color);
  white-space: nowrap;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__amplitude-bar {
  background: var(--str-chat__text-low-emphasis-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__amplitude-bar--active {
  background: var(--str-chat__primary-color);
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__wave-progress-bar__progress-indicator {
  background-color: #fff;
  border-radius: var(--str-chat__border-radius-circle);
  border: 1px solid var(--str-chat__secondary-overlay-color);
  cursor: grab;
}
.str-chat__attachment-list
  .str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__error-message {
  font: var(--str-chat__body-text);
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__attachment-list .str-chat__message_attachment__playback-rate-button {
  box-shadow: 0 2px 4px #00000040;
  border-radius: var(--str-chat__border-radius-circle);
  background-color: #fff;
  cursor: pointer;
}
.str-chat__attachment-list .str-chat__message-attachment--card {
  background: var(--str-chat__card-attachment-background-color);
  color: var(--str-chat__card-attachment-color);
  box-shadow: var(--str-chat__card-attachment-box-shadow);
  border-radius: var(--str-chat__card-attachment-border-radius);
  border-block-start: var(--str-chat__card-attachment-border-block-start);
  border-block-end: var(--str-chat__card-attachment-border-block-end);
  border-inline-start: var(--str-chat__card-attachment-border-inline-start);
  border-inline-end: var(--str-chat__card-attachment-border-inline-end);
  font: var(--str-chat__body-text);
}
.str-chat__attachment-list
  .str-chat__message-attachment--card
  .str-chat__message-attachment-card--source-link,
.str-chat__attachment-list
  .str-chat__message-attachment--card
  .str-chat__message-attachment-card--title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__attachment-list .str-chat__message-attachment-card--audio img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card--header
  .str-chat__message-attachment-card--source-link {
  background-color: var(--str-chat__audio-attachment-widget-background-color);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card-audio-widget {
  background-color: var(--str-chat__audio-attachment-widget-background-color);
  border-radius: 0 0 calc(var(--str-chat__spacing-px) * 14)
    calc(var(--str-chat__spacing-px) * 14);
}
.str-chat__attachment-list
  .str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card-audio-widget
  .str-chat__message-attachment-audio-widget--title {
  color: var(--str-chat__text-color);
  font: var(--str-chat__body-medium-text);
}
.str-chat__attachment-list .str-chat__message-attachment-actions {
  background: var(--str-chat__attachment-actions-background-color);
  color: var(--str-chat__attachment-actions-color);
  box-shadow: var(--str-chat__attachment-actions-box-shadow);
  border-radius: var(--str-chat__attachment-actions-border-radius);
  border-block-start: var(--str-chat__attachment-actions-border-block-start);
  border-block-end: var(--str-chat__attachment-actions-border-block-end);
  border-inline-start: var(--str-chat__attachment-actions-border-inline-start);
  border-inline-end: var(--str-chat__attachment-actions-border-inline-end);
}
.str-chat__attachment-list
  .str-chat__message-attachment-actions
  .str-chat__message-attachment-actions-button {
  background: var(--str-chat__attachment-action-background-color);
  color: var(--str-chat__attachment-action-color);
  box-shadow: var(--str-chat__attachment-action-box-shadow);
  border-radius: var(--str-chat__attachment-action-border-radius);
  border-block-start: var(--str-chat__attachment-action-border-block-start);
  border-block-end: var(--str-chat__attachment-action-border-block-end);
  border-inline-start: var(--str-chat__attachment-action-border-inline-start);
  border-inline-end: var(--str-chat__attachment-action-border-inline-end);
  font: var(--str-chat__subtitle-medium-text);
  border-collapse: collapse;
}
.str-chat__attachment-list
  .str-chat__message-attachment-actions
  .str-chat__message-attachment-actions-button:active {
  color: var(--str-chat__attachment-action-active-color);
}
.str-chat__attachment-list
  .str-chat__message-attachment-actions
  .str-chat__message-attachment-actions-button:not(:last-of-type) {
  border-inline-end: none;
}
.str-chat__attachment-list
  .str-chat__message-attachment-with-actions.str-chat__message-attachment--giphy
  .str-chat__message-attachment-card--header {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.str-chat__message-attachment-audio-widget--play-button {
  background: var(
    --str-chat__audio-attachment-controls-button-background-color
  );
  color: var(--str-chat__audio-attachment-controls-button-color);
  box-shadow: var(--str-chat__audio-attachment-controls-button-box-shadow);
  border-radius: var(
    --str-chat__audio-attachment-controls-button-border-radius
  );
  border-block-start: var(
    --str-chat__audio-attachment-controls-button-border-block-start
  );
  border-block-end: var(
    --str-chat__audio-attachment-controls-button-border-block-end
  );
  border-inline-start: var(
    --str-chat__audio-attachment-controls-button-border-inline-start
  );
  border-inline-end: var(
    --str-chat__audio-attachment-controls-button-border-inline-end
  );
}
.str-chat__message-attachment-audio-widget--play-button svg path {
  fill: var(--str-chat__audio-attachment-controls-button-color);
}
.str-chat__message-attachment-audio-widget--play-button:active {
  background-color: var(
    --str-chat__audio-attachment-controls-button-pressed-background-color
  );
}
.str-chat__message-attachment-card.str-chat__message-attachment-card--audio
  .str-chat__message-attachment-card--header {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.str-chat__message-attachment__voice-recording-widget {
  background: var(
    --str-chat__voice-recording-attachment-widget-background-color
  );
  color: var(--str-chat__voice-recording-attachment-widget-color);
  box-shadow: var(--str-chat__voice-recording-attachment-widget-box-shadow);
  border-radius: var(
    --str-chat__voice-recording-attachment-widget-border-radius
  );
  border-block-start: var(
    --str-chat__voice-recording-attachment-widget-border-block-start
  );
  border-block-end: var(
    --str-chat__voice-recording-attachment-widget-border-block-end
  );
  border-inline-start: var(
    --str-chat__voice-recording-attachment-widget-border-inline-start
  );
  border-inline-end: var(
    --str-chat__voice-recording-attachment-widget-border-inline-end
  );
}
.str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__title {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  word-break: keep-all;
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__message-attachment__voice-recording-widget
  .str-chat__message-attachment__voice-recording-widget__timer {
  font: var(--str-chat__body-text);
  color: var(--str-chat__text-low-emphasis-color);
  white-space: nowrap;
}
.str-chat__audio_recorder__waveform-box,
.str-chat__wave-progress-bar__track {
  cursor: pointer;
}
.str-chat__audio_recorder__waveform-box
  .str-chat__wave-progress-bar__amplitude-bar,
.str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__amplitude-bar {
  background: var(--str-chat__text-low-emphasis-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__audio_recorder__waveform-box
  .str-chat__wave-progress-bar__amplitude-bar--active,
.str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__amplitude-bar--active {
  background: var(--str-chat__primary-color);
}
.str-chat__audio_recorder__waveform-box
  .str-chat__wave-progress-bar__progress-indicator,
.str-chat__wave-progress-bar__track
  .str-chat__wave-progress-bar__progress-indicator {
  background-color: #fff;
  border-radius: var(--str-chat__border-radius-circle);
  border: 1px solid var(--str-chat__secondary-overlay-color);
  cursor: grab;
}
.str-chat-angular__message-attachment-file-single
  .str-chat__message-attachment-file--item-first-row {
  color: var(--str-chat__attachment-list-color);
}
.str-chat__attachment-list-angular-host
  .str-chat__message-attachment-card--video-play {
  --str-chat-icon-color: var(--str-chat__text-color);
  background-color: var(--str-chat__secondary-background-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat {
  --str-chat__attachment-preview-list-border-radius: var(
    --str-chat__border-radius-sm
  );
  --str-chat__attachment-preview-list-color: var(--str-chat__text-color);
  --str-chat__attachment-preview-list-background-color: #0000;
  --str-chat__attachment-preview-list-border-block-start: none;
  --str-chat__attachment-preview-list-border-block-end: none;
  --str-chat__attachment-preview-list-border-inline-start: none;
  --str-chat__attachment-preview-list-border-inline-end: none;
  --str-chat__attachment-preview-list-box-shadow: none;
  --str-chat__attachment-preview-close-icon-background: var(
    --str-chat__secondary-overlay-color
  );
  --str-chat__attachment-preview-close-icon-color: var(
    --str-chat__secondary-overlay-text-color
  );
  --str-chat__attachment-preview-retry-icon-color: var(
    --str-chat__primary-color
  );
  --str-chat__attachment-preview-download-icon-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__attachment-preview-overlay-color: var(--str-chat__overlay-color);
  --str-chat__attachment-preview-image-border-radius: var(
    --str-chat__border-radius-sm
  );
  --str-chat__attachment-preview-image-color: var(--str-chat__text-color);
  --str-chat__attachment-preview-image-background-color: #0000;
  --str-chat__attachment-preview-image-border-block-start: none;
  --str-chat__attachment-preview-image-border-block-end: none;
  --str-chat__attachment-preview-image-border-inline-start: none;
  --str-chat__attachment-preview-image-border-inline-end: none;
  --str-chat__attachment-preview-image-box-shadow: none;
  --str-chat__attachment-preview-file-border-radius: var(
    --str-chat__border-radius-md
  );
  --str-chat__attachment-preview-file-color: var(--str-chat__text-color);
  --str-chat__attachment-preview-file-background-color: #0000;
  --str-chat__attachment-preview-file-border-block-start: 1px solid
    var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-border-block-end: 1px solid
    var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-border-inline-start: 1px solid
    var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-border-inline-end: 1px solid
    var(--str-chat__surface-color);
  --str-chat__attachment-preview-file-box-shadow: none;
}
.str-chat__attachment-preview-list {
  background: var(--str-chat__attachment-preview-list-background-color);
  color: var(--str-chat__attachment-preview-list-color);
  box-shadow: var(--str-chat__attachment-preview-list-box-shadow);
  border-radius: var(--str-chat__attachment-preview-list-border-radius);
  border-block-start: var(
    --str-chat__attachment-preview-list-border-block-start
  );
  border-block-end: var(--str-chat__attachment-preview-list-border-block-end);
  border-inline-start: var(
    --str-chat__attachment-preview-list-border-inline-start
  );
  border-inline-end: var(--str-chat__attachment-preview-list-border-inline-end);
}
.str-chat__attachment-preview-list .str-chat__attachment-list-scroll-container {
  border-radius: inherit;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image {
  background: var(--str-chat__attachment-preview-image-background-color);
  color: var(--str-chat__attachment-preview-image-color);
  box-shadow: var(--str-chat__attachment-preview-image-box-shadow);
  border-radius: var(--str-chat__attachment-preview-image-border-radius);
  border-block-start: var(
    --str-chat__attachment-preview-image-border-block-start
  );
  border-block-end: var(--str-chat__attachment-preview-image-border-block-end);
  border-inline-start: var(
    --str-chat__attachment-preview-image-border-inline-start
  );
  border-inline-end: var(
    --str-chat__attachment-preview-image-border-inline-end
  );
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-image
  .str-chat__attachment-preview-image-loading,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-image
  .str-chat__attachment-preview-thumbnail {
  border-radius: var(--str-chat__attachment-preview-image-border-radius);
  background-color: var(--str-chat__attachment-preview-overlay-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-file,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording {
  background: var(--str-chat__attachment-preview-file-background-color);
  color: var(--str-chat__attachment-preview-file-color);
  box-shadow: var(--str-chat__attachment-preview-file-box-shadow);
  border-radius: var(--str-chat__attachment-preview-file-border-radius);
  border-block-start: var(
    --str-chat__attachment-preview-file-border-block-start
  );
  border-block-end: var(--str-chat__attachment-preview-file-border-block-end);
  border-inline-start: var(
    --str-chat__attachment-preview-file-border-inline-start
  );
  border-inline-end: var(--str-chat__attachment-preview-file-border-inline-end);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-download {
  --str-chat-icon-color: var(
    --str-chat__attachment-preview-download-icon-color
  );
  text-decoration: none;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-file
  .str-chat__attachment-preview-file-download
  svg
  path,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-unsupported
  .str-chat__attachment-preview-file-download
  svg
  path,
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__attachment-preview-file-download
  svg
  path {
  fill: var(--str-chat__attachment-preview-download-icon-color);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-voice-recording
  .str-chat__recording-timer {
  color: var(--str-chat__text-low-emphasis-color);
  font: var(--str-chat__caption-medium-text);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete {
  --str-chat-icon-color: var(--str-chat__attachment-preview-close-icon-color);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-delete
  .str-chat__icon,
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {
  background-color: var(--str-chat__attachment-preview-close-icon-background);
  border-radius: 999px;
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-delete
  svg
  path {
  fill: var(--str-chat__attachment-preview-close-icon-color);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error {
  --str-chat-icon-color: var(--str-chat__attachment-preview-retry-icon-color);
  background-color: var(--str-chat__attachment-preview-overlay-color);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-error
  svg
  path {
  fill: var(--str-chat__attachment-preview-retry-icon-color);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-error.str-chat__attachment-preview-error-image {
  border-radius: var(--str-chat__attachment-preview-image-border-radius);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-error.str-chat__attachment-preview-error-file {
  border-radius: var(--str-chat__attachment-preview-file-border-radius);
}
.str-chat__audio_recorder-container {
  background-color: var(--str-chat__background-color);
}
.str-chat__audio_recorder button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__audio_recorder button:disabled {
  cursor: default;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button,
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__audio_recorder
  .str-chat__message-attachment-audio-widget--play-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  box-shadow: none;
  border: none;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button,
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button {
  --str-chat-icon-color: var(--str-chat__danger-color);
  color: var(--str-chat__danger-color);
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button {
  border: 3px solid var(--str-chat__danger-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button,
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button {
  --str-chat-icon-color: var(--str-chat__on-primary-color);
  border-radius: var(--str-chat__border-radius-circle);
  color: var(--str-chat__on-primary-color);
  background-color: var(--str-chat__primary-color);
}
.str-chat__audio_recorder
  .str-chat__audio_recorder__complete-button
  .str-chat__loading-indicator
  svg
  linearGradient
  stop:last-child,
.str-chat__audio_recorder
  .str-chat__audio_recorder__stop-button
  .str-chat__loading-indicator
  svg
  linearGradient
  stop:last-child {
  stop-color: var(--str-chat__background-color);
}
.str-chat {
  --str-chat__autocomplete-menu-border-radius: var(
    --str-chat__border-radius-xs
  );
  --str-chat__autocomplete-menu-color: var(--str-chat__text-color);
  --str-chat__autocomplete-menu-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__autocomplete-menu-border-block-start: none;
  --str-chat__autocomplete-menu-border-block-end: none;
  --str-chat__autocomplete-menu-border-inline-start: none;
  --str-chat__autocomplete-menu-border-inline-end: none;
  --str-chat__autocomplete-menu-box-shadow: 0 0 8px #00000026;
  --str-chat__autocomplete-active-background-color: var(
    --str-chat__surface-color
  );
  --str-chat__suggestion-list-container-border-radius: var(
    --str-chat__border-radius-xs
  );
  --str-chat__suggestion-list-container-color: var(--str-chat__text-color);
  --str-chat__suggestion-list-container-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__suggestion-list-container-border-block-start: none;
  --str-chat__suggestion-list-container-border-block-end: none;
  --str-chat__suggestion-list-container-border-inline-start: none;
  --str-chat__suggestion-list-container-border-inline-end: none;
  --str-chat__suggestion-list-container-box-shadow: 0 0 8px #00000026;
  --str-chat__suggestion-list-item--selected-background-color: var(
    --str-chat__surface-color
  );
  --str-chat__slash-command-border-radius: 0;
  --str-chat__slash-command-color: var(--str-chat__text-color);
  --str-chat__slash-command-background-color: #0000;
  --str-chat__slash-command-border-block-start: none;
  --str-chat__slash-command-border-block-end: none;
  --str-chat__slash-command-border-inline-start: none;
  --str-chat__slash-command-border-inline-end: none;
  --str-chat__slash-command-box-shadow: none;
  --str-chat__slash-command-args-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__mention-list-user-item-border-radius: 0;
  --str-chat__mention-list-user-item-color: var(--str-chat__text-color);
  --str-chat__mention-list-user-item-background-color: #0000;
  --str-chat__mention-list-user-item-border-block-start: none;
  --str-chat__mention-list-user-item-border-block-end: none;
  --str-chat__mention-list-user-item-border-inline-start: none;
  --str-chat__mention-list-user-item-border-inline-end: none;
  --str-chat__mention-list-user-item-box-shadow: none;
  --str-chat__mention-list-user-item-at-sign-color: var(
    --str-chat__primary-color
  );
  --str-chat__mention-list-emoji-item-font-family: var(--str-chat__font-family);
  --str-chat__mention-list-emoji-item-border-radius: 0;
  --str-chat__mention-list-emoji-item-color: var(--str-chat__text-color);
  --str-chat__mention-list-emoji-item-background-color: #0000;
  --str-chat__mention-list-emoji-item-border-block-start: none;
  --str-chat__mention-list-emoji-item-border-block-end: none;
  --str-chat__mention-list-emoji-item-border-inline-start: none;
  --str-chat__mention-list-emoji-item-border-inline-end: none;
  --str-chat__mention-list-emoji-item-box-shadow: none;
}
.mention-menu {
  background: var(--str-chat__autocomplete-menu-background-color) !important;
  color: var(--str-chat__autocomplete-menu-color) !important;
  box-shadow: var(--str-chat__autocomplete-menu-box-shadow) !important;
  border-radius: var(--str-chat__autocomplete-menu-border-radius) !important;
  border-block-start: var(
    --str-chat__autocomplete-menu-border-block-start
  ) !important;
  border-block-end: var(
    --str-chat__autocomplete-menu-border-block-end
  ) !important;
  border-inline-start: var(
    --str-chat__autocomplete-menu-border-inline-start
  ) !important;
  border-inline-end: var(
    --str-chat__autocomplete-menu-border-inline-end
  ) !important;
}
.mention-menu .active.mention-active > a {
  background-color: var(
    --str-chat__autocomplete-active-background-color
  ) !important;
}
.mention-menu .mention-item {
  color: var(--str-chat__autocomplete-menu-color) !important;
  background-color: #0000 !important;
}
.str-chat__slash-command {
  background: var(--str-chat__slash-command-background-color);
  color: var(--str-chat__slash-command-color);
  box-shadow: var(--str-chat__slash-command-box-shadow);
  border-radius: var(--str-chat__slash-command-border-radius);
  border-block-start: var(--str-chat__slash-command-border-block-start);
  border-block-end: var(--str-chat__slash-command-border-block-end);
  border-inline-start: var(--str-chat__slash-command-border-inline-start);
  border-inline-end: var(--str-chat__slash-command-border-inline-end);
  text-align: left;
  font: var(--str-chat__subtitle-text);
}
.str-chat__slash-command
  .str-chat__slash-command-header
  .str-chat__slash-command-name {
  text-transform: capitalize;
  font: var(--str-chat__subtitle2-text);
}
.str-chat__slash-command
  .str-chat__slash-command-header
  .str-chat__slash-command-args {
  color: var(--str-chat__slash-command-args-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__user-item {
  background: var(--str-chat__mention-list-user-item-background-color);
  color: var(--str-chat__mention-list-user-item-color);
  box-shadow: var(--str-chat__mention-list-user-item-box-shadow);
  border-radius: var(--str-chat__mention-list-user-item-border-radius);
  border-block-start: var(
    --str-chat__mention-list-user-item-border-block-start
  );
  border-block-end: var(--str-chat__mention-list-user-item-border-block-end);
  border-inline-start: var(
    --str-chat__mention-list-user-item-border-inline-start
  );
  border-inline-end: var(--str-chat__mention-list-user-item-border-inline-end);
}
.str-chat__user-item .str-chat__user-item--name {
  font: var(--str-chat__subtitle-text);
}
.str-chat__user-item .str-chat__user-item-at {
  font: var(--str-chat__subtitle2-text);
  color: var(--str-chat__mention-list-user-item-at-sign-color);
}
.str-chat__emoji-item {
  background: var(--str-chat__mention-list-emoji-item-background-color);
  color: var(--str-chat__mention-list-emoji-item-color);
  box-shadow: var(--str-chat__mention-list-emoji-item-box-shadow);
  border-radius: var(--str-chat__mention-list-emoji-item-border-radius);
  border-block-start: var(
    --str-chat__mention-list-emoji-item-border-block-start
  );
  border-block-end: var(--str-chat__mention-list-emoji-item-border-block-end);
  border-inline-start: var(
    --str-chat__mention-list-emoji-item-border-inline-start
  );
  border-inline-end: var(--str-chat__mention-list-emoji-item-border-inline-end);
}
.str-chat__emoji-item .str-chat__emoji-item--name {
  font: var(--str-chat__subtitle-text);
}
.str-chat__suggestion-list-container {
  background: var(--str-chat__suggestion-list-container-background-color);
  color: var(--str-chat__suggestion-list-container-color);
  box-shadow: var(--str-chat__suggestion-list-container-box-shadow);
  border-radius: var(--str-chat__suggestion-list-container-border-radius);
  border-block-start: var(
    --str-chat__suggestion-list-container-border-block-start
  );
  border-block-end: var(--str-chat__suggestion-list-container-border-block-end);
  border-inline-start: var(
    --str-chat__suggestion-list-container-border-inline-start
  );
  border-inline-end: var(
    --str-chat__suggestion-list-container-border-inline-end
  );
}
.str-chat__suggestion-list-container
  .str-chat__suggestion-list
  .str-chat__suggestion-list-item
  > a {
  text-decoration: none;
}
.str-chat__suggestion-list-container
  .str-chat__suggestion-list
  .str-chat__suggestion-item--selected {
  background-color: var(
    --str-chat__suggestion-list-item--selected-background-color
  );
}
.str-chat__suggestion-list-container
  .str-chat__suggestion-list--react
  .str-chat__suggestion-list-item
  > button {
  background: none;
  border: none;
  text-decoration: none;
}
.str-chat__base-image {
  color: #0000;
}
.str-chat__base-image--load-failed {
  mask-image: var(--str-chat__image-fallback-icon);
  -webkit-mask-image: var(--str-chat__image-fallback-icon);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: 5rem 5rem;
  -webkit-mask-size: 5rem 5rem;
  background-color: var(--str-chat__disabled-color);
}
.str-chat__base-image--load-failed
  ~ .str-chat__message-attachment-file--item-download
  .str-chat__message-attachment-download-icon
  path {
  fill: var(--str-chat__text-color);
}
.str-chat__attachment-preview-image .str-chat__base-image--load-failed {
  mask-size: 1.5rem 1.5rem;
  -webkit-mask-size: 1.5rem 1.5rem;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-image--error {
  background-color: var(--str-chat__secondary-surface-color);
}
.str-chat__attachment-preview-list
  .str-chat__attachment-preview-image--error
  .str-chat__attachment-preview-thumbnail.str-chat__base-image--load-failed {
  background-color: var(--str-chat__disabled-color);
}
.str-chat {
  --str-chat__channel-border-radius: 0;
  --str-chat__channel-color: var(--str-chat__text-color);
  --str-chat__channel-background-color: var(--str-chat__background-color);
  --str-chat__channel-box-shadow: none;
  --str-chat__channel-border-block-start: none;
  --str-chat__channel-border-block-end: none;
  --str-chat__channel-border-inline-start: none;
  --str-chat__channel-border-inline-end: none;
  --str-chat__channel-empty-indicator-color: var(--str-chat__disabled-color);
  --str-chat__channel-empty-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__channel-loading-state-color: var(--str-chat__disabled-color);
}
.str-chat__channel,
.str-chat__empty-channel {
  background: var(--str-chat__channel-background-color);
  color: var(--str-chat__channel-color);
  box-shadow: var(--str-chat__channel-box-shadow);
  border-radius: var(--str-chat__channel-border-radius);
  border-block-start: var(--str-chat__channel-border-block-start);
  border-block-end: var(--str-chat__channel-border-block-end);
  border-inline-start: var(--str-chat__channel-border-inline-start);
  border-inline-end: var(--str-chat__channel-border-inline-end);
}
.str-chat__empty-channel {
  --str-chat-icon-color: var(--str-chat__channel-empty-color);
  font: var(--str-chat__headline-text);
  text-align: center;
}
.str-chat__empty-channel svg path {
  fill: var(--str-chat__channel-empty-indicator-color);
}
.str-chat__empty-channel .str-chat__empty-channel-text {
  color: var(--str-chat__channel-empty-color);
}
.str-chat__loading-channel {
  animation: pulsate 1s linear 0s infinite alternate;
}
.str-chat__loading-channel:nth-of-type(2) {
  animation: pulsate 1s linear 0.3334s infinite alternate;
}
.str-chat__loading-channel:last-of-type {
  animation: pulsate 1s linear 0.6667s infinite alternate;
}
.str-chat__loading-channel .str-chat__loading-channel-header {
  background-color: var(--str-chat__channel-header-background-color);
}
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-avatar {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__channel-loading-state-color) 0,
    var(--str-chat__channel-loading-state-color) 100%
  );
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-info,
.str-chat__loading-channel
  .str-chat__loading-channel-header
  .str-chat__loading-channel-header-name {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__channel-loading-state-color) 0,
    var(--str-chat__channel-loading-state-color) 100%
  );
  border-radius: var(--str-chat__border-radius-xs);
}
.str-chat__loading-channel .str-chat__loading-channel-message-list {
  background-color: var(--str-chat__message-list-background-color);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message-avatar {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__channel-loading-state-color) 0,
    var(--str-chat__channel-loading-state-color) 100%
  );
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message-date,
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message-sender,
.str-chat__loading-channel
  .str-chat__loading-channel-message-list
  .str-chat__loading-channel-message-text {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__channel-loading-state-color) 0,
    var(--str-chat__channel-loading-state-color) 100%
  );
  border-radius: var(--str-chat__message-bubble-border-radius);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-input-row
  .str-chat__loading-channel-message-input,
.str-chat__loading-channel
  .str-chat__loading-channel-message-input-row
  .str-chat__loading-channel-message-send {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__channel-loading-state-color) 0,
    var(--str-chat__channel-loading-state-color) 100%
  );
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-input-row
  .str-chat__loading-channel-message-input {
  border-radius: var(--str-chat__message-textarea-border-radius);
}
.str-chat__loading-channel
  .str-chat__loading-channel-message-input-row
  .str-chat__loading-channel-message-send {
  border-radius: var(--str-chat__message-send-border-radius);
}
.str-chat {
  --str-chat__channel-header-border-radius: 0;
  --str-chat__channel-header-color: 0;
  --str-chat__channel-header-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__channel-header-border-block-start: none;
  --str-chat__channel-header-border-block-end: none;
  --str-chat__channel-header-border-inline-start: none;
  --str-chat__channel-header-border-inline-end: none;
  --str-chat__channel-header-box-shadow: none;
  --str-chat__channel-header-info-color: var(
    --str-chat__text-low-emphasis-color
  );
}
.str-chat__channel-header {
  background: var(--str-chat__channel-header-background-color);
  color: var(--str-chat__channel-header-color);
  box-shadow: var(--str-chat__channel-header-box-shadow);
  border-radius: var(--str-chat__channel-header-border-radius);
  border-block-start: var(--str-chat__channel-header-border-block-start);
  border-block-end: var(--str-chat__channel-header-border-block-end);
  border-inline-start: var(--str-chat__channel-header-border-inline-start);
  border-inline-end: var(--str-chat__channel-header-border-inline-end);
}
.str-chat__channel-header .str-chat__channel-header-title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__channel-header .str-chat__channel-header-info {
  font: var(--str-chat__body-text);
  color: var(--str-chat__channel-header-info-color);
}
.str-chat {
  --str-chat__channel-list-border-radius: 0;
  --str-chat__channel-list-color: var(--str-chat__text-color);
  --str-chat__channel-list-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__channel-list-box-shadow: none;
  --str-chat__channel-list-border-block-start: none;
  --str-chat__channel-list-border-block-end: none;
  --str-chat__channel-list-border-inline-start: none;
  --str-chat__channel-list-border-inline-end: 1px solid
    var(--str-chat__surface-color);
  --str-chat__channel-list-load-more-border-radius: var(
    --str-chat__cta-button-border-radius
  );
  --str-chat__channel-list-load-more-color: var(--str-chat__cta-button-color);
  --str-chat__channel-list-load-more-background-color: var(
    --str-chat__cta-button-background-color
  );
  --str-chat__channel-list-load-more-box-shadow: var(
    --str-chat__cta-button-box-shadow
  );
  --str-chat__channel-list-load-more-border-block-start: var(
    --str-chat__cta-button-border-block-start
  );
  --str-chat__channel-list-load-more-border-block-end: var(
    --str-chat__cta-button-border-block-end
  );
  --str-chat__channel-list-load-more-border-inline-start: var(
    --str-chat__cta-button-border-inline-start
  );
  --str-chat__channel-list-load-more-border-inline-end: var(
    --str-chat__cta-button-border-inline-end
  );
  --str-chat__channel-list-load-more-pressed-background-color: var(
    --str-chat__cta-button-pressed-background-color
  );
  --str-chat__channel-list-load-more-disabled-background-color: var(
    --str-chat__cta-button-disabled-background-color
  );
  --str-chat__channel-list-load-more-disabled-color: var(
    --str-chat__cta-button-disabled-color
  );
  --str-chat__channel-list-empty-indicator-color: var(
    --str-chat__text-low-emphasis-color
  );
}
.str-chat__channel-list {
  background: var(--str-chat__channel-list-background-color);
  color: var(--str-chat__channel-list-color);
  box-shadow: var(--str-chat__channel-list-box-shadow);
  border-radius: var(--str-chat__channel-list-border-radius);
  border-block-start: var(--str-chat__channel-list-border-block-start);
  border-block-end: var(--str-chat__channel-list-border-block-end);
  border-inline-start: var(--str-chat__channel-list-border-inline-start);
  border-inline-end: var(--str-chat__channel-list-border-inline-end);
}
.str-chat__channel-list .str-chat__load-more-button__button {
  background: var(--str-chat__channel-list-load-more-background-color);
  color: var(--str-chat__channel-list-load-more-color);
  box-shadow: var(--str-chat__channel-list-load-more-box-shadow);
  border-radius: var(--str-chat__channel-list-load-more-border-radius);
  border-block-start: var(
    --str-chat__channel-list-load-more-border-block-start
  );
  border-block-end: var(--str-chat__channel-list-load-more-border-block-end);
  border-inline-start: var(
    --str-chat__channel-list-load-more-border-inline-start
  );
  border-inline-end: var(--str-chat__channel-list-load-more-border-inline-end);
  width: 80%;
}
.str-chat__channel-list .str-chat__load-more-button__button:active {
  background-color: var(
    --str-chat__channel-list-load-more-pressed-background-color
  );
}
.str-chat__channel-list .str-chat__load-more-button__button:disabled {
  background-color: var(
    --str-chat__channel-list-load-more-disabled-background-color
  );
  color: var(--str-chat__channel-list-load-more-disabled-color);
}
.str-chat__channel-list .str-chat__channel-list-empty {
  --str-chat-icon-color: var(--str-chat__channel-list-empty-indicator-color);
  font: var(--str-chat__headline-text);
  text-align: center;
  color: var(--str-chat__channel-list-empty-indicator-color);
}
.str-chat__channel-list .str-chat__channel-list-empty svg path {
  fill: var(--str-chat__channel-list-empty-indicator-color);
}
.str-chat {
  --str-chat__channel-preview-border-radius: 0;
  --str-chat__channel-preview-color: var(--str-chat__text-color);
  --str-chat__channel-preview-background-color: #0000;
  --str-chat__channel-preview-border-block-start: none;
  --str-chat__channel-preview-border-block-end: none;
  --str-chat__channel-preview-border-inline-start: none;
  --str-chat__channel-preview-border-inline-end: none;
  --str-chat__channel-preview-active-background-color: var(
    --str-chat__surface-color
  );
  --str-chat__channel-preview-hover-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__channel-preview-latest-message-secondary-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__channel-preview-loading-state-color: var(
    --str-chat__disabled-color
  );
  --str-chat__channel-preview-unread-badge-background-color: var(
    --str-chat__unread-badge-color
  );
  --str-chat__channel-preview-unread-badge-color: var(
    --str-chat__on-unread-badge-color
  );
  --str-chat__channel-preview-unread-badge-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__channel-preview-unread-badge-border-block-start: none;
  --str-chat__channel-preview-unread-badge-border-block-end: none;
  --str-chat__channel-preview-unread-badge-border-inline-start: none;
  --str-chat__channel-preview-unread-badge-border-inline-end: none;
  --str-chat__channel-preview-message-status-color: var(
    --str-chat__primary-color
  );
  --str-chat__channel-preview-message-time-color: var(
    --str-chat__message-secondary-color
  );
}
.str-chat__channel-preview-container
  .str-chat__channel-preview__action-buttons
  .str-chat__channel-preview__action-button {
  --str-chat-icon-color: var(--str-chat__text-low-emphasis-color);
  border: none;
  background-color: #0000;
}
.str-chat__channel-preview-container
  .str-chat__channel-preview__action-buttons
  .str-chat__channel-preview__action-button--pin.str-chat__channel-preview__action-button--active {
  --str-chat-icon-color: var(--str-chat__unread-badge-color);
}
.str-chat__channel-preview-container
  .str-chat__channel-preview__action-buttons
  .str-chat__channel-preview__action-button--archive.str-chat__channel-preview__action-button--active {
  --str-chat-icon-color: var(--str-chat__text-color);
}
.str-chat__channel-preview {
  background: var(--str-chat__channel-preview-background-color);
  color: var(--str-chat__channel-preview-color);
  box-shadow: var(--str-chat__channel-preview-box-shadow);
  border-radius: var(--str-chat__channel-preview-border-radius);
  border-block-start: var(--str-chat__channel-preview-border-block-start);
  border-block-end: var(--str-chat__channel-preview-border-block-end);
  border-inline-start: var(--str-chat__channel-preview-border-inline-start);
  border-inline-end: var(--str-chat__channel-preview-border-inline-end);
}
.str-chat__channel-preview--active,
.str-chat__channel-preview-messenger--active {
  background-color: var(--str-chat__channel-preview-active-background-color);
}
.str-chat__channel-preview:hover {
  background-color: var(--str-chat__channel-preview-hover-background-color);
}
.str-chat__channel-preview .str-chat__channel-preview-end-first-row {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__channel-preview
  .str-chat__channel-preview-end-first-row
  .str-chat__channel-preview-unread-badge {
  background: var(--str-chat__channel-preview-unread-badge-background-color);
  color: var(--str-chat__channel-preview-unread-badge-color);
  box-shadow: var(--str-chat__channel-preview-unread-badge-box-shadow);
  border-radius: var(--str-chat__channel-preview-unread-badge-border-radius);
  border-block-start: var(
    --str-chat__channel-preview-unread-badge-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-preview-unread-badge-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-preview-unread-badge-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-preview-unread-badge-border-inline-end
  );
  font-size: 80%;
}
.str-chat__channel-preview
  .str-chat__channel-preview-end-first-row
  .str-chat__channel-preview-messenger--last-message {
  font: var(--str-chat__body-text);
  color: var(--str-chat__channel-preview-latest-message-secondary-color);
}
.str-chat__channel-preview
  .str-chat__channel-preview-end-first-row--active
  .str-chat__channel-preview-messenger--last-message,
.str-chat__channel-preview
  .str-chat__channel-preview-end-first-row:hover
  .str-chat__channel-preview-messenger--last-message {
  color: var(--str-chat__channel-preview-color);
}
.str-chat__channel-preview .str-chat__channel-preview-messenger--status {
  --str-chat-icon-color: var(--str-chat__channel-preview-message-status-color);
  color: var(--str-chat__channel-preview-message-status-color);
}
.str-chat__channel-preview
  .str-chat__channel-preview-messenger--status
  svg
  path {
  fill: var(--str-chat__channel-preview-message-status-color);
}
.str-chat__channel-preview .str-chat__channel-preview-messenger--time {
  color: var(--str-chat__channel-preview-message-time-color);
  font: var(--str-chat__caption-text);
}
.str-chat__channel-preview-loading {
  animation: pulsate 1s linear 0s infinite alternate;
}
.str-chat__channel-preview-loading:nth-of-type(2) {
  animation: pulsate 1s linear 0.3334s infinite alternate;
}
.str-chat__channel-preview-loading:last-of-type {
  animation: pulsate 1s linear 0.6667s infinite alternate;
}
.str-chat__channel-preview-loading .str-chat__loading-channels-avatar,
.str-chat__channel-preview-loading .str-chat__loading-channels-status,
.str-chat__channel-preview-loading .str-chat__loading-channels-username {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__channel-preview-loading-state-color) 0,
    var(--str-chat__channel-preview-loading-state-color) 100%
  );
}
.str-chat__channel-preview-loading .str-chat__loading-channels-status,
.str-chat__channel-preview-loading .str-chat__loading-channels-username {
  border-radius: var(--str-chat__border-radius-xs);
}
.str-chat {
  --str-chat__channel-search-input-color: var(--str-chat__text-color);
  --str-chat__channel-search-input-placeholder-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__channel-search-input-icon-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__channel-search-input-border-block-start: none;
  --str-chat__channel-search-input-border-block-end: none;
  --str-chat__channel-search-input-border-inline-start: none;
  --str-chat__channel-search-input-border-inline-end: none;
  --str-chat__channel-search-input-wrapper-border-radius: var(
    --str-chat__border-radius-lg
  );
  --str-chat__channel-search-input-wrapper-background-color: #0000;
  --str-chat__channel-search-input-wrapper-border-block-start: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-border-block-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-border-inline-start: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-border-inline-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-active-border-radius: var(
    --str-chat__border-radius-lg
  );
  --str-chat__channel-search-input-wrapper-active-background-color: #0000;
  --str-chat__channel-search-input-wrapper-active-border-block-start: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-active-border-block-end: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-active-border-inline-start: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__channel-search-input-wrapper-active-border-inline-end: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__channel-search-result-background-color: #0000;
  --str-chat__channel-search-result-border-block-start: none;
  --str-chat__channel-search-result-border-block-end: none;
  --str-chat__channel-search-result-border-inline-start: none;
  --str-chat__channel-search-result-border-inline-end: none;
  --str-chat__channel-search-result-hover-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__channel-search-result-list-color: var(--str-chat__text-color);
  --str-chat__channel-search-result-list-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__channel-search-result-list-border-block-start: none;
  --str-chat__channel-search-result-list-border-block-end: none;
  --str-chat__channel-search-result-list-border-inline-start: none;
  --str-chat__channel-search-result-list-border-inline-end: none;
  --str-chat__channel-search-result-list-popup-box-shadow: 0 4px 4px
    var(--str-chat__box-shadow-color);
  --str-chat__channel-search-results-header-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__channel-search-results-header-background-color: var(
    --str-chat__background-color
  );
  --str-chat__channel-search-results-header-border-block-start: none;
  --str-chat__channel-search-results-header-border-block-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__channel-search-results-header-border-inline-start: none;
  --str-chat__channel-search-results-header-border-inline-end: none;
  --str-chat__channel-search-results-loading-indicator-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__channel-search-results-loading-indicator-background-color: var(
    --str-chat__background-color
  );
  --str-chat__channel-search-results-loading-indicator-border-block-start: none;
  --str-chat__channel-search-results-loading-indicator-border-block-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__channel-search-results-loading-indicator-border-inline-start: none;
  --str-chat__channel-search-results-loading-indicator-border-inline-end: none;
  --str-chat__channel-search-results-empty-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__channel-search-results-empty-icon-color: var(
    --str-chat__disabled-color
  );
  --str-chat__channel-search-results-empty-background-color: var(
    --str-chat__background-color
  );
  --str-chat__channel-search-results-empty-border-block-start: none;
  --str-chat__channel-search-results-empty-border-block-end: none;
  --str-chat__channel-search-results-empty-border-inline-start: none;
  --str-chat__channel-search-results-empty-border-inline-end: none;
}
.str-chat__channel-search-input--wrapper {
  background: var(--str-chat__channel-search-input-wrapper-background-color);
  color: var(--str-chat__channel-search-input-wrapper-color);
  box-shadow: var(--str-chat__channel-search-input-wrapper-box-shadow);
  border-radius: var(--str-chat__channel-search-input-wrapper-border-radius);
  border-block-start: var(
    --str-chat__channel-search-input-wrapper-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-search-input-wrapper-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-search-input-wrapper-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-search-input-wrapper-border-inline-end
  );
}
.str-chat__channel-search-input--wrapper input {
  background: var(--str-chat__channel-search-input-background-color);
  color: var(--str-chat__channel-search-input-color);
  box-shadow: var(--str-chat__channel-search-input-box-shadow);
  border-radius: var(--str-chat__channel-search-input-border-radius);
  border-block-start: var(--str-chat__channel-search-input-border-block-start);
  border-block-end: var(--str-chat__channel-search-input-border-block-end);
  border-inline-start: var(
    --str-chat__channel-search-input-border-inline-start
  );
  border-inline-end: var(--str-chat__channel-search-input-border-inline-end);
  outline: none;
  font: var(--str-chat__subtitle-text);
}
.str-chat__channel-search-input--wrapper
  .str-chat__channel-search-input--clear-button
  svg
  path {
  fill: #0000;
}
.str-chat__channel-search-input--wrapper-active {
  background: var(
    --str-chat__channel-search-input-wrapper-active-background-color
  );
  color: var(--str-chat__channel-search-input-wrapper-active-color);
  box-shadow: var(--str-chat__channel-search-input-wrapper-active-box-shadow);
  border-radius: var(
    --str-chat__channel-search-input-wrapper-active-border-radius
  );
  border-block-start: var(
    --str-chat__channel-search-input-wrapper-active-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-search-input-wrapper-active-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-search-input-wrapper-active-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-search-input-wrapper-active-border-inline-end
  );
}
.str-chat__channel-search-input--wrapper-active
  .str-chat__channel-search-input--icon
  svg
  path {
  fill: var(--str-chat__primary-color);
}
.str-chat__channel-search-input--wrapper-active
  .str-chat__channel-search-input--clear-button
  svg
  path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__channel-search-results-header {
  background: var(--str-chat__channel-search-results-header-background-color);
  color: var(--str-chat__channel-search-results-header-color);
  box-shadow: var(--str-chat__channel-search-results-header-box-shadow);
  border-radius: var(--str-chat__channel-search-results-header-border-radius);
  border-block-start: var(
    --str-chat__channel-search-results-header-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-search-results-header-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-search-results-header-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-search-results-header-border-inline-end
  );
  font: var(--str-chat__subtitle-text);
}
.str-chat__channel-search-result-list {
  background: var(--str-chat__channel-search-result-list-background-color);
  color: var(--str-chat__channel-search-result-list-color);
  box-shadow: var(--str-chat__channel-search-result-list-box-shadow);
  border-radius: var(--str-chat__channel-search-result-list-border-radius);
  border-block-start: var(
    --str-chat__channel-search-result-list-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-search-result-list-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-search-result-list-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-search-result-list-border-inline-end
  );
}
.str-chat__channel-search-result-list.popup {
  box-shadow: var(--str-chat__channel-search-result-list-popup-box-shadow);
}
.str-chat__channel-search-result-list
  .str-chat__channel-search-container-searching {
  background: var(
    --str-chat__channel-search-results-loading-indicator-background-color
  );
  color: var(--str-chat__channel-search-results-loading-indicator-color);
  box-shadow: var(
    --str-chat__channel-search-results-loading-indicator-box-shadow
  );
  border-radius: var(
    --str-chat__channel-search-results-loading-indicator-border-radius
  );
  border-block-start: var(
    --str-chat__channel-search-results-loading-indicator-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-search-results-loading-indicator-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-search-results-loading-indicator-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-search-results-loading-indicator-border-inline-end
  );
}
.str-chat__channel-search-result-list
  .str-chat__channel-search-container-empty {
  background: var(--str-chat__channel-search-results-empty-background-color);
  color: var(--str-chat__channel-search-results-empty-color);
  box-shadow: var(--str-chat__channel-search-results-empty-box-shadow);
  border-radius: var(--str-chat__channel-search-results-empty-border-radius);
  border-block-start: var(
    --str-chat__channel-search-results-empty-border-block-start
  );
  border-block-end: var(
    --str-chat__channel-search-results-empty-border-block-end
  );
  border-inline-start: var(
    --str-chat__channel-search-results-empty-border-inline-start
  );
  border-inline-end: var(
    --str-chat__channel-search-results-empty-border-inline-end
  );
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__channel-search-result-list
  .str-chat__channel-search-container-empty
  svg
  path {
  fill: var(--str-chat__channel-search-results-empty-icon-color);
}
.str-chat__channel-search-result-list .str-chat__channel-search-result {
  background: var(--str-chat__channel-search-result-background-color);
  color: var(--str-chat__channel-search-result-color);
  box-shadow: var(--str-chat__channel-search-result-box-shadow);
  border-radius: var(--str-chat__channel-search-result-border-radius);
  border-block-start: var(--str-chat__channel-search-result-border-block-start);
  border-block-end: var(--str-chat__channel-search-result-border-block-end);
  border-inline-start: var(
    --str-chat__channel-search-result-border-inline-start
  );
  border-inline-end: var(--str-chat__channel-search-result-border-inline-end);
}
.str-chat__channel-search-result-list
  .str-chat__channel-search-result
  .str-chat__channel-search-result--display-name {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__channel-search-result-list
  .str-chat__channel-preview-messenger--active {
  background-color: var(--str-chat__channel-preview-active-background-color);
}
.str-chat__channel-search-result-list .str-chat__channel-search-result--focused,
.str-chat__channel-search-result-list .str-chat__channel-search-result:hover {
  background-color: var(
    --str-chat__channel-search-result-hover-background-color
  );
}
.str-chat {
  --str-chat__dialog-menu-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__dialog-menu-color: var(--str-chat__text-color);
  --str-chat__dialog-menu-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__dialog-menu-border-block-start: none;
  --str-chat__dialog-menu-border-block-end: none;
  --str-chat__dialog-menu-border-inline-start: none;
  --str-chat__dialog-menu-border-inline-end: none;
  --str-chat__dialog-menu-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
  --str-chat__dialog-menu-button-border-radius: 0;
  --str-chat__dialog-menu-button-color: var(--str-chat__text-color);
  --str-chat__dialog-menu-button-background-color: #0000;
  --str-chat__dialog-menu-button-hover-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__dialog-menu-button-border-block-start: none;
  --str-chat__dialog-menu-button-border-block-end: none;
  --str-chat__dialog-menu-button-border-inline-start: none;
  --str-chat__dialog-menu-button-border-inline-end: none;
  --str-chat__dialog-menu-button-box-shadow: none;
}
.str-chat__dialog .str-chat__dialog__title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__dialog .str-chat__dialog__prompt {
  font: var(--str-chat__subtitle-text);
}
.str-chat__dialog
  .str-chat__dialog__controls
  .str-chat__dialog__controls-button {
  cursor: pointer;
  font: var(--str-chat__body-medium-text);
  color: var(--str-chat__primary-color);
}
.str-chat__dialog
  .str-chat__dialog__controls
  .str-chat__dialog__controls-button--submit {
  text-transform: uppercase;
}
.str-chat__dialog
  .str-chat__dialog__controls
  .str-chat__dialog__controls-button--submit:disabled {
  color: var(--str-chat__disabled-color);
}
.str-chat__prompt-dialog input[type="text"] {
  font: var(--str-chat__subtitle-text);
  border-radius: 20px;
  border: 1px solid var(--str-chat__primary-color);
}
.str-chat__dialog-menu {
  background: var(--str-chat__dialog-menu-background-color);
  color: var(--str-chat__dialog-menu-color);
  box-shadow: var(--str-chat__dialog-menu-box-shadow);
  border-radius: var(--str-chat__dialog-menu-border-radius);
  border-block-start: var(--str-chat__dialog-menu-border-block-start);
  border-block-end: var(--str-chat__dialog-menu-border-block-end);
  border-inline-start: var(--str-chat__dialog-menu-border-inline-start);
  border-inline-end: var(--str-chat__dialog-menu-border-inline-end);
}
.str-chat__dialog-menu .str-chat__dialog-menu__button {
  background: var(--str-chat__dialog-menu-button-background-color);
  color: var(--str-chat__dialog-menu-button-color);
  box-shadow: var(--str-chat__dialog-menu-button-box-shadow);
  border-radius: var(--str-chat__dialog-menu-button-border-radius);
  border-block-start: var(--str-chat__dialog-menu-button-border-block-start);
  border-block-end: var(--str-chat__dialog-menu-button-border-block-end);
  border-inline-start: var(--str-chat__dialog-menu-button-border-inline-start);
  border-inline-end: var(--str-chat__dialog-menu-button-border-inline-end);
  cursor: pointer;
  font: var(--str-chat__subtitle-text);
}
.str-chat__dialog-menu .str-chat__dialog-menu__button:focus,
.str-chat__dialog-menu .str-chat__dialog-menu__button:hover {
  background-color: var(--str-chat__dialog-menu-button-hover-background-color);
}
.str-chat {
  --str-chat__drag-and-drop-container-border-block-start: 2px solid #0000;
  --str-chat__drag-and-drop-container-border-block-end: 2px solid #0000;
  --str-chat__drag-and-drop-container-on-dragover-border-block-start: 2px solid
    var(--str-chat__primary-color);
  --str-chat__drag-and-drop-container-on-dragover-border-block-end: 2px solid
    var(--str-chat__primary-color);
  --str-chat__drag-and-drop-container-on-dragover-border-inline-start: none;
  --str-chat__drag-and-drop-container-on-dragover-border-inline-end: none;
}
.str-chat__drag-and-drop-container--dragging {
  cursor: grabbing;
}
.str-chat__drag-and-drop-container__item[draggable="true"] {
  cursor: grab;
}
.str-chat__drag-and-drop-container__item[draggable="true"]:active {
  background: #0000;
}
.str-chat__drag-and-drop-container__item {
  border-bottom: var(--str-chat__drag-and-drop-container-border-block-start);
  border-top: var(--str-chat__drag-and-drop-container-border-block-start);
}
.str-chat__drag-and-drop-container__item.str-chat__drag-and-drop-container__item--dragged-over-from-top {
  border-bottom: var(
    --str-chat__drag-and-drop-container-on-dragover-border-block-end
  );
}
.str-chat__drag-and-drop-container__item.str-chat__drag-and-drop-container__item--dragged-over-from-bottom {
  border-top: var(
    --str-chat__drag-and-drop-container-on-dragover-border-block-start
  );
}
.str-chat {
  --str-chat__dropzone-container-color: var(--str-chat__on-primary-color);
  --str-chat__dropzone-container-background-color: var(
    --str-chat__primary-overlay-color
  );
  --str-chat__dropzone-container-backdrop-filter: blur(3px);
}
.str-chat__dropzone-container {
  background-color: var(--str-chat__dropzone-container-background-color);
  color: var(--str-chat__dropzone-container-color);
  -webkit-backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);
  backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__edit-message-modal-button-border-radius: none;
  --str-chat__edit-message-modal-send-button-color: var(
    --str-chat__primary-color
  );
  --str-chat__edit-message-modal-cancel-button-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__edit-message-modal-button-background-color: #0000;
  --str-chat__edit-message-modal-button-border-block-start: none;
  --str-chat__edit-message-modal-button-border-block-end: none;
  --str-chat__edit-message-modal-button-border-inline-start: none;
  --str-chat__edit-message-modal-button-border-inline-end: none;
  --str-chat__edit-message-modal-button-box-shadow: none;
}
.str-chat__edit-message-form
  .str-chat__edit-message-form-options
  .str-chat__edit-message-cancel,
.str-chat__edit-message-form
  .str-chat__edit-message-form-options
  .str-chat__edit-message-send {
  background: var(--str-chat__edit-message-modal-button-background-color);
  color: var(--str-chat__edit-message-modal-button-color);
  box-shadow: var(--str-chat__edit-message-modal-button-box-shadow);
  border-radius: var(--str-chat__edit-message-modal-button-border-radius);
  border-block-start: var(
    --str-chat__edit-message-modal-button-border-block-start
  );
  border-block-end: var(--str-chat__edit-message-modal-button-border-block-end);
  border-inline-start: var(
    --str-chat__edit-message-modal-button-border-inline-start
  );
  border-inline-end: var(
    --str-chat__edit-message-modal-button-border-inline-end
  );
  font: var(--str-chat__body-medium-text);
}
.str-chat__edit-message-form
  .str-chat__edit-message-form-options
  .str-chat__edit-message-cancel {
  text-transform: capitalize;
  color: var(--str-chat__edit-message-modal-cancel-button-color);
}
.str-chat__edit-message-form
  .str-chat__edit-message-form-options
  .str-chat__edit-message-send {
  text-transform: uppercase;
  color: var(--str-chat__edit-message-modal-send-button-color);
}
.str-chat input::-webkit-inner-spin-button,
.str-chat input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.str-chat input[type="number"] {
  -moz-appearance: textfield;
}
.str-chat__form-field-error {
  font-size: 0.75rem;
  color: var(--str-chat__danger-color);
}
.str-chat {
  --str-chat-icon-color: var(--str-chat__text-color);
}
.str-chat__icon {
  color: var(--str-chat-icon-color);
}
.str-chat__icon--error {
  --str-chat-icon-color: var(--str-chat__danger-color);
}
.str-chat {
  --str-chat__image-carousel-stepper-color: var(--str-chat__text-color);
}
@media only screen and (max-device-width: 768px) {
  .str-chat__message
    .str-chat__attachment-list
    .str-chat__modal--open
    .str-chat__modal__inner {
    border-radius: 0;
  }
}
.str-chat__image-carousel .str-chat__image-carousel-stepper {
  --str-chat-icon-color: var(--str-chat__image-carousel-stepper-color);
  cursor: pointer;
}
.str-chat__image-carousel .str-chat__image-carousel-stepper svg path {
  fill: var(--str-chat__image-carousel-stepper-color);
}
.str-chat {
  --str-chat__link-preview-loading-state-color: var(--str-chat__disabled-color);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content {
  border-left: 2px solid var(--str-chat__primary-color);
}
.str-chat__link-preview-card
  .str-chat__link-preview-card__content
  .str-chat__link-preview-card__content-title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__link-preview-card
  .str-chat__link-preview-card__content
  .str-chat__link-preview-card__content-description {
  font: var(--str-chat__caption-text);
}
.str-chat__link-preview-card
  .str-chat__link-preview-card__dismiss-button
  svg
  path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content-description,
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content-title {
  background-image: linear-gradient(
    -90deg,
    var(--str-chat__link-preview-loading-state-color) 0,
    var(--str-chat__link-preview-loading-state-color) 100%
  );
  animation: pulsate 1s linear 0s infinite alternate;
  border-radius: calc(var(--str-chat__spacing-px) * 3);
}
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content-description:nth-of-type(2),
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content-title:nth-of-type(2) {
  animation: pulsate 1s linear 0.3334s infinite alternate;
}
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content-description:last-of-type,
.str-chat__link-preview-card--loading
  .str-chat__link-preview-card__content-title:last-of-type {
  animation: pulsate 1s linear 0.6667s infinite alternate;
}
@keyframes pulsate {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.str-chat {
  --str-chat__loading-indicator-color: var(--str-chat__primary-color);
}
.str-chat__loading-indicator svg linearGradient stop:last-child {
  stop-color: var(--str-chat__loading-indicator-color);
}
.str-chat {
  --str-chat__message-border-radius: none;
  --str-chat__message-color: var(--str-chat__text-color);
  --str-chat__message-error-message-color: var(--str-chat__danger-color);
  --str-chat__message-secondary-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__message-link-color: var(--str-chat__primary-color);
  --str-chat__message-mention-color: var(--str-chat__primary-color);
  --str-chat__message-status-color: var(--str-chat__primary-color);
  --str-chat__message-replies-count-color: var(--str-chat__primary-color);
  --str-chat__message-background-color: #0000;
  --str-chat__message-highlighted-background-color: var(
    --str-chat__message-highlight-color
  );
  --str-chat__message-border-block-start: none;
  --str-chat__message-border-block-end: none;
  --str-chat__message-border-inline-start: none;
  --str-chat__message-border-inline-end: none;
  --str-chat__message-box-shadow: none;
  --str-chat__message-active-bacground-color: #0000;
  --str-chat__message-options-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__message-options-hover-background-color: var(
    --str-chat__tertiary-surface-color
  );
  --str-chat__message-options-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__message-options-active-color: var(--str-chat__primary-color);
  --str-chat__message-bubble-border-radius: var(--str-chat__border-radius-md);
  --str-chat__message-bubble-color: var(--str-chat__text-color);
  --str-chat__message-bubble-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__own-message-bubble-color: var(--str-chat__message-bubble-color);
  --str-chat__own-message-bubble-background-color: var(
    --str-chat__primary-surface-color
  );
  --str-chat__quoted-message-bubble-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__message-bubble-border-block-start: none;
  --str-chat__message-bubble-border-block-end: none;
  --str-chat__message-bubble-border-inline-start: none;
  --str-chat__message-bubble-border-inline-end: none;
  --str-chat__message-bubble-box-shadow: none;
  --str-chat__deleted-message-border-radius: var(--str-chat__border-radius-md);
  --str-chat__deleted-message-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__deleted-message-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__deleted-message-border-block-start: none;
  --str-chat__deleted-message-border-block-end: none;
  --str-chat__deleted-message-border-inline-start: none;
  --str-chat__deleted-message-border-inline-end: none;
  --str-chat__deleted-message-box-shadow: none;
  --str-chat__blocked-message-border-radius: var(--str-chat__border-radius-md);
  --str-chat__blocked-message-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__blocked-message-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__blocked-message-border-block-start: none;
  --str-chat__blocked-message-border-block-end: none;
  --str-chat__blocked-message-border-inline-start: none;
  --str-chat__blocked-message-border-inline-end: none;
  --str-chat__blocked-message-box-shadow: none;
  --str-chat__system-message-border-radius: 0;
  --str-chat__system-message-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__system-message-background-color: #0000;
  --str-chat__system-message-border-block-start: none;
  --str-chat__system-message-border-block-end: none;
  --str-chat__system-message-border-inline-start: none;
  --str-chat__system-message-border-inline-end: none;
  --str-chat__system-message-box-shadow: none;
  --str-chat__date-separator-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__date-separator-line-color: var(--str-chat__disabled-color);
  --str-chat__date-separator-border-radius: 0;
  --str-chat__date-separator-background-color: #0000;
  --str-chat__date-separator-border-block-start: none;
  --str-chat__date-separator-border-block-end: none;
  --str-chat__date-separator-border-inline-start: none;
  --str-chat__date-separator-border-inline-end: none;
  --str-chat__date-separator-box-shadow: none;
  --str-chat__translation-notice-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__translation-notice-active-background-color: var(
    --str-chat__tertiary-surface-color
  );
  --str-chat__message-reminder-color: var(--str-chat__primary-color);
  --str-chat__message-reminder-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__message-reminder-border-block-start: none;
  --str-chat__message-reminder-border-block-end: none;
  --str-chat__message-reminder-border-inline-start: none;
  --str-chat__message-reminder-border-inline-end: none;
  --str-chat__message-reminder-box-shadow: none;
  --str-chat__message-reminder-border-radius: 0;
}
.str-chat__message--system {
  background: var(--str-chat__system-message-background-color);
  color: var(--str-chat__system-message-color);
  box-shadow: var(--str-chat__system-message-box-shadow);
  border-radius: var(--str-chat__system-message-border-radius);
  border-block-start: var(--str-chat__system-message-border-block-start);
  border-block-end: var(--str-chat__system-message-border-block-end);
  border-inline-start: var(--str-chat__system-message-border-inline-start);
  border-inline-end: var(--str-chat__system-message-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__date-separator {
  background: var(--str-chat__date-separator-background-color);
  color: var(--str-chat__date-separator-color);
  box-shadow: var(--str-chat__date-separator-box-shadow);
  border-radius: var(--str-chat__date-separator-border-radius);
  border-block-start: var(--str-chat__date-separator-border-block-start);
  border-block-end: var(--str-chat__date-separator-border-block-end);
  border-inline-start: var(--str-chat__date-separator-border-inline-start);
  border-inline-end: var(--str-chat__date-separator-border-inline-end);
  font: var(--str-chat__body-text);
}
.str-chat__date-separator-line {
  background-color: var(--str-chat__date-separator-line-color);
  border: none;
}
.str-chat__message-mention {
  color: var(--str-chat__message-mention-color);
  font: var(--str-chat__body2-medium-text);
}
.str-chat__message {
  background: var(--str-chat__message-background-color);
  color: var(--str-chat__message-color);
  box-shadow: var(--str-chat__message-box-shadow);
  border-radius: var(--str-chat__message-border-radius);
  border-block-start: var(--str-chat__message-border-block-start);
  border-block-end: var(--str-chat__message-border-block-end);
  border-inline-start: var(--str-chat__message-border-inline-start);
  border-inline-end: var(--str-chat__message-border-inline-end);
}
.str-chat__message a {
  text-decoration: none;
  color: var(--str-chat__message-link-color);
}
.str-chat__message .str-chat__message-reminder {
  background: var(--str-chat__message-reminder-background-color);
  color: var(--str-chat__message-reminder-color);
  box-shadow: var(--str-chat__message-reminder-box-shadow);
  border-radius: var(--str-chat__message-reminder-border-radius);
  border-block-start: var(--str-chat__message-reminder-border-block-start);
  border-block-end: var(--str-chat__message-reminder-border-block-end);
  border-inline-start: var(--str-chat__message-reminder-border-inline-start);
  border-inline-end: var(--str-chat__message-reminder-border-inline-end);
  font: var(--str-chat__caption-medium-text);
}
.str-chat__message .str-chat__message-bubble {
  background: var(--str-chat__message-bubble-background-color);
  color: var(--str-chat__message-bubble-color);
  box-shadow: var(--str-chat__message-bubble-box-shadow);
  border-radius: var(--str-chat__message-bubble-border-radius);
  border-block-start: var(--str-chat__message-bubble-border-block-start);
  border-block-end: var(--str-chat__message-bubble-border-block-end);
  border-inline-start: var(--str-chat__message-bubble-border-inline-start);
  border-inline-end: var(--str-chat__message-bubble-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message .str-chat__message--deleted-inner {
  background: var(--str-chat__deleted-message-background-color);
  color: var(--str-chat__deleted-message-color);
  box-shadow: var(--str-chat__deleted-message-box-shadow);
  border-radius: var(--str-chat__deleted-message-border-radius);
  border-block-start: var(--str-chat__deleted-message-border-block-start);
  border-block-end: var(--str-chat__deleted-message-border-block-end);
  border-inline-start: var(--str-chat__deleted-message-border-inline-start);
  border-inline-end: var(--str-chat__deleted-message-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message .str-chat__message--blocked-inner {
  background: var(--str-chat__blocked-message-background-color);
  color: var(--str-chat__blocked-message-color);
  box-shadow: var(--str-chat__blocked-message-box-shadow);
  border-radius: var(--str-chat__blocked-message-border-radius);
  border-block-start: var(--str-chat__blocked-message-border-block-start);
  border-block-end: var(--str-chat__blocked-message-border-block-end);
  border-inline-start: var(--str-chat__blocked-message-border-inline-start);
  border-inline-end: var(--str-chat__blocked-message-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message.str-chat__message--me .str-chat__message-bubble {
  color: var(--str-chat__own-message-bubble-color);
  background-color: var(--str-chat__own-message-bubble-background-color);
}
.str-chat__message .str-chat__message-options {
  --str-chat-icon-color: var(--str-chat__message-options-color);
}
.str-chat__message
  .str-chat__message-options
  .str-chat__message-actions-box-button,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reactions-button,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reply-in-thread-button {
  background: none;
  border: none;
  border-radius: var(--str-chat__message-options-border-radius);
  color: var(--str-chat__message-options-color);
}
.str-chat__message
  .str-chat__message-options
  .str-chat__message-actions-box-button
  .str-chat__message-action-icon
  path,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reactions-button
  .str-chat__message-action-icon
  path,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reply-in-thread-button
  .str-chat__message-action-icon
  path {
  fill: var(--str-chat__message-options-color);
}
.str-chat__message
  .str-chat__message-options
  .str-chat__message-actions-box-button:hover,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reactions-button:hover,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reply-in-thread-button:hover {
  background-color: var(--str-chat__message-options-hover-background-color);
}
.str-chat__message
  .str-chat__message-options
  .str-chat__message-actions-box-button:active
  .str-chat__message-action-icon
  path,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reactions-button:active
  .str-chat__message-action-icon
  path,
.str-chat__message
  .str-chat__message-options
  .str-chat__message-reply-in-thread-button:active
  .str-chat__message-action-icon
  path {
  fill: var(--str-chat__message-options-active-color);
}
.str-chat__message .str-chat__translation-notice button {
  font: var(--str-chat__body2-text);
  color: var(--str-chat__translation-notice-color);
  border: none;
  background: none;
}
.str-chat__message .str-chat__translation-notice button:active,
.str-chat__message .str-chat__translation-notice button:hover {
  background: var(--str-chat__translation-notice-active-background-color);
}
.str-chat__message .str-chat__custom-message-metadata,
.str-chat__message .str-chat__message-metadata {
  color: var(--str-chat__message-secondary-color);
  font: var(--str-chat__caption-text);
}
.str-chat__message
  .str-chat__custom-message-metadata
  .str-chat__message-sender-name,
.str-chat__message .str-chat__message-metadata .str-chat__message-sender-name {
  font: var(--str-chat__caption-medium-text);
}
.str-chat__message .str-chat__message-status {
  --str-chat-icon-color: var(--str-chat__message-status-color);
  color: var(--str-chat__message-status-color);
  font: var(--str-chat__body-text);
}
.str-chat__message .str-chat__message-status svg path {
  fill: var(--str-chat__message-status-color);
}
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper button,
.str-chat__message .str-chat__message-replies-count-button-wrapper button {
  border: none;
  background-color: #0000;
  font: var(--str-chat__body-medium-text);
  color: var(--str-chat__message-replies-count-color);
}
.str-chat__message .str-chat__message--error-message {
  color: var(--str-chat__message-error-message-color);
  font: var(--str-chat__caption-text);
}
.str-chat__message .str-chat__message-error-icon {
  --str-chat-icon-color: var(--str-chat__message-error-message-color);
}
.str-chat__message .str-chat__message-error-icon svg #background {
  fill: var(--str-chat__message-error-message-color);
}
.str-chat__message--highlighted {
  transition: background-color 0.1s ease-out;
  background-color: var(--str-chat__message-highlighted-background-color);
}
.str-chat__li:hover:not(
    :has(.str-chat__reaction-list:hover, .str-chat__modal--open)
  ) {
  background-color: var(--str-chat__message-active-bacground-color);
}
@supports not selector(:has(a, b)) {
  .str-chat__li:hover {
    background-color: var(--str-chat__message-active-bacground-color);
  }
}
.str-chat__li--single .str-chat__message--other .str-chat__message-bubble,
.str-chat__li--top .str-chat__message--other .str-chat__message-bubble {
  border-end-start-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__li--single .str-chat__message--me .str-chat__message-bubble,
.str-chat__li--top .str-chat__message--me .str-chat__message-bubble {
  border-end-end-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__li--bottom .str-chat__message--other .str-chat__message-bubble,
.str-chat__li--middle .str-chat__message--other .str-chat__message-bubble {
  border-start-start-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
  border-end-start-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__li--bottom .str-chat__message--me .str-chat__message-bubble,
.str-chat__li--middle .str-chat__message--me .str-chat__message-bubble {
  border-start-end-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
  border-end-end-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__message-with-thread-link.str-chat__message--other
  .str-chat__message-bubble {
  border-end-start-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__message-with-thread-link.str-chat__message--me
  .str-chat__message-bubble {
  border-end-end-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__quoted-message-preview {
  background: var(--str-chat__message-background-color);
  color: var(--str-chat__message-color);
  box-shadow: var(--str-chat__message-box-shadow);
  border-radius: var(--str-chat__message-border-radius);
  border-block-start: var(--str-chat__message-border-block-start);
  border-block-end: var(--str-chat__message-border-block-end);
  border-inline-start: var(--str-chat__message-border-inline-start);
  border-inline-end: var(--str-chat__message-border-inline-end);
}
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  background: var(--str-chat__message-bubble-background-color);
  color: var(--str-chat__message-bubble-color);
  box-shadow: var(--str-chat__message-bubble-box-shadow);
  border-radius: var(--str-chat__message-bubble-border-radius);
  border-block-start: var(--str-chat__message-bubble-border-block-start);
  border-block-end: var(--str-chat__message-bubble-border-block-end);
  border-inline-start: var(--str-chat__message-bubble-border-inline-start);
  border-inline-end: var(--str-chat__message-bubble-border-inline-end);
  background-color: var(--str-chat__quoted-message-bubble-background-color);
  border-end-start-radius: calc(
    var(--str-chat__message-bubble-border-radius) / 6
  );
}
.str-chat__message-input
  .str-chat__quoted-message-preview
  .str-chat__quoted-message-bubble {
  background-color: var(--str-chat__message-bubble-background-color);
}
.str-chat__unread-messages-separator {
  background-color: var(--str-chat__secondary-surface-color);
  color: var(--str-chat__text-low-emphasis-color);
  text-transform: uppercase;
  font: var(--str-chat__caption-strong-text);
}
.str-chat__unread-messages-notification {
  --str-chat-icon-color: var(--str-chat__on-primary-color);
  background-color: var(--str-chat__text-low-emphasis-color);
  border-radius: 1.125rem;
}
.str-chat__unread-messages-notification button {
  cursor: pointer;
  color: var(--str-chat__on-primary-color);
  border: none;
  background-color: #0000;
}
.str-chat__unread-messages-notification button:first-of-type {
  font: var(--str-chat__caption-text);
}
.str-chat {
  --str-chat__message-actions-box-border-radius: var(
    --str-chat__border-radius-sm
  );
  --str-chat__message-actions-box-color: var(--str-chat__text-color);
  --str-chat__message-actions-box-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__message-actions-box-border-block-start: none;
  --str-chat__message-actions-box-border-block-end: none;
  --str-chat__message-actions-box-border-inline-start: none;
  --str-chat__message-actions-box-border-inline-end: none;
  --str-chat__message-actions-box-box-shadow: 0 0 8px
    var(--str-chat__box-shadow-color);
  --str-chat__message-actions-box-item-border-radius: 0;
  --str-chat__message-actions-box-item-color: var(--str-chat__text-color);
  --str-chat__message-actions-box-item-background-color: #0000;
  --str-chat__message-actions-box-item-hover-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__message-actions-box-item-border-block-start: none;
  --str-chat__message-actions-box-item-border-block-end: none;
  --str-chat__message-actions-box-item-border-inline-start: none;
  --str-chat__message-actions-box-item-border-inline-end: none;
  --str-chat__message-actions-box-item-box-shadow: none;
}
.str-chat__message-actions-box {
  background: var(--str-chat__message-actions-box-background-color);
  color: var(--str-chat__message-actions-box-color);
  box-shadow: var(--str-chat__message-actions-box-box-shadow);
  border-radius: var(--str-chat__message-actions-box-border-radius);
  border-block-start: var(--str-chat__message-actions-box-border-block-start);
  border-block-end: var(--str-chat__message-actions-box-border-block-end);
  border-inline-start: var(--str-chat__message-actions-box-border-inline-start);
  border-inline-end: var(--str-chat__message-actions-box-border-inline-end);
}
.str-chat__message-actions-box .str-chat__message-actions-list-item-button {
  background: var(--str-chat__message-actions-box-item-background-color);
  color: var(--str-chat__message-actions-box-item-color);
  box-shadow: var(--str-chat__message-actions-box-item-box-shadow);
  border-radius: var(--str-chat__message-actions-box-item-border-radius);
  border-block-start: var(
    --str-chat__message-actions-box-item-border-block-start
  );
  border-block-end: var(--str-chat__message-actions-box-item-border-block-end);
  border-inline-start: var(
    --str-chat__message-actions-box-item-border-inline-start
  );
  border-inline-end: var(
    --str-chat__message-actions-box-item-border-inline-end
  );
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-actions-box
  .str-chat__message-actions-list-item-button:hover,
.str-chat__message-actions-box .str_chat__button-with-submenu--submenu-open {
  background-color: var(
    --str-chat__message-actions-box-item-hover-background-color
  );
}
.str-chat__message-actions-box .str-chat__message-actions-box__submenu {
  background: var(--str-chat__message-actions-box-background-color);
  color: var(--str-chat__message-actions-box-color);
  box-shadow: var(--str-chat__message-actions-box-box-shadow);
  border-radius: var(--str-chat__message-actions-box-border-radius);
  border-block-start: var(--str-chat__message-actions-box-border-block-start);
  border-block-end: var(--str-chat__message-actions-box-border-block-end);
  border-inline-start: var(--str-chat__message-actions-box-border-inline-start);
  border-inline-end: var(--str-chat__message-actions-box-border-inline-end);
}
@media (hover: none) {
  .str-chat__message-actions-box
    .str-chat__message-actions-list-item-button:hover {
    background-color: #0000;
  }
}
.str-chat {
  --str-chat__message-bounce-edit-button-color: var(--str-chat__primary-color);
  --str-chat__message-bounce-send-button-color: var(--str-chat__primary-color);
  --str-chat__message-bounce-delete-button-color: var(
    --str-chat__primary-color
  );
  --str-chat__message-bounce-button-background-color: #0000;
  --str-chat__message-bounce-button-border-block-start: none;
  --str-chat__message-bounce-button-border-block-end: none;
  --str-chat__message-bounce-button-border-inline-start: none;
  --str-chat__message-bounce-button-border-inline-end: none;
  --str-chat__message-bounce-button-box-shadow: none;
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete,
.str-chat__message-bounce-prompt .str-chat__message-bounce-edit,
.str-chat__message-bounce-prompt .str-chat__message-bounce-send {
  background: var(--str-chat__message-bounce-button-background-color);
  color: var(--str-chat__message-bounce-button-color);
  box-shadow: var(--str-chat__message-bounce-button-box-shadow);
  border-radius: var(--str-chat__message-bounce-button-border-radius);
  border-block-start: var(--str-chat__message-bounce-button-border-block-start);
  border-block-end: var(--str-chat__message-bounce-button-border-block-end);
  border-inline-start: var(
    --str-chat__message-bounce-button-border-inline-start
  );
  border-inline-end: var(--str-chat__message-bounce-button-border-inline-end);
  font: var(--str-chat__body-medium-text);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-edit {
  color: var(--str-chat__message-bounce-edit-button-color);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-send {
  color: var(--str-chat__message-bounce-send-button-color);
}
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {
  color: var(--str-chat__message-bounce-delete-button-color);
}
.str-chat {
  --str-chat__message-input-border-radius: 0;
  --str-chat__message-input-color: var(--str-chat__text-color);
  --str-chat__message-input-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__message-input-border-block-start: none;
  --str-chat__message-input-border-block-end: none;
  --str-chat__message-input-border-inline-start: none;
  --str-chat__message-input-border-inline-end: none;
  --str-chat__message-input-box-shadow: none;
  --str-chat__message-textarea-border-radius: var(--str-chat__border-radius-md);
  --str-chat__message-textarea-color: var(--str-chat__text-color);
  --str-chat__message-textarea-background-color: #0000;
  --str-chat__message-textarea-border-block-start: 1px solid
    var(--str-chat__surface-color);
  --str-chat__message-textarea-border-block-end: 1px solid
    var(--str-chat__surface-color);
  --str-chat__message-textarea-border-inline-start: 1px solid
    var(--str-chat__surface-color);
  --str-chat__message-textarea-border-inline-end: 1px solid
    var(--str-chat__surface-color);
  --str-chat__message-textarea-box-shadow: none;
  --str-chat__message-send-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__message-send-color: var(--str-chat__primary-color);
  --str-chat__message-send-background-color: #0000;
  --str-chat__message-send-border-block-start: 0;
  --str-chat__message-send-border-block-end: 0;
  --str-chat__message-send-border-inline-start: 0;
  --str-chat__message-send-border-inline-end: 0;
  --str-chat__message-send-box-shadow: none;
  --str-chat__message-send-disabled-color: var(--str-chat__disabled-color);
  --str-chat__message-send-disabled-background-color: var(
    --str-chat__disabled-color
  );
  --str-chat__start-recording-audio-button-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__start-recording-audio-button-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__start-recording-audio-button-background-color: #0000;
  --str-chat__start-recording-audio-button-border-block-start: 0;
  --str-chat__start-recording-audio-button-border-block-end: 0;
  --str-chat__start-recording-audio-button-border-inline-start: 0;
  --str-chat__start-recording-audio-button-border-inline-end: 0;
  --str-chat__start-recording-audio-button-box-shadow: none;
  --str-chat__start-recording-audio-button-disabled-color: var(
    --str-chat__disabled-color
  );
  --str-chat__start-recording-audio-button-disabled-background-color: #0000;
  --str-chat__message-input-tools-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__message-input-tools-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__message-input-tools-background-color: #0000;
  --str-chat__message-input-tools-border-block-start: 0;
  --str-chat__message-input-tools-border-block-end: 0;
  --str-chat__message-input-tools-border-inline-start: 0;
  --str-chat__message-input-tools-border-inline-end: 0;
  --str-chat__message-input-tools-box-shadow: none;
  --str-chat__message-input-not-allowed-color: var(--str-chat__disabled-color);
  --str-chat__cooldown-border-radius: var(--str-chat__border-radius-circle);
  --str-chat__cooldown-color: var(--str-chat__on-disabled-color);
  --str-chat__cooldown-background-color: var(--str-chat__disabled-color);
  --str-chat__cooldown-border-block-start: 0;
  --str-chat__cooldown-border-block-end: 0;
  --str-chat__cooldown-border-inline-start: 0;
  --str-chat__cooldown-border-inline-end: 0;
  --str-chat__cooldown-box-shadow: none;
  --str-chat__attachment-selector-button-icon-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__attachment-selector-button-icon-color-hover: var(
    --str-chat__primary-color
  );
  --str-chat__attachment-selector-actions-menu-button-icon-color: var(
    --str-chat__primary-color
  );
  --str-chat__attachment-selector-actions-menu-button-icon-color-active: var(
    --str-chat__primary-color
  );
}
.str-chat__message-input {
  background: var(--str-chat__message-input-background-color);
  color: var(--str-chat__message-input-color);
  box-shadow: var(--str-chat__message-input-box-shadow);
  border-radius: var(--str-chat__message-input-border-radius);
  border-block-start: var(--str-chat__message-input-border-block-start);
  border-block-end: var(--str-chat__message-input-border-block-end);
  border-inline-start: var(--str-chat__message-input-border-inline-start);
  border-inline-end: var(--str-chat__message-input-border-inline-end);
}
.str-chat__message-input .str-chat__file-input-container {
  --str-chat-icon-color: var(--str-chat__message-input-tools-color);
  background: var(--str-chat__message-input-tools-background-color);
  color: var(--str-chat__message-input-tools-color);
  box-shadow: var(--str-chat__message-input-tools-box-shadow);
  border-radius: var(--str-chat__message-input-tools-border-radius);
  border-block-start: var(--str-chat__message-input-tools-border-block-start);
  border-block-end: var(--str-chat__message-input-tools-border-block-end);
  border-inline-start: var(--str-chat__message-input-tools-border-inline-start);
  border-inline-end: var(--str-chat__message-input-tools-border-inline-end);
}
.str-chat__message-input .str-chat__file-input-container svg path {
  fill: var(--str-chat__message-input-tools-color);
}
.str-chat__message-input .str-chat__attachment-preview-image-error svg path {
  fill: var(--str-chat__primary-color);
}
.str-chat__message-input .str-chat__message-textarea-container {
  background: var(--str-chat__message-textarea-background-color);
  color: var(--str-chat__message-textarea-color);
  box-shadow: var(--str-chat__message-textarea-box-shadow);
  border-radius: var(--str-chat__message-textarea-border-radius);
  border-block-start: var(--str-chat__message-textarea-border-block-start);
  border-block-end: var(--str-chat__message-textarea-border-block-end);
  border-inline-start: var(--str-chat__message-textarea-border-inline-start);
  border-inline-end: var(--str-chat__message-textarea-border-inline-end);
}
.str-chat__message-input
  .str-chat__message-textarea-container
  .str-chat__message-textarea {
  resize: none;
  border: none;
  color: var(--str-chat__message-textarea-color);
  background-color: #0000;
  box-shadow: none;
  outline: none;
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-input .str-chat__stop-ai-generation-button {
  background-image: var(--str-chat__circle-stop-icon);
  background-color: #0000;
  border-width: 0;
}
.str-chat__message-input .str-chat__send-button {
  --str-chat-icon-color: var(--str-chat__message-send-color);
  background: var(--str-chat__message-send-background-color);
  color: var(--str-chat__message-send-color);
  box-shadow: var(--str-chat__message-send-box-shadow);
  border-radius: var(--str-chat__message-send-border-radius);
  border-block-start: var(--str-chat__message-send-border-block-start);
  border-block-end: var(--str-chat__message-send-border-block-end);
  border-inline-start: var(--str-chat__message-send-border-inline-start);
  border-inline-end: var(--str-chat__message-send-border-inline-end);
}
.str-chat__message-input .str-chat__send-button svg path {
  fill: var(--str-chat__message-send-color);
}
.str-chat__message-input .str-chat__send-button:disabled {
  --str-chat-icon-color: var(--str-chat__message-send-disabled-color);
  background-color: #0000;
}
.str-chat__message-input .str-chat__send-button:disabled svg path {
  fill: var(--str-chat__message-send-disabled-color);
}
.str-chat__message-input .str-chat__start-recording-audio-button {
  --str-chat-icon-color: var(--str-chat__start-recording-audio-button-color);
  background: var(--str-chat__start-recording-audio-button-background-color);
  color: var(--str-chat__start-recording-audio-button-color);
  box-shadow: var(--str-chat__start-recording-audio-button-box-shadow);
  border-radius: var(--str-chat__start-recording-audio-button-border-radius);
  border-block-start: var(
    --str-chat__start-recording-audio-button-border-block-start
  );
  border-block-end: var(
    --str-chat__start-recording-audio-button-border-block-end
  );
  border-inline-start: var(
    --str-chat__start-recording-audio-button-border-inline-start
  );
  border-inline-end: var(
    --str-chat__start-recording-audio-button-border-inline-end
  );
}
.str-chat__message-input .str-chat__start-recording-audio-button:disabled {
  background-color: var(--str-chat__message-send-disabled-background-color);
}
.str-chat__message-input .str-chat__message-input-cooldown {
  background: var(--str-chat__cooldown-background-color);
  color: var(--str-chat__cooldown-color);
  box-shadow: var(--str-chat__cooldown-box-shadow);
  border-radius: var(--str-chat__cooldown-border-radius);
  border-block-start: var(--str-chat__cooldown-border-block-start);
  border-block-end: var(--str-chat__cooldown-border-block-end);
  border-inline-start: var(--str-chat__cooldown-border-inline-start);
  border-inline-end: var(--str-chat__cooldown-border-inline-end);
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__message-input .str-chat__message-input-not-allowed {
  color: var(--str-chat__message-input-not-allowed-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-input
  .str-chat__quoted-message-preview-header
  .str-chat__quoted-message-reply-to-message {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__message-input
  .str-chat__quoted-message-preview-header
  .str-chat__quoted-message-remove {
  background-color: #0000;
  border: none;
}
.str-chat__message-input
  .str-chat__quoted-message-preview-header
  .str-chat__quoted-message-remove
  svg
  path {
  fill: var(--str-chat__message-input-tools-color);
}
.str-chat__message-input .str-chat__recording-permission-denied-notification {
  background-color: var(--str-chat__text-color);
  border-radius: var(--str-chat__border-radius-md);
  color: var(--str-chat__background-color);
}
.str-chat__message-input
  .str-chat__recording-permission-denied-notification
  .str-chat__recording-permission-denied-notification__dismiss-button,
.str-chat__message-input
  .str-chat__recording-permission-denied-notification
  .str-chat__recording-permission-denied-notification__heading {
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__message-input
  .str-chat__recording-permission-denied-notification
  .str-chat__recording-permission-denied-notification__message {
  font: var(--str-chat__subtitle-text);
}
.str-chat__message-input
  .str-chat__recording-permission-denied-notification
  .str-chat__recording-permission-denied-notification__dismiss-button {
  background: none;
  border: none;
  color: var(--str-chat__background-color);
  cursor: pointer;
  text-transform: uppercase;
}
.str-chat__attachment-selector
  .str-chat__attachment-selector__menu-button
  .str-chat__attachment-selector__menu-button__icon {
  background-color: var(--str-chat__attachment-selector-button-icon-color);
  -webkit-mask: var(--str-chat__add-attachment-icon) no-repeat center/contain;
  mask: var(--str-chat__add-attachment-icon) no-repeat center/contain;
}
.str-chat__attachment-selector
  .str-chat__attachment-selector__menu-button:hover
  .str-chat__attachment-selector__menu-button__icon {
  background-color: var(
    --str-chat__attachment-selector-button-icon-color-hover
  );
}
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__button {
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__button
  .str-chat__dialog-menu__button-icon {
  background-color: var(
    --str-chat__attachment-selector-actions-menu-button-icon-color
  );
}
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__button:focus,
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__button:hover {
  color: var(--str-chat__text-color);
}
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__button:focus
  .str-chat__dialog-menu__button-icon,
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__button:hover
  .str-chat__dialog-menu__button-icon {
  background-color: var(
    --str-chat__attachment-selector-actions-menu-button-icon-color-active
  );
}
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__upload-file-button
  .str-chat__dialog-menu__button-icon {
  -webkit-mask: var(--str-chat__folder-icon) no-repeat center/contain;
  mask: var(--str-chat__folder-icon) no-repeat center/contain;
}
.str-chat__attachment-selector-actions-menu
  .str-chat__attachment-selector-actions-menu__create-poll-button
  .str-chat__dialog-menu__button-icon {
  -webkit-mask: var(--str-chat__poll-icon) no-repeat center/contain;
  mask: var(--str-chat__poll-icon) no-repeat center/contain;
}
.str-chat__send-to-channel-checkbox__field * {
  cursor: pointer;
}
.str-chat__send-to-channel-checkbox__field label {
  color: var(--str-chat__text-low-emphasis-color);
  font: var(--str-chat__body-text);
}
.str-chat {
  --str-chat__message-list-border-radius: 0;
  --str-chat__message-list-color: var(--str-chat__text-color);
  --str-chat__message-list-background-color: var(--str-chat__background-color);
  --str-chat__message-list-box-shadow: none;
  --str-chat__message-list-border-block-start: none;
  --str-chat__message-list-border-block-end: none;
  --str-chat__message-list-border-inline-start: none;
  --str-chat__message-list-border-inline-end: none;
  --str-chat__jump-to-latest-message-border-radius: var(
    --str-chat__circle-fab-border-radius
  );
  --str-chat__jump-to-latest-message-color: var(--str-chat__circle-fab-color);
  --str-chat__jump-to-latest-message-background-color: var(
    --str-chat__circle-fab-background-color
  );
  --str-chat__jump-to-latest-message-pressed-background-color: var(
    --str-chat__circle-fab-pressed-background-color
  );
  --str-chat__jump-to-latest-message-box-shadow: var(
    --str-chat__circle-fab-box-shadow
  );
  --str-chat__jump-to-latest-message-border-block-start: var(
    --str-chat__circle-fab-border-block-start
  );
  --str-chat__jump-to-latest-message-border-block-end: var(
    --str-chat__circle-fab-border-block-end
  );
  --str-chat__jump-to-latest-message-border-inline-start: var(
    --str-chat__circle-fab-border-inline-start
  );
  --str-chat__jump-to-latest-message-border-inline-end: var(
    --str-chat__circle-fab-border-inline-end
  );
  --str-chat__jump-to-latest-message-unread-count-background-color: var(
    --str-chat__jump-to-latest-message-color
  );
  --str-chat__jump-to-latest-message-unread-count-color: var(
    --str-chat__jump-to-latest-message-background-color
  );
  --str-chat__thread-head-start-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__thread-head-start-border-block-end-color: var(
    --str-chat__surface-color
  );
}
.str-chat__list {
  background: var(--str-chat__message-list-background-color);
  color: var(--str-chat__message-list-color);
  box-shadow: var(--str-chat__message-list-box-shadow);
  border-radius: var(--str-chat__message-list-border-radius);
  border-block-start: var(--str-chat__message-list-border-block-start);
  border-block-end: var(--str-chat__message-list-border-block-end);
  border-inline-start: var(--str-chat__message-list-border-inline-start);
  border-inline-end: var(--str-chat__message-list-border-inline-end);
}
.str-chat__list .str-chat__parent-message-li {
  border-block-end: 1px solid
    var(--str-chat__thread-head-start-border-block-end-color);
}
.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {
  color: var(--str-chat__thread-head-start-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__jump-to-latest-message {
  --str-chat-icon-color: var(
    --str-chat__jump-to-latest-message-unread-count-background-color
  );
}
.str-chat__jump-to-latest-message .str-chat__circle-fab {
  background: var(--str-chat__jump-to-latest-message-background-color);
  color: var(--str-chat__jump-to-latest-message-color);
  box-shadow: var(--str-chat__jump-to-latest-message-box-shadow);
  border-radius: var(--str-chat__jump-to-latest-message-border-radius);
  border-block-start: var(
    --str-chat__jump-to-latest-message-border-block-start
  );
  border-block-end: var(--str-chat__jump-to-latest-message-border-block-end);
  border-inline-start: var(
    --str-chat__jump-to-latest-message-border-inline-start
  );
  border-inline-end: var(--str-chat__jump-to-latest-message-border-inline-end);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab svg path {
  fill: var(--str-chat__jump-to-latest-message-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab:active {
  background-color: var(
    --str-chat__jump-to-latest-message-pressed-background-color
  );
}
.str-chat__jump-to-latest-message
  .str-chat__circle-fab
  .str-chat__jump-to-latest-unread-count {
  background-color: var(
    --str-chat__jump-to-latest-message-unread-count-background-color
  );
  color: var(--str-chat__jump-to-latest-message-unread-count-color);
  border-radius: var(--str-chat__jump-to-latest-message-border-radius);
  font: var(--str-chat__caption-text);
}
.str-chat {
  --str-chat__virtual-list-border-radius: 0;
  --str-chat__virtual-list-color: var(--str-chat__text-color);
  --str-chat__virtual-list-background-color: var(--str-chat__background-color);
  --str-chat__virtual-list-box-shadow: none;
  --str-chat__virtual-list-border-block-start: none;
  --str-chat__virtual-list-border-block-end: none;
  --str-chat__virtual-list-border-inline-start: none;
  --str-chat__virtual-list-border-inline-end: none;
}
.str-chat__virtual-list {
  background: var(--str-chat__virtual-list-background-color);
  color: var(--str-chat__virtual-list-color);
  box-shadow: var(--str-chat__virtual-list-box-shadow);
  border-radius: var(--str-chat__virtual-list-border-radius);
  border-block-start: var(--str-chat__virtual-list-border-block-start);
  border-block-end: var(--str-chat__virtual-list-border-block-end);
  border-inline-start: var(--str-chat__virtual-list-border-inline-start);
  border-inline-end: var(--str-chat__virtual-list-border-inline-end);
}
.str-chat__virtual-list .str-chat__parent-message-li {
  border-block-end: 1px solid
    var(--str-chat__thread-head-start-border-block-end-color);
}
.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {
  color: var(--str-chat__thread-head-start-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__message-reactions-border-radius: none;
  --str-chat__message-reactions-color: var(--str-chat__text-color);
  --str-chat__message-reactions-background-color: #0000;
  --str-chat__message-reactions-border-block-start: none;
  --str-chat__message-reactions-border-block-end: none;
  --str-chat__message-reactions-border-inline-start: none;
  --str-chat__message-reactions-border-inline-end: none;
  --str-chat__message-reactions-box-shadow: none;
  --str-chat__message-reaction-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__message-reaction-color: var(--str-chat__text-color);
  --str-chat__message-reaction-background-color: var(
    --str-chat__tertiary-surface-color
  );
  --str-chat__message-reaction-border-block-start: none;
  --str-chat__message-reaction-border-block-end: none;
  --str-chat__message-reaction-border-inline-start: none;
  --str-chat__message-reaction-border-inline-end: none;
  --str-chat__message-reaction-box-shadow: none;
  --str-chat__own-message-reaction-color: var(--str-chat__text-color);
  --str-chat__own-message-reaction-background-color: var(
    --str-chat__primary-surface-color-low-emphasis
  );
  --str-chat__messsage-reactions-details--selected-color: solid
    var(--str-chat__primary-color);
}
.str-chat__message-reactions-container .str-chat__message-reactions {
  background: var(--str-chat__message-reactions-background-color);
  color: var(--str-chat__message-reactions-color);
  box-shadow: var(--str-chat__message-reactions-box-shadow);
  border-radius: var(--str-chat__message-reactions-border-radius);
  border-block-start: var(--str-chat__message-reactions-border-block-start);
  border-block-end: var(--str-chat__message-reactions-border-block-end);
  border-inline-start: var(--str-chat__message-reactions-border-inline-start);
  border-inline-end: var(--str-chat__message-reactions-border-inline-end);
}
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__message-reaction {
  background: var(--str-chat__message-reaction-background-color);
  color: var(--str-chat__message-reaction-color);
  box-shadow: var(--str-chat__message-reaction-box-shadow);
  border-radius: var(--str-chat__message-reaction-border-radius);
  border-block-start: var(--str-chat__message-reaction-border-block-start);
  border-block-end: var(--str-chat__message-reaction-border-block-end);
  border-inline-start: var(--str-chat__message-reaction-border-inline-start);
  border-inline-end: var(--str-chat__message-reaction-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__message-reactions-container
  .str-chat__message-reactions
  .str-chat__message-reaction.str-chat__message-reaction-own {
  color: var(--str-chat__own-message-reaction-color);
  background-color: var(--str-chat__own-message-reaction-background-color);
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reaction-type {
  border-block-end: solid #0000;
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reaction-type--selected {
  border-block-end: var(--str-chat__messsage-reactions-details--selected-color);
}
.str-chat__message-reactions-details
  .str-chat__message-reactions-details-reacting-user {
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__message-reactions-options-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__message-reactions-options-color: var(--str-chat__text-color);
  --str-chat__message-reactions-options-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__message-reactions-options-border-block-start: none;
  --str-chat__message-reactions-options-border-block-end: none;
  --str-chat__message-reactions-options-border-inline-start: none;
  --str-chat__message-reactions-options-border-inline-end: none;
  --str-chat__message-reactions-options-box-shadow: 0 0 8px
    var(--str-chat__box-shadow-color);
  --str-chat__message-reactions-option-border-radius: var(
    --str-chat__border-radius-md
  );
  --str-chat__message-reactions-option-color: var(--str-chat__text-color);
  --str-chat__message-reactions-option-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__message-reactions-option-hover-background-color: var(
    --str-chat__primary-surface-color
  );
  --str-chat__message-reactions-option-selected-background-color: var(
    --str-chat__primary-color-low-emphasis
  );
  --str-chat__message-reactions-option-border-block-start: none;
  --str-chat__message-reactions-option-border-block-end: none;
  --str-chat__message-reactions-option-border-inline-start: none;
  --str-chat__message-reactions-option-border-inline-end: none;
  --str-chat__message-reactions-option-box-shadow: none;
}
.str-chat .str-chat-angular-v5__reaction-selector {
  --str-chat__message-reactions-options-box-shadow: none;
  --str-chat__message-reactions-options-border-radius: 0;
}
.str-chat__reaction-selector .str-chat__message-reactions-options {
  background: var(--str-chat__message-reactions-options-background-color);
  color: var(--str-chat__message-reactions-options-color);
  box-shadow: var(--str-chat__message-reactions-options-box-shadow);
  border-radius: var(--str-chat__message-reactions-options-border-radius);
  border-block-start: var(
    --str-chat__message-reactions-options-border-block-start
  );
  border-block-end: var(--str-chat__message-reactions-options-border-block-end);
  border-inline-start: var(
    --str-chat__message-reactions-options-border-inline-start
  );
  border-inline-end: var(
    --str-chat__message-reactions-options-border-inline-end
  );
}
.str-chat__reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-option {
  background: var(--str-chat__message-reactions-option-background-color);
  color: var(--str-chat__message-reactions-option-color);
  box-shadow: var(--str-chat__message-reactions-option-box-shadow);
  border-radius: var(--str-chat__message-reactions-option-border-radius);
  border-block-start: var(
    --str-chat__message-reactions-option-border-block-start
  );
  border-block-end: var(--str-chat__message-reactions-option-border-block-end);
  border-inline-start: var(
    --str-chat__message-reactions-option-border-inline-start
  );
  border-inline-end: var(
    --str-chat__message-reactions-option-border-inline-end
  );
}
.str-chat__reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-option:hover {
  background-color: var(
    --str-chat__message-reactions-option-hover-background-color
  );
}
.str-chat__reaction-selector
  .str-chat__message-reactions-options
  .str-chat__message-reactions-option.str-chat__message-reactions-option-selected {
  background-color: var(
    --str-chat__message-reactions-option-selected-background-color
  );
}
@media (hover: none) {
  .str-chat__reaction-selector
    .str-chat__message-reactions-options
    .str-chat__message-reactions-option:hover {
    background-color: #0000;
  }
}
.str-chat {
  --str-chat__modal-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__modal-color: var(--str-chat__text-color);
  --str-chat__modal-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__modal-overlay-color: var(--str-chat__secondary-overlay-color);
  --str-chat__modal-overlay-backdrop-filter: blur(3px);
  --str-chat__modal-border-block-start: none;
  --str-chat__modal-border-block-end: none;
  --str-chat__modal-border-inline-start: none;
  --str-chat__modal-border-inline-end: none;
  --str-chat__modal-box-shadow: none;
  --str-chat__modal-close-icon-background: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__modal-close-icon-color: var(--str-chat__on-disabled-color);
}
.str-chat__modal {
  background-color: var(--str-chat__modal-overlay-color);
  -webkit-backdrop-filter: var(--str-chat__modal-overlay-backdrop-filter);
  backdrop-filter: var(--str-chat__modal-overlay-backdrop-filter);
}
.str-chat__modal .str-chat__modal__inner {
  background: var(--str-chat__modal-background-color);
  color: var(--str-chat__modal-color);
  box-shadow: var(--str-chat__modal-box-shadow);
  border-radius: var(--str-chat__modal-border-radius);
  border-block-start: var(--str-chat__modal-border-block-start);
  border-block-end: var(--str-chat__modal-border-block-end);
  border-inline-start: var(--str-chat__modal-border-inline-start);
  border-inline-end: var(--str-chat__modal-border-inline-end);
}
.str-chat__modal .str-chat__modal-header .str-chat__modal-header__title {
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__modal .str-chat__modal__close-button {
  --str-chat-icon-color: var(--str-chat__modal-close-icon-color);
  background: none;
  border: none;
}
.str-chat__modal .str-chat__modal__close-button .str-chat__icon {
  background-color: var(--str-chat__modal-close-icon-background);
  border-radius: 999px;
}
.str-chat__modal .str-chat__modal__close-button svg path {
  fill: var(--str-chat__modal-close-icon-color);
}
.str-chat__modal .str-chat__modal__close-button svg circle,
.str-chat__modal .str-chat__modal__close-button svg rect {
  fill: var(--str-chat__modal-close-icon-background);
}
.str-chat__message-attachment--card
  .str-chat__modal--open
  .str-chat__modal__inner.str-chat-react__modal__inner,
.str-chat__message-attachment--gallery
  .str-chat__modal--open
  .str-chat__modal__inner.str-chat-react__modal__inner,
.str-chat__message-attachment--image
  .str-chat__modal--open
  .str-chat__modal__inner.str-chat-react__modal__inner {
  background-color: #0000;
  width: unset;
  height: unset;
  padding: 0;
}
.str-chat__message-attachment--card
  .str-chat__modal--open
  .str-chat__modal__inner.str-chat-react__modal__inner
  img,
.str-chat__message-attachment--gallery
  .str-chat__modal--open
  .str-chat__modal__inner.str-chat-react__modal__inner
  img,
.str-chat__message-attachment--image
  .str-chat__modal--open
  .str-chat__modal__inner.str-chat-react__modal__inner
  img {
  max-width: unset;
  max-height: calc(100vh - 80px);
  cursor: default;
}
.str-chat {
  --str-chat__message-notification-background-color: var(
    --str-chat__primary-color
  );
  --str-chat__message-notification-border-block-start: none;
  --str-chat__message-notification-border-block-end: none;
  --str-chat__message-notification-border-inline-start: none;
  --str-chat__message-notification-border-inline-end: none;
  --str-chat__message-notification-border-radius: 50px;
  --str-chat__message-notification-box-shadow: none;
  --str-chat__message-notification-color: var(--str-chat__on-primary-color);
}
.str-chat__message-notification {
  background: var(--str-chat__message-notification-background-color);
  color: var(--str-chat__message-notification-color);
  box-shadow: var(--str-chat__message-notification-box-shadow);
  border-radius: var(--str-chat__message-notification-border-radius);
  border-block-start: var(--str-chat__message-notification-border-block-start);
  border-block-end: var(--str-chat__message-notification-border-block-end);
  border-inline-start: var(
    --str-chat__message-notification-border-inline-start
  );
  border-inline-end: var(--str-chat__message-notification-border-inline-end);
  font: var(--str-chat__caption-text);
  cursor: pointer;
}
.str-chat {
  --str-chat__notification-list-border-radius: none;
  --str-chat__notification-list-color: var(
    --str-chat__notification-list-text-color
  );
  --str-chat__notification-list-background-color: #0000;
  --str-chat__notification-list-border-block-start: none;
  --str-chat__notification-list-border-block-end: none;
  --str-chat__notification-list-border-inline-start: none;
  --str-chat__notification-list-border-inline-end: none;
  --str-chat__notification-list-box-shadow: none;
}
.str-chat__list-notifications {
  background: var(--str-chat__notification-list-background-color);
  color: var(--str-chat__notification-list-color);
  box-shadow: var(--str-chat__notification-list-box-shadow);
  border-radius: var(--str-chat__notification-list-border-radius);
  border-block-start: var(--str-chat__notification-list-border-block-start);
  border-block-end: var(--str-chat__notification-list-border-block-end);
  border-inline-start: var(--str-chat__notification-list-border-inline-start);
  border-inline-end: var(--str-chat__notification-list-border-inline-end);
}
.str-chat {
  --str-chat__notification-border-radius: var(--str-chat__border-radius-sm);
  --str-chat__notification-color: var(--str-chat__opaque-surface-text-color);
  --str-chat__notification-background-color: var(
    --str-chat__opaque-surface-background-color
  );
  --str-chat__notification-border-block-start: none;
  --str-chat__notification-border-block-end: none;
  --str-chat__notification-border-inline-start: none;
  --str-chat__notification-border-inline-end: none;
  --str-chat__notification-box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
}
.str-chat__notification {
  background: var(--str-chat__notification-background-color);
  color: var(--str-chat__notification-color);
  box-shadow: var(--str-chat__notification-box-shadow);
  border-radius: var(--str-chat__notification-border-radius);
  border-block-start: var(--str-chat__notification-border-block-start);
  border-block-end: var(--str-chat__notification-border-block-end);
  border-inline-start: var(--str-chat__notification-border-inline-start);
  border-inline-end: var(--str-chat__notification-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__poll .str-chat__poll-header .str-chat__poll-subtitle {
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__poll .str-chat__checkmark {
  border-radius: var(--str-chat__border-radius-circle);
  border: 1px solid var(--str-chat__disabled-color);
}
.str-chat__poll .str-chat__checkmark--checked {
  background-color: var(--str-chat__primary-color);
  border: none;
}
.str-chat__poll
  .str-chat__poll-option-list
  .str-chat__poll-option.str-chat__poll-option--votable:hover {
  cursor: pointer;
}
.str-chat__poll
  .str-chat__poll-option-list
  .str-chat__poll-option
  .str-chat__poll-option__votes-bar {
  background: linear-gradient(
    to right,
    var(--str-chat__primary-color) var(--str-chat__amount-bar-fulfillment),
    var(--str-chat__surface-color) var(--str-chat__amount-bar-fulfillment)
  );
  border-radius: calc(var(--str-chat__spacing-px) * 4);
}
.str-chat__poll
  .str-chat__poll-option-list
  .str-chat__poll-option
  .str-chat__poll-option__votes-bar--winner {
  background: linear-gradient(
    to right,
    var(--str-chat__info-color) var(--str-chat__amount-bar-fulfillment),
    var(--str-chat__surface-color) var(--str-chat__amount-bar-fulfillment)
  );
}
.str-chat__poll .str-chat__modal__poll-option-list__title,
.str-chat__poll
  .str-chat__modal__poll-results
  .str-chat__modal__poll-results__title,
.str-chat__poll .str-chat__modal__poll-results .str-chat__poll-option,
.str-chat__poll .str-chat__poll-answer,
.str-chat__poll .str-chat__poll-option-list--full {
  border-radius: 0.75rem;
}
.str-chat__poll-option-list--full {
  overflow: clip;
}
.str-chat__poll--closed .str-chat__poll-option:hover {
  cursor: unset;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__poll-option-list__title,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__poll-results__title,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-answer__text {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__modal__poll-option-list__title,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__poll-results__title,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-answer,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option-list--full {
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__poll-option-list--full
  .str-chat__poll-option-text {
  font-weight: 500;
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__poll-option-list--full
  .str-chat__poll-option--votable:hover {
  background-color: var(--str-chat__secondary-surface-color);
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__poll-option
  .str-chat__poll-option__header {
  font: var(--str-chat__subtitle-text);
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__poll-option
  .str-chat__poll-option__header
  .str-chat__poll-option__option-text {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__poll-actions
  .str-chat__modal
  .str-chat__poll-option
  .str-chat__poll-option__show-all-votes-button {
  font: var(--str-chat__subtitle-text);
  color: var(--str-chat__primary-color);
}
.str-chat__poll-vote .str-chat__poll-vote__author__name {
  text-transform: capitalize;
}
.str-chat__poll-vote .str-chat__poll-vote__timestamp {
  color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__quoted-poll-preview {
  font: var(--str-chat__body-medium-text);
}
.str-chat__poll-creation-dialog .str-chat__form__input-fieldset {
  border: none;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label
  .str-chat__form__input-field__value,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field:not(.str-chat__form__input-field--with-label) {
  background-color: var(--str-chat__tertiary-surface-color);
  border-radius: 0.75rem;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field input,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label
  .str-chat__form__input-field__value
  input,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field:not(.str-chat__form__input-field--with-label)
  input {
  border: none;
  background: #0000;
  outline: none;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field input,
.str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  input::placeholder,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label
  .str-chat__form__input-field__value
  input,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label
  .str-chat__form__input-field__value
  input::placeholder,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field:not(.str-chat__form__input-field--with-label)
  input,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field:not(.str-chat__form__input-field--with-label)
  input::placeholder {
  font: var(--str-chat__subtitle-text);
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--draggable input {
  pointer-events: auto;
}
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--draggable
  .str-chat__drag-handle {
  background-color: var(--str-chat__text-low-emphasis-color);
  -webkit-mask: var(--str-chat__handle-icon) no-repeat center/contain;
  mask: var(--str-chat__handle-icon) no-repeat center/contain;
}
.str-chat__poll-creation-dialog .str-chat__form__input-field--has-error {
  border: 1px solid var(--str-chat__message-error-message-color);
}
.str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  .str-chat__form__input-field--has-error,
.str-chat__poll-creation-dialog
  .str-chat__form__expandable-field
  .str-chat__form__input-field--has-error
  .str-chat__form__input-field__value,
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label.str-chat__form__input-field--has-error {
  border: none;
}
.str-chat__poll-creation-dialog
  .str-chat__form__input-field--with-label.str-chat__form__input-field--has-error
  .str-chat__form__input-field__value {
  border: 1px solid var(--str-chat__message-error-message-color);
}
.str-chat__poll-creation-dialog .str-chat__form__switch-field {
  background-color: var(--str-chat__tertiary-surface-color);
  border-radius: 0.75rem;
}
.str-chat__poll-creation-dialog .str-chat__form__switch-field,
.str-chat__poll-creation-dialog .str-chat__form__switch-field label {
  cursor: pointer;
}
.str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch {
  cursor: pointer;
  background-color: var(--str-chat__text-low-emphasis-color);
  border-radius: 100px;
}
.str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch
  .str-chat__form__switch-field__switch-handle {
  border-radius: var(--str-chat__border-radius-circle);
  background-color: var(--str-chat__disabled-color);
}
.str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on {
  background-color: var(--str-chat__green600);
}
.str-chat__poll-creation-dialog
  .str-chat__form__switch-field
  .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on
  .str-chat__form__switch-field__switch-handle {
  background-color: var(--str-chat__background-color);
  border-radius: var(--str-chat__border-radius-circle);
}
.str-chat {
  --str-chat__search-input-color: var(--str-chat__text-color);
  --str-chat__search-input-placeholder-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__search-input-icon-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__search-input-border-block-start: none;
  --str-chat__search-input-border-block-end: none;
  --str-chat__search-input-border-inline-start: none;
  --str-chat__search-input-border-inline-end: none;
  --str-chat__search-input-wrapper-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__search-input-wrapper-background-color: #0000;
  --str-chat__search-input-wrapper-border-block-start: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__search-input-wrapper-border-block-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__search-input-wrapper-border-inline-start: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__search-input-wrapper-border-inline-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__search-input-wrapper-active-border-radius: var(
    --str-chat__border-radius-circle
  );
  --str-chat__search-input-wrapper-active-background-color: #0000;
  --str-chat__search-input-wrapper-active-border-block-start: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__search-input-wrapper-active-border-block-end: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__search-input-wrapper-active-border-inline-start: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__search-input-wrapper-active-border-inline-end: var(
      --str-chat__primary-color
    )
    1px solid;
  --str-chat__search-result-background-color: #0000;
  --str-chat__search-result-border-block-start: none;
  --str-chat__search-result-border-block-end: none;
  --str-chat__search-result-border-inline-start: none;
  --str-chat__search-result-border-inline-end: none;
  --str-chat__search-result-hover-background-color: var(
    --str-chat__secondary-surface-color
  );
  --str-chat__search-result-list-color: var(--str-chat__text-color);
  --str-chat__search-result-list-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__search-result-list-border-block-start: none;
  --str-chat__search-result-list-border-block-end: none;
  --str-chat__search-result-list-border-inline-start: none;
  --str-chat__search-result-list-border-inline-end: none;
  --str-chat__search-result-list-popup-box-shadow: 0 4px 4px
    var(--str-chat__box-shadow-color);
  --str-chat__search-results-header-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__search-results-header-background-color: var(
    --str-chat__background-color
  );
  --str-chat__search-results-header-border-block-start: none;
  --str-chat__search-results-header-border-block-end: var(
      --str-chat__surface-color
    )
    1px solid;
  --str-chat__search-results-header-border-inline-start: none;
  --str-chat__search-results-header-border-inline-end: none;
  --str-chat__search-results-empty-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat__search-results-empty-icon-color: var(--str-chat__disabled-color);
  --str-chat__search-results-empty-background-color: var(
    --str-chat__background-color
  );
  --str-chat__search-results-empty-border-block-start: none;
  --str-chat__search-results-empty-border-block-end: none;
  --str-chat__search-results-empty-border-inline-start: none;
  --str-chat__search-results-empty-border-inline-end: none;
}
.str-chat__search-input--wrapper {
  background: var(--str-chat__search-input-wrapper-background-color);
  color: var(--str-chat__search-input-wrapper-color);
  box-shadow: var(--str-chat__search-input-wrapper-box-shadow);
  border-radius: var(--str-chat__search-input-wrapper-border-radius);
  border-block-start: var(--str-chat__search-input-wrapper-border-block-start);
  border-block-end: var(--str-chat__search-input-wrapper-border-block-end);
  border-inline-start: var(
    --str-chat__search-input-wrapper-border-inline-start
  );
  border-inline-end: var(--str-chat__search-input-wrapper-border-inline-end);
}
.str-chat__search-input--wrapper .str-chat__search-input--icon {
  background-image: var(--str-chat__magnifier-glass-icon);
  background-repeat: no-repeat;
}
.str-chat__search-input--wrapper input {
  background: var(--str-chat__search-input-background-color);
  color: var(--str-chat__search-input-color);
  box-shadow: var(--str-chat__search-input-box-shadow);
  border-radius: var(--str-chat__search-input-border-radius);
  border-block-start: var(--str-chat__search-input-border-block-start);
  border-block-end: var(--str-chat__search-input-border-block-end);
  border-inline-start: var(--str-chat__search-input-border-inline-start);
  border-inline-end: var(--str-chat__search-input-border-inline-end);
  outline: none;
  font: var(--str-chat__subtitle-text);
}
.str-chat__search-input--wrapper .str-chat__search-input--clear-button-icon {
  background-color: #0000;
  -webkit-mask: var(--str-chat__clear-icon) no-repeat center/contain;
  mask: var(--str-chat__clear-icon) no-repeat center/contain;
}
.str-chat__search-input--wrapper-active {
  background: var(--str-chat__search-input-wrapper-active-background-color);
  color: var(--str-chat__search-input-wrapper-active-color);
  box-shadow: var(--str-chat__search-input-wrapper-active-box-shadow);
  border-radius: var(--str-chat__search-input-wrapper-active-border-radius);
  border-block-start: var(
    --str-chat__search-input-wrapper-active-border-block-start
  );
  border-block-end: var(
    --str-chat__search-input-wrapper-active-border-block-end
  );
  border-inline-start: var(
    --str-chat__search-input-wrapper-active-border-inline-start
  );
  border-inline-end: var(
    --str-chat__search-input-wrapper-active-border-inline-end
  );
}
.str-chat__search-input--wrapper-active
  .str-chat__search-input--clear-button-icon {
  background-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__search-bar-button--exit-search {
  background: none;
  border: none;
  color: var(--str-chat__primary-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__search-results-header {
  background: var(--str-chat__search-results-header-background-color);
  color: var(--str-chat__search-results-header-color);
  box-shadow: var(--str-chat__search-results-header-box-shadow);
  border-radius: var(--str-chat__search-results-header-border-radius);
  border-block-start: var(--str-chat__search-results-header-border-block-start);
  border-block-end: var(--str-chat__search-results-header-border-block-end);
  border-inline-start: var(
    --str-chat__search-results-header-border-inline-start
  );
  border-inline-end: var(--str-chat__search-results-header-border-inline-end);
  font: var(--str-chat__subtitle-text);
}
.str-chat__search-source-result-list {
  background: var(--str-chat__search-result-list-background-color);
  color: var(--str-chat__search-result-list-color);
  box-shadow: var(--str-chat__search-result-list-box-shadow);
  border-radius: var(--str-chat__search-result-list-border-radius);
  border-block-start: var(--str-chat__search-result-list-border-block-start);
  border-block-end: var(--str-chat__search-result-list-border-block-end);
  border-inline-start: var(--str-chat__search-result-list-border-inline-start);
  border-inline-end: var(--str-chat__search-result-list-border-inline-end);
}
.str-chat__search-source-result-list .str-chat__search-container-empty {
  background: var(--str-chat__search-results-empty-background-color);
  color: var(--str-chat__search-results-empty-color);
  box-shadow: var(--str-chat__search-results-empty-box-shadow);
  border-radius: var(--str-chat__search-results-empty-border-radius);
  border-block-start: var(--str-chat__search-results-empty-border-block-start);
  border-block-end: var(--str-chat__search-results-empty-border-block-end);
  border-inline-start: var(
    --str-chat__search-results-empty-border-inline-start
  );
  border-inline-end: var(--str-chat__search-results-empty-border-inline-end);
  font: var(--str-chat__subtitle2-medium-text);
}
.str-chat__search-source-result-list
  .str-chat__search-container-empty
  svg
  path {
  fill: var(--str-chat__search-results-empty-icon-color);
}
.str-chat__search-source-result-list .str-chat__search-result {
  background: var(--str-chat__search-result-background-color);
  color: var(--str-chat__search-result-color);
  box-shadow: var(--str-chat__search-result-box-shadow);
  border-radius: var(--str-chat__search-result-border-radius);
  border-block-start: var(--str-chat__search-result-border-block-start);
  border-block-end: var(--str-chat__search-result-border-block-end);
  border-inline-start: var(--str-chat__search-result-border-inline-start);
  border-inline-end: var(--str-chat__search-result-border-inline-end);
}
.str-chat__search-source-result-list
  .str-chat__search-result.str-chat__channel-preview-messenger--active {
  background-color: var(--str-chat__channel-preview-active-background-color);
}
.str-chat__search-source-result-list
  .str-chat__search-result
  .str-chat__search-result--display-name {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__search-source-result-list .str-chat__search-result--focused,
.str-chat__search-source-result-list .str-chat__search-result:hover {
  background-color: var(--str-chat__search-result-hover-background-color);
}
.str-chat {
  --str-chat__thread-border-radius: 0;
  --str-chat__thread-color: var(--str-chat__text-color);
  --str-chat__thread-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__thread-border-block-start: none;
  --str-chat__thread-border-block-end: none;
  --str-chat__thread-border-inline-start: 1px solid
    var(--str-chat__surface-color);
  --str-chat__thread-border-inline-end: none;
  --str-chat__thread-box-shadow: none;
  --str-chat__thread-header-border-radius: 0;
  --str-chat__thread-header-color: var(--str-chat__text-color);
  --str-chat__thread-header-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__thread-header-border-block-start: none;
  --str-chat__thread-header-border-block-end: none;
  --str-chat__thread-header-border-inline-start: none;
  --str-chat__thread-header-border-inline-end: none;
  --str-chat__thread-header-box-shadow: none;
  --str-chat__thread-header-info-color: var(
    --str-chat__text-low-emphasis-color
  );
}
.str-chat__thread-container {
  background: var(--str-chat__thread-background-color);
  color: var(--str-chat__thread-color);
  box-shadow: var(--str-chat__thread-box-shadow);
  border-radius: var(--str-chat__thread-border-radius);
  border-block-start: var(--str-chat__thread-border-block-start);
  border-block-end: var(--str-chat__thread-border-block-end);
  border-inline-start: var(--str-chat__thread-border-inline-start);
  border-inline-end: var(--str-chat__thread-border-inline-end);
}
.str-chat__thread-container .str-chat__thread-header {
  background: var(--str-chat__thread-header-background-color);
  color: var(--str-chat__thread-header-color);
  box-shadow: var(--str-chat__thread-header-box-shadow);
  border-radius: var(--str-chat__thread-header-border-radius);
  border-block-start: var(--str-chat__thread-header-border-block-start);
  border-block-end: var(--str-chat__thread-header-border-block-end);
  border-inline-start: var(--str-chat__thread-header-border-inline-start);
  border-inline-end: var(--str-chat__thread-header-border-inline-end);
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-name,
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-title {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-channel-name,
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__thread-header-subtitle {
  font: var(--str-chat__body-text);
  color: var(--str-chat__thread-header-info-color);
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__close-thread-button {
  background-color: #0000;
  border: none;
}
.str-chat__thread-container
  .str-chat__thread-header
  .str-chat__close-thread-button
  svg
  path {
  fill: var(--str-chat__thread-color);
}
.str-chat {
  --str-chat__tooltip-border-radius: var(--str-chat__border-radius-xs);
  --str-chat__tooltip-color: var(--str-chat__text-color);
  --str-chat__tooltip-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat__tooltip-border-block-start: none;
  --str-chat__tooltip-border-block-end: none;
  --str-chat__tooltip-border-inline-start: none;
  --str-chat__tooltip-border-inline-end: none;
  --str-chat__tooltip-box-shadow: 0 0 20px var(--str-chat__box-shadow-color);
}
.str-chat__tooltip {
  background: var(--str-chat__tooltip-background-color);
  color: var(--str-chat__tooltip-color);
  box-shadow: var(--str-chat__tooltip-box-shadow);
  border-radius: var(--str-chat__tooltip-border-radius);
  border-block-start: var(--str-chat__tooltip-border-block-start);
  border-block-end: var(--str-chat__tooltip-border-block-end);
  border-inline-start: var(--str-chat__tooltip-border-inline-start);
  border-inline-end: var(--str-chat__tooltip-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__tooltip:after {
  background-color: var(--str-chat__tooltip-background-color);
}
.str-chat {
  --str-chat__typing-indicator-border-radius: none;
  --str-chat__typing-indicator-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__typing-indicator-background-color: var(--str-chat__overlay-color);
  --str-chat__typing-indicator-border-block-start: none;
  --str-chat__typing-indicator-border-block-end: none;
  --str-chat__typing-indicator-border-inline-start: none;
  --str-chat__typing-indicator-border-inline-end: none;
  --str-chat__typing-indicator-box-shadow: none;
  --str-chat__typing-indicator-dot-background-color: var(
    --str-chat__text-color
  );
}
.str-chat__typing-indicator {
  background: var(--str-chat__typing-indicator-background-color);
  color: var(--str-chat__typing-indicator-color);
  box-shadow: var(--str-chat__typing-indicator-box-shadow);
  border-radius: var(--str-chat__typing-indicator-border-radius);
  border-block-start: var(--str-chat__typing-indicator-border-block-start);
  border-block-end: var(--str-chat__typing-indicator-border-block-end);
  border-inline-start: var(--str-chat__typing-indicator-border-inline-start);
  border-inline-end: var(--str-chat__typing-indicator-border-inline-end);
}
.str-chat__typing-indicator
  .str-chat__typing-indicator__dots
  .str-chat__typing-indicator__dot {
  border-radius: 999px;
  animation: dotFlashing 1s infinite alternate;
  background-color: var(--str-chat__typing-indicator-dot-background-color);
}
.str-chat__typing-indicator
  .str-chat__typing-indicator__dots
  .str-chat__typing-indicator__dot:first-child {
  animation-delay: 0s;
}
.str-chat__typing-indicator
  .str-chat__typing-indicator__dots
  .str-chat__typing-indicator__dot:nth-child(2) {
  animation-delay: 0.5s;
}
.str-chat__typing-indicator
  .str-chat__typing-indicator__dots
  .str-chat__typing-indicator__dot:nth-child(3) {
  animation-delay: 1s;
}
@keyframes dotFlashing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  to {
    opacity: 0.2;
  }
}
.str-chat {
  --str-chat-thread-list-border-color: var(--str-chat__surface-color);
  --str-chat-thread-list-container-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat-unseen-threads-banner-background-color: var(
    --str-chat__text-color
  );
  --str-chat-unseen-threads-banner-color: var(
    --str-chat__opaque-surface-text-color
  );
  --str-chat-thread-list-item-background-color-default: var(
    --str-chat__secondary-background-color
  );
  --str-chat-thread-list-item-background-color-selected: var(
    --str-chat__surface-color
  );
  --str-chat-thread-list-item-text-color: var(--str-chat__text-color);
  --str-chat-thread-list-item-text-low-emphasis-color: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat-thread-list-empty-placeholder-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat-thread-list-empty-placeholder-color: var(
    --str-chat__text-low-emphasis-color
  );
}
.str-chat__thread-list-container {
  background-color: var(--str-chat-thread-list-container-background-color);
}
.str-chat__unseen-threads-banner {
  border-radius: 16px;
  background: var(--str-chat-unseen-threads-banner-background-color);
  color: var(--str-chat-unseen-threads-banner-color);
}
.str-chat__unseen-threads-banner__button {
  --str-chat-icon-color: var(--str-chat-unseen-threads-banner-color);
}
.str-chat__thread-list {
  border-right: 1px solid var(--str-chat-thread-list-border-color);
}
.str-chat__thread-list .str-chat__thread-list-item {
  --str-chat-icon-color: var(--str-chat-thread-list-item-text-color);
  border: none;
  background-color: var(--str-chat-thread-list-item-background-color-default);
  color: var(--str-chat-thread-list-item-text-color);
}
.str-chat__thread-list .str-chat__thread-list-item[aria-selected="true"] {
  background-color: var(--str-chat-thread-list-item-background-color-selected);
}
.str-chat__thread-list
  .str-chat__thread-list-item[aria-selected="true"]
  .str-chat__thread-list-item__latest-reply-text-and-timestamp,
.str-chat__thread-list
  .str-chat__thread-list-item[aria-selected="true"]
  .str-chat__thread-list-item__parent-message-text {
  color: inherit;
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__parent-message-text {
  color: var(--str-chat-thread-list-item-text-low-emphasis-color);
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply {
  --str-chat__avatar-background-color: var(--str-chat__secondary-surface-color);
  --str-chat__avatar-color: var(--str-chat__text-low-emphasis-color);
}
.str-chat__thread-list
  .str-chat__thread-list-item
  .str-chat__thread-list-item__latest-reply-text-and-timestamp {
  color: var(--str-chat-thread-list-item-text-low-emphasis-color);
}
.str-chat__thread-list-empty-placeholder {
  --str-chat-icon-color: var(--str-chat-thread-list-empty-placeholder-color);
  background-color: var(
    --str-chat-thread-list-empty-placeholder-background-color
  );
  color: var(--str-chat-thread-list-empty-placeholder-color);
}
.str-chat {
  --str-chat-selector-background-color: var(
    --str-chat__secondary-background-color
  );
  --str-chat-selector-border-color: var(--str-chat__surface-color);
  --str-chat-selector-button-color-default: var(
    --str-chat__text-low-emphasis-color
  );
  --str-chat-selector-button-color-selected: var(--str-chat__text-color);
  --str-chat-selector-button-background-color-default: #0000;
  --str-chat-selector-button-background-color-selected: var(
    --str-chat__surface-color
  );
}
.str-chat__chat-view__selector {
  border-right: 1px solid var(--str-chat-selector-border-color);
  background-color: var(--str-chat-selector-background-color);
}
.str-chat__chat-view__selector-button {
  --str-chat-icon-color: var(--str-chat-selector-button-color-default);
  border: none;
  background: var(--str-chat-selector-button-background-color-default);
  color: var(--str-chat-selector-button-color-default);
}
.str-chat__chat-view__selector-button[aria-selected="true"] {
  --str-chat-icon-color: var(--str-chat-selector-button-color-selected);
  color: var(--str-chat-selector-button-color-selected);
  background: var(--str-chat-selector-button-background-color-selected);
}
.str-chat {
  --str-chat-unread-count-badge-color: var(--str-chat__on-unread-badge-color);
  --str-chat-unread-count-badge-background-color: var(--str-chat__danger-color);
}
.str-chat__unread-count-badge {
  background-color: var(--str-chat-unread-count-badge-background-color);
  color: var(--str-chat-unread-count-badge-color);
  border-radius: 9999px;
}
.str-chat__ai-state-indicator-container {
  background-color: var(--str-chat__grey300);
}
.str-chat__ai-state-indicator-text {
  color: var(--str-chat__text-color);
}
.str-chat {
  --str-chat__border-radius-xs: 0.5rem;
  --str-chat__border-radius-sm: 0.5rem;
  --str-chat__border-radius-md: 0.75rem;
  --str-chat__border-radius-lg: 0.75rem;
  --str-chat__border-radius-circle: 624.9375rem;
  --str-chat__caption-text: 0.75rem/1.3 GoFundMeSans, Trebuchet, Helvetica,
    Arial, sans-serif;
  --str-chat__caption-medium-text: 400 0.75rem/1.3 GoFundMeSans, Trebuchet,
    Helvetica, Arial, sans-serif;
  --str-chat__caption-strong-text: 700 0.75rem/1.3 GoFundMeSans, Trebuchet,
    Helvetica, Arial, sans-serif;
  --str-chat__body-text: 0.875rem/1.2 GoFundMeSans, Trebuchet, Helvetica, Arial,
    sans-serif;
  --str-chat__body-medium-text: 400 0.875rem/1.2 GoFundMeSans, Trebuchet,
    Helvetica, Arial, sans-serif;
  --str-chat__body2-text: 0.9375rem/1.2 GoFundMeSans, Trebuchet, Helvetica,
    Arial, sans-serif;
  --str-chat__body2-medium-text: 400 0.9375rem/1.2 GoFundMeSans, Trebuchet,
    Helvetica, Arial, sans-serif;
  --str-chat__subtitle-text: 1rem/1.25 GoFundMeSans, Trebuchet, Helvetica, Arial,
    sans-serif;
  --str-chat__subtitle-medium-text: 400 1rem/1.25 GoFundMeSans, Trebuchet,
    Helvetica, Arial, sans-serif;
  --str-chat__subtitle2-text: 1.25rem/1.2 GoFundMeSans, Trebuchet, Helvetica,
    Arial, sans-serif;
  --str-chat__subtitle2-medium-text: 400 1.25rem/1.2 GoFundMeSans, Trebuchet,
    Helvetica, Arial, sans-serif;
  --str-chat__headline-text: 1.5rem/1.2 GoFundMeSans, Trebuchet, Helvetica,
    Arial, sans-serif;
  --str-chat__headline2-text: 1.8rem/1.2 GoFundMeSans, Trebuchet, Helvetica,
    Arial, sans-serif;
  --str-chat__primary-color: var(--hrt-color-surface-brand);
  --str-chat__primary-overlay-color: var(--hrt-color-surface-brand-strong);
  --str-chat__primary-color-low-emphasis: var(--hrt-color-surface-brand-subtle);
  --str-chat__active-primary-color: var(--hrt-color-surface-brand-strong);
  --str-chat__on-primary-color: var(--hrt-color-surface-brand-medium);
  --str-chat__background-color: var(--hrt-color-surface-default);
  --str-chat__secondary-background-color: var(--hrt-color-surface-default);
  --str-chat__primary-surface-color: var(--hrt-color-surface-brand-subtle);
  --str-chat__primary-surface-color-low-emphasis: var(
    --hrt-color-surface-neutral-extra-subtle
  );
  --str-chat__surface-color: var(--hrt-color-surface-neutral-medium);
  --str-chat__secondary-surface-color: var(--hrt-color-surface-neutral-subtle);
  --str-chat__tertiary-surface-color: var(--hrt-color-surface-indigo-subtle);
  --str-chat__text-color: var(--hrt-color-text-default);
  --str-chat__text-low-emphasis-color: var(--hrt-color-text-helper);
  --str-chat__disabled-color: var(--hrt-color-text-disabled);
  --str-chat__on-disabled-color: var(
    --hrt-color-text-disabled-on-disabled-on-strong
  );
  --str-chat__danger-color: var(--hrt-color-surface-negative-medium);
  --str-chat__message-highlight-color: var(
    --hrt-color-surface-green-subtle-hover
  );
  --str-chat__unread-badge-color: var(--hrt-color-surface-feature-strong);
  --str-chat__on-unread-badge-color: var(--hrt-color-text-default);
  --str-chat__overlay-color: var(--hrt-color-surface-neutral-medium);
  --str-chat__secondary-overlay-color: var(--hrt-color-surface-neutral-subtle);
  --str-chat__secondary-overlay-text-color: var(--hrt-color-text-brand-strong);
  --str-chat__opaque-surface-background-color: #000c;
  --str-chat__opaque-surface-text-color: var(--hrt-color-surface-brand);
  --str-chat__box-shadow-color: #0000002e;
  --str-chat__info-color: var(--hrt-color-surface-positive-medium);
  --str-chat__channel-border-radius: 0.75rem;
}
.success-with-message_messageText__9N4LS {
  margin-bottom: 0.5rem;
  text-align: center;
}
.ds-override_heading2__GdTQ3 {
  font-size: clamp(1rem, 1rem + 0.25 * (100vw - 23.4375rem)/66.5625, 1.25rem);
  font-weight: 400;
  line-height: 1.5;
}
.ds-override_heading1__3fbIN {
  font-size: clamp(
    1.5rem,
    1.5rem + 0.25 * (100vw - 23.4375rem)/66.5625,
    1.75rem
  );
  font-weight: 400;
  line-height: 1.5;
}
.descope-modal_descopeModal__3IEtG {
  box-shadow: 0 6px 14px #0000001a;
  overflow: auto;
}
@media (min-width: 48em) {
  .descope-modal_descopeModal__3IEtG {
    border-radius: 3.125rem;
  }
}
/*# sourceMappingURL=c00bb87bd7395415.css.map*/