@charset "UTF-8";

/* src/styles/_variables.scss */

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
}
html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}
html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}
html {
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}
html {
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}
html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}
html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
}
html {
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
}
html {
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
}
html {
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-accent {
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}
html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
}
html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
}
html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}
html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
}
html {
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}
html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}
html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}
html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}
html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}
html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}
html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
}
html {
  --mdc-filled-button-container-height:36px;
}
html {
  --mdc-protected-button-container-height:36px;
}
html {
  --mdc-outlined-button-container-height:36px;
}
html {
  --mat-text-button-touch-target-display:block;
}
html {
  --mat-filled-button-touch-target-display:block;
}
html {
  --mat-protected-button-touch-target-display:block;
}
html {
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}
html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}
html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}
html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
}
html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color:white;
}
html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
}
html {
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color:#c5cae9;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}
html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}
html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color:white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid hsl(0, 0%, 90%);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: hsl(0, 0%, 90%);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, .54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* src/styles/bpz-ui.css */
:root {
  --bpz-primary: #FFCC00;
  --bpz-primary-dark: #E6B800;
  --bpz-primary-light: #FFE066;
  --bpz-secondary: #FFFFFF;
  --bpz-black: #000000;
  --bpz-red: #DD0000;
  --bpz-red-dark: #BB0000;
  --bpz-gray-50: #FAFAFA;
  --bpz-gray-100: #F5F5F5;
  --bpz-gray-200: #EEEEEE;
  --bpz-gray-300: #E0E0E0;
  --bpz-gray-400: #BDBDBD;
  --bpz-gray-500: #9E9E9E;
  --bpz-gray-600: #757575;
  --bpz-gray-700: #616161;
  --bpz-gray-800: #424242;
  --bpz-gray-900: #212121;
  --bpz-font-primary: "Tajawal", sans-serif;
  --bpz-font-secondary: "Poppins", sans-serif;
  --bpz-font-tertiary: "Lato", sans-serif;
  --bpz-font-xs: 0.75rem;
  --bpz-font-sm: 0.875rem;
  --bpz-font-base: 1rem;
  --bpz-font-lg: 1.125rem;
  --bpz-font-xl: 1.25rem;
  --bpz-font-2xl: 1.5rem;
  --bpz-font-3xl: 1.875rem;
  --bpz-font-4xl: 2.25rem;
  --bpz-spacing-xs: 0.25rem;
  --bpz-spacing-sm: 0.5rem;
  --bpz-spacing-md: 1rem;
  --bpz-spacing-lg: 1.5rem;
  --bpz-spacing-xl: 2rem;
  --bpz-spacing-2xl: 3rem;
  --bpz-radius-sm: 12px;
  --bpz-radius-md: 16px;
  --bpz-radius-lg: 20px;
  --bpz-radius-xl: 24px;
  --bpz-radius-full: 9999px;
  --bpz-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --bpz-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --bpz-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --bpz-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
  --bpz-shadow-primary: 0 4px 12px rgba(255, 204, 0, 0.3);
  --bpz-transition-fast: 150ms ease;
  --bpz-transition-base: 250ms ease;
  --bpz-transition-slow: 350ms ease;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  line-height: 1.6;
  color: var(--bpz-black);
  background-color: var(--bpz-secondary);
}
.bpz-heading-1 {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-4xl);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-heading-2 {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-3xl);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-heading-3 {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-2xl);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: var(--bpz-spacing-sm);
}
.bpz-heading-4 {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-xl);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: var(--bpz-spacing-sm);
}
.bpz-text {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  line-height: 1.6;
}
.bpz-text-sm {
  font-size: var(--bpz-font-sm);
  line-height: 1.5;
}
.bpz-text-lg {
  font-size: var(--bpz-font-lg);
  line-height: 1.6;
}
.bpz-bg-primary {
  background-color: var(--bpz-primary);
  color: var(--bpz-black);
}
.bpz-bg-secondary {
  background-color: var(--bpz-secondary);
  color: var(--bpz-black);
}
.bpz-bg-black {
  background-color: var(--bpz-black);
  color: var(--bpz-secondary);
}
.bpz-bg-red {
  background-color: var(--bpz-red);
  color: var(--bpz-secondary);
}
.bpz-bg-gradient-primary {
  background:
    linear-gradient(
      135deg,
      var(--bpz-primary) 0%,
      var(--bpz-primary-light) 100%);
  color: var(--bpz-black);
}
.bpz-bg-gradient-dark {
  background:
    linear-gradient(
      135deg,
      var(--bpz-black) 0%,
      var(--bpz-gray-800) 100%);
  color: var(--bpz-secondary);
}
.bpz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--bpz-spacing-sm) var(--bpz-spacing-lg);
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-base);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--bpz-transition-base);
  border-radius: var(--bpz-radius-md);
  position: relative;
  overflow: hidden;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
}
.bpz-btn:focus-visible {
  outline: 2px solid var(--bpz-primary);
  outline-offset: 2px;
}
.bpz-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.bpz-btn-primary {
  background-color: var(--bpz-primary);
  color: var(--bpz-black);
  box-shadow: var(--bpz-shadow-primary);
}
.bpz-btn-primary:hover:not(:disabled) {
  background-color: var(--bpz-primary-dark);
  transform: translateY(-2px);
  box-shadow: var(--bpz-shadow-lg);
}
.bpz-btn-primary:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: var(--bpz-shadow-sm);
}
.bpz-btn-secondary {
  background-color: var(--bpz-secondary);
  color: var(--bpz-black);
  border: 2px solid var(--bpz-primary);
  box-shadow: var(--bpz-shadow-sm);
}
.bpz-btn-secondary:hover:not(:disabled) {
  background-color: var(--bpz-primary-light);
  transform: translateY(-2px);
  box-shadow: var(--bpz-shadow-md);
}
.bpz-btn-black {
  background-color: var(--bpz-black);
  color: var(--bpz-secondary);
  box-shadow: var(--bpz-shadow-md);
}
.bpz-btn-black:hover:not(:disabled) {
  background-color: var(--bpz-gray-800);
  transform: translateY(-2px);
  box-shadow: var(--bpz-shadow-lg);
}
.bpz-btn-red {
  background-color: var(--bpz-red);
  color: var(--bpz-secondary);
  box-shadow: 0 4px 12px rgba(221, 0, 0, 0.3);
}
.bpz-btn-red:hover:not(:disabled) {
  background-color: var(--bpz-red-dark);
  transform: translateY(-2px);
  box-shadow: var(--bpz-shadow-lg);
}
.bpz-btn-outline {
  background-color: transparent;
  color: var(--bpz-primary);
  border: 2px solid var(--bpz-primary);
}
.bpz-btn-outline:hover:not(:disabled) {
  background-color: var(--bpz-primary);
  color: var(--bpz-black);
  transform: translateY(-2px);
}
.bpz-btn-sm {
  padding: var(--bpz-spacing-xs) var(--bpz-spacing-md);
  font-size: var(--bpz-font-sm);
  border-radius: var(--bpz-radius-sm);
}
.bpz-btn-lg {
  padding: var(--bpz-spacing-md) var(--bpz-spacing-xl) !important;
  font-size: var(--bpz-font-lg) !important;
  border-radius: var(--bpz-radius-lg) !important;
}
.bpz-btn-full {
  width: 100%;
}
.bpz-btn-icon {
  display: inline-flex;
  align-items: center;
  gap: var(--bpz-spacing-sm);
}
.bpz-btn-icon svg {
  width: 1.25em;
  height: 1.25em;
}
.bpz-input-wrapper {
  position: relative;
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-input-label {
  display: block;
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-sm);
  font-weight: 600;
  color: var(--bpz-black);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-input,
textarea.bpz-input {
  width: 100%;
  padding: var(--bpz-spacing-sm) var(--bpz-spacing-md);
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-black);
  background-color: var(--bpz-secondary);
  border: 2px solid var(--bpz-gray-300);
  border-radius: var(--bpz-radius-md);
  transition: all var(--bpz-transition-base);
  outline: none;
}
textarea.bpz-input {
  resize: vertical;
  min-height: 100px;
}
.bpz-input:focus {
  border-color: var(--bpz-primary);
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}
.bpz-input:disabled {
  background-color: var(--bpz-gray-100);
  cursor: not-allowed;
  opacity: 0.6;
}
.bpz-input::placeholder {
  color: var(--bpz-gray-500);
}
.bpz-input-error {
  border-color: var(--bpz-red);
}
.bpz-input-error:focus {
  border-color: var(--bpz-red);
  box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1);
}
.bpz-input-error-message {
  display: block;
  margin-top: var(--bpz-spacing-xs);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-red);
}
.bpz-input-success {
  border-color: var(--bpz-primary);
}
.bpz-input-sm {
  padding: var(--bpz-spacing-xs) var(--bpz-spacing-sm);
  font-size: var(--bpz-font-sm);
  border-radius: var(--bpz-radius-sm);
}
.bpz-input-lg {
  padding: var(--bpz-spacing-md) var(--bpz-spacing-lg);
  font-size: var(--bpz-font-lg);
  border-radius: var(--bpz-radius-lg);
}
.bpz-input-icon {
  position: relative;
}
.bpz-input-icon .bpz-input {
  padding-left: 2.5rem;
}
.bpz-input-icon-left {
  position: absolute;
  left: var(--bpz-spacing-md);
  top: 50%;
  transform: translateY(-50%);
  color: var(--bpz-gray-500);
  pointer-events: none;
}
.bpz-input-icon-right {
  position: absolute;
  right: var(--bpz-spacing-md);
  top: 50%;
  transform: translateY(-50%);
  color: var(--bpz-gray-500);
  pointer-events: none;
}
.bpz-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: var(--bpz-spacing-sm);
  margin-bottom: var(--bpz-spacing-sm);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.bpz-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid var(--bpz-gray-400);
  border-radius: var(--bpz-radius-sm);
  background-color: var(--bpz-secondary);
  cursor: pointer;
  transition: all var(--bpz-transition-base);
  flex-shrink: 0;
}
.bpz-checkbox:checked {
  background-color: var(--bpz-primary);
  border-color: var(--bpz-primary);
}
.bpz-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid var(--bpz-black);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.bpz-checkbox:focus {
  outline: 2px solid var(--bpz-primary);
  outline-offset: 2px;
}
.bpz-checkbox:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpz-checkbox-label {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-black);
  cursor: pointer;
}
.bpz-checkbox-label:has(+ .bpz-checkbox:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpz-radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--bpz-spacing-sm);
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-radio-wrapper {
  display: flex;
  align-items: center;
  gap: var(--bpz-spacing-sm);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.bpz-radio {
  position: relative;
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid var(--bpz-gray-400);
  border-radius: 50%;
  background-color: var(--bpz-secondary);
  cursor: pointer;
  transition: all var(--bpz-transition-base);
  flex-shrink: 0;
}
.bpz-radio:checked {
  border-color: var(--bpz-primary);
}
.bpz-radio:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--bpz-primary);
}
.bpz-radio:focus {
  outline: 2px solid var(--bpz-primary);
  outline-offset: 2px;
}
.bpz-radio:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpz-radio-label {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-black);
  cursor: pointer;
}
.bpz-radio-label:has(+ .bpz-radio:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpz-radio-group-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.bpz-switch-wrapper {
  display: flex;
  align-items: center;
  gap: var(--bpz-spacing-sm);
  margin-bottom: var(--bpz-spacing-sm);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.bpz-switch {
  position: relative;
  width: 48px;
  height: 28px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--bpz-gray-300);
  border-radius: var(--bpz-radius-full);
  cursor: pointer;
  transition: all var(--bpz-transition-base);
  flex-shrink: 0;
  outline: none;
}
.bpz-switch::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 22px;
  height: 22px;
  background-color: var(--bpz-secondary);
  border-radius: 50%;
  transition: all var(--bpz-transition-base);
  box-shadow: var(--bpz-shadow-sm);
}
.bpz-switch:checked {
  background-color: var(--bpz-primary);
}
.bpz-switch:checked::before {
  transform: translateX(20px);
}
.bpz-switch:focus {
  outline: 2px solid var(--bpz-primary);
  outline-offset: 2px;
}
.bpz-switch:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpz-switch-label {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-black);
  cursor: pointer;
}
.bpz-switch-label:has(+ .bpz-switch:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpz-switch-sm {
  width: 40px;
  height: 24px;
}
.bpz-switch-sm::before {
  width: 18px;
  height: 18px;
}
.bpz-switch-sm:checked::before {
  transform: translateX(16px);
}
.bpz-switch-lg {
  width: 56px;
  height: 32px;
}
.bpz-switch-lg::before {
  width: 26px;
  height: 26px;
}
.bpz-switch-lg:checked::before {
  transform: translateX(24px);
}
.bpz-card {
  background-color: var(--bpz-secondary);
  border-radius: var(--bpz-radius-lg);
  box-shadow: var(--bpz-shadow-md);
  padding: var(--bpz-spacing-lg);
  transition: all var(--bpz-transition-base);
}
.bpz-card:hover {
  box-shadow: var(--bpz-shadow-lg);
  transform: translateY(-2px);
}
.bpz-card-header {
  margin-bottom: var(--bpz-spacing-md);
  padding-bottom: var(--bpz-spacing-md);
  border-bottom: 1px solid var(--bpz-gray-200);
}
.bpz-card-title {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-xl);
  font-weight: 600;
  color: var(--bpz-black);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-card-subtitle {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-gray-600);
}
.bpz-card-body {
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-card-footer {
  margin-top: var(--bpz-spacing-md);
  padding-top: var(--bpz-spacing-md);
  border-top: 1px solid var(--bpz-gray-200);
}
.bpz-card-primary {
  background:
    linear-gradient(
      135deg,
      var(--bpz-primary) 0%,
      var(--bpz-primary-light) 100%);
  color: var(--bpz-black);
}
.bpz-card-dark {
  background-color: var(--bpz-black);
  color: var(--bpz-secondary);
}
.bpz-card-dark .bpz-card-header,
.bpz-card-dark .bpz-card-footer {
  border-color: var(--bpz-gray-700);
}
.bpz-login-card {
  max-width: 420px;
  margin: 0 auto;
  background-color: var(--bpz-secondary);
  border-radius: var(--bpz-radius-xl);
  box-shadow: var(--bpz-shadow-xl);
  padding: var(--bpz-spacing-2xl);
  overflow: hidden;
  position: relative;
}
.bpz-login-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background:
    linear-gradient(
      90deg,
      var(--bpz-primary) 0%,
      var(--bpz-primary-light) 100%);
}
.bpz-login-card-header {
  text-align: center;
  margin-bottom: var(--bpz-spacing-xl);
}
.bpz-login-card-title {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-3xl);
  font-weight: 700;
  color: var(--bpz-black);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-login-card-subtitle {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-gray-600);
}
.bpz-login-card-body {
  margin-bottom: var(--bpz-spacing-lg);
}
.bpz-login-card-footer {
  text-align: center;
  margin-top: var(--bpz-spacing-lg);
  padding-top: var(--bpz-spacing-lg);
  border-top: 1px solid var(--bpz-gray-200);
}
.bpz-login-card-footer-text {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-gray-600);
}
.bpz-login-card-footer-link {
  color: var(--bpz-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--bpz-transition-base);
}
.bpz-login-card-footer-link:hover {
  color: var(--bpz-primary-dark);
  text-decoration: underline;
}
.bpz-navbar {
  background-color: var(--bpz-secondary);
  box-shadow: var(--bpz-shadow-md);
  padding: var(--bpz-spacing-md) var(--bpz-spacing-lg);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-radius: 0 0 var(--bpz-radius-md) var(--bpz-radius-md);
}
.bpz-navbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
.bpz-navbar-brand {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-xl);
  font-weight: 700;
  color: var(--bpz-black);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--bpz-spacing-sm);
}
.bpz-navbar-nav {
  display: flex;
  align-items: center;
  gap: var(--bpz-spacing-lg);
  list-style: none;
}
.bpz-navbar-link {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-black);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--bpz-transition-base);
  position: relative;
  padding: var(--bpz-spacing-xs) 0;
}
.bpz-navbar-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--bpz-primary);
  transition: width var(--bpz-transition-base);
}
.bpz-navbar-link:hover,
.bpz-navbar-link-active {
  color: var(--bpz-primary);
}
.bpz-navbar-link:hover::after,
.bpz-navbar-link-active::after {
  width: 100%;
}
.bpz-navbar-actions {
  display: flex;
  align-items: center;
  gap: var(--bpz-spacing-md);
}
.bpz-navbar-dark {
  background-color: var(--bpz-black);
  color: var(--bpz-secondary);
}
.bpz-navbar-dark .bpz-navbar-brand,
.bpz-navbar-dark .bpz-navbar-link {
  color: var(--bpz-secondary);
}
.bpz-navbar-dark .bpz-navbar-link:hover,
.bpz-navbar-dark .bpz-navbar-link-active {
  color: var(--bpz-primary);
}
.bpz-navbar-primary {
  background:
    linear-gradient(
      135deg,
      var(--bpz-primary) 0%,
      var(--bpz-primary-light) 100%);
  color: var(--bpz-black);
}
@media (max-width: 768px) {
  .bpz-navbar-nav {
    display: none;
  }
  .bpz-navbar-mobile-toggle {
    display: block;
    background: none;
    border: none;
    font-size: var(--bpz-font-xl);
    cursor: pointer;
    color: var(--bpz-black);
  }
}
.bpz-upload-card {
  border: 2px dashed var(--bpz-gray-300);
  border-radius: var(--bpz-radius-lg);
  padding: var(--bpz-spacing-2xl);
  text-align: center;
  background-color: var(--bpz-gray-50);
  transition: all var(--bpz-transition-base);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.bpz-upload-card:hover {
  border-color: var(--bpz-primary);
  background-color: var(--bpz-primary-light);
}
.bpz-upload-card-dragover {
  border-color: var(--bpz-primary);
  background-color: var(--bpz-primary-light);
  box-shadow: var(--bpz-shadow-primary);
}
.bpz-upload-card-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--bpz-spacing-md);
  color: var(--bpz-gray-500);
  transition: all var(--bpz-transition-base);
}
.bpz-upload-card:hover .bpz-upload-card-icon {
  color: var(--bpz-primary);
  transform: scale(1.1);
}
.bpz-upload-card-title {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-lg);
  font-weight: 600;
  color: var(--bpz-black);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-upload-card-text {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-gray-600);
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-upload-card-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.bpz-upload-card-files {
  margin-top: var(--bpz-spacing-md);
  text-align: left;
}
.bpz-upload-card-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bpz-spacing-sm);
  background-color: var(--bpz-secondary);
  border-radius: var(--bpz-radius-sm);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-upload-card-file-name {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-black);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bpz-upload-card-file-remove {
  background: none;
  border: none;
  color: var(--bpz-red);
  cursor: pointer;
  font-size: var(--bpz-font-lg);
  padding: 0 var(--bpz-spacing-xs);
  transition: transform var(--bpz-transition-base);
}
.bpz-upload-card-file-remove:hover {
  transform: scale(1.2);
}
.bpz-form-card {
  background-color: var(--bpz-secondary);
  border-radius: var(--bpz-radius-lg);
  box-shadow: var(--bpz-shadow-md);
  padding: var(--bpz-spacing-xl);
  max-width: 600px;
  margin: 0 auto;
}
.bpz-form-card-header {
  margin-bottom: var(--bpz-spacing-xl);
  text-align: center;
}
.bpz-form-card-title {
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-2xl);
  font-weight: 600;
  color: var(--bpz-black);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-form-card-subtitle {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-gray-600);
}
.bpz-form-card-body {
  margin-bottom: var(--bpz-spacing-lg);
}
.bpz-form-group {
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-form-actions {
  display: flex;
  gap: var(--bpz-spacing-md);
  margin-top: var(--bpz-spacing-lg);
}
.bpz-form-actions .bpz-btn {
  flex: 1;
}
.bpz-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--bpz-spacing-xl);
  position: relative;
}
.bpz-steps::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--bpz-gray-300);
  z-index: 0;
}
.bpz-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  flex: 1;
}
.bpz-step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bpz-gray-300);
  color: var(--bpz-gray-600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-base);
  font-weight: 600;
  margin-bottom: var(--bpz-spacing-sm);
  transition: all var(--bpz-transition-base);
}
.bpz-step-active .bpz-step-number {
  background-color: var(--bpz-primary);
  color: var(--bpz-black);
  box-shadow: var(--bpz-shadow-primary);
  transform: scale(1.1);
}
.bpz-step-completed .bpz-step-number {
  background-color: var(--bpz-primary);
  color: var(--bpz-black);
}
.bpz-step-completed .bpz-step-number::after {
  content: "\2713";
  font-size: var(--bpz-font-lg);
}
.bpz-step-label {
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-gray-600);
  text-align: center;
  max-width: 100px;
}
.bpz-step-active .bpz-step-label {
  color: var(--bpz-black);
  font-weight: 600;
}
.bpz-step-completed .bpz-step-label {
  color: var(--bpz-primary);
  font-weight: 600;
}
.bpz-step-connector {
  position: absolute;
  top: 20px;
  left: 50%;
  right: -50%;
  height: 2px;
  background-color: var(--bpz-gray-300);
  z-index: 0;
}
.bpz-step:last-child .bpz-step-connector {
  display: none;
}
.bpz-step-completed .bpz-step-connector {
  background-color: var(--bpz-primary);
}
.bpz-table-wrapper {
  overflow-x: auto;
  border-radius: var(--bpz-radius-lg);
  box-shadow: var(--bpz-shadow-sm);
  margin-bottom: var(--bpz-spacing-lg);
}
.bpz-table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--bpz-secondary);
  font-family: var(--bpz-font-primary);
}
.bpz-table thead {
  background-color: var(--bpz-gray-100);
}
.bpz-table th {
  padding: var(--bpz-spacing-md);
  text-align: left;
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-sm);
  font-weight: 600;
  color: var(--bpz-black);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--bpz-gray-300);
}
.bpz-table td {
  padding: var(--bpz-spacing-md);
  border-bottom: 1px solid var(--bpz-gray-200);
  color: var(--bpz-black);
}
.bpz-table tbody tr {
  transition: background-color var(--bpz-transition-base);
}
.bpz-table tbody tr:hover {
  background-color: var(--bpz-gray-50);
}
.bpz-table tbody tr:last-child td {
  border-bottom: none;
}
.bpz-table-striped tbody tr:nth-child(even) {
  background-color: var(--bpz-gray-50);
}
.bpz-table-striped tbody tr:nth-child(even):hover {
  background-color: var(--bpz-gray-100);
}
.bpz-table-primary thead {
  background-color: var(--bpz-primary);
  color: var(--bpz-black);
}
.bpz-table-primary thead th {
  color: var(--bpz-black);
  border-bottom-color: var(--bpz-primary-dark);
}
.bpz-table-dark {
  background-color: var(--bpz-black);
  color: var(--bpz-secondary);
}
.bpz-table-dark thead {
  background-color: var(--bpz-gray-800);
}
.bpz-table-dark th,
.bpz-table-dark td {
  color: var(--bpz-secondary);
  border-bottom-color: var(--bpz-gray-700);
}
.bpz-table-dark tbody tr:hover {
  background-color: var(--bpz-gray-800);
}
@keyframes bpz-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bpz-slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bpz-slide-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bpz-scale-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bpz-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes bpz-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bpz-animate-fade-in {
  animation: bpz-fade-in var(--bpz-transition-slow) ease;
}
.bpz-animate-slide-up {
  animation: bpz-slide-up var(--bpz-transition-slow) ease;
}
.bpz-animate-slide-down {
  animation: bpz-slide-down var(--bpz-transition-slow) ease;
}
.bpz-animate-scale-in {
  animation: bpz-scale-in var(--bpz-transition-slow) ease;
}
.bpz-animate-pulse {
  animation: bpz-pulse 2s ease-in-out infinite;
}
.bpz-animate-spin {
  animation: bpz-spin 1s linear infinite;
}
.bpz-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--bpz-spacing-lg);
}
.bpz-flex {
  display: flex;
}
.bpz-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bpz-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bpz-grid {
  display: grid;
}
.bpz-grid-2 {
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bpz-spacing-md);
}
.bpz-grid-3 {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bpz-spacing-md);
}
.bpz-grid-4 {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bpz-spacing-md);
}
.bpz-mt-sm {
  margin-top: var(--bpz-spacing-sm);
}
.bpz-mt-md {
  margin-top: var(--bpz-spacing-md);
}
.bpz-mt-lg {
  margin-top: var(--bpz-spacing-lg);
}
.bpz-mb-sm {
  margin-bottom: var(--bpz-spacing-sm);
}
.bpz-mb-md {
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-mb-lg {
  margin-bottom: var(--bpz-spacing-lg);
}
.bpz-p-sm {
  padding: var(--bpz-spacing-sm);
}
.bpz-p-md {
  padding: var(--bpz-spacing-md);
}
.bpz-p-lg {
  padding: var(--bpz-spacing-lg);
}
.bpz-text-center {
  text-align: center;
}
.bpz-text-left {
  text-align: left;
}
.bpz-text-right {
  text-align: right;
}
.bpz-hidden {
  display: none;
}
.bpz-visible {
  display: block;
}
@media (max-width: 768px) {
  .bpz-grid-2,
  .bpz-grid-3,
  .bpz-grid-4 {
    grid-template-columns: 1fr;
  }
  .bpz-steps {
    flex-direction: column;
    gap: var(--bpz-spacing-md);
  }
  .bpz-steps::before {
    display: none;
  }
  .bpz-form-actions {
    flex-direction: column;
  }
  .bpz-navbar-container {
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .bpz-card,
  .bpz-form-card,
  .bpz-login-card {
    padding: var(--bpz-spacing-md);
  }
  .bpz-heading-1 {
    font-size: var(--bpz-font-2xl);
  }
  .bpz-heading-2 {
    font-size: var(--bpz-font-xl);
  }
}

/* src/styles/buttons.css */
.bpz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--bpz-spacing-sm) var(--bpz-spacing-lg);
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-base);
  font-weight: var(--bpz-font-weight-semibold);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--bpz-transition-base);
  border-radius: var(--bpz-radius-md);
  position: relative;
  overflow: hidden;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
}
.bpz-btn:focus-visible {
  outline: 2px solid var(--bpz-primary) !important;
  outline-offset: 2px;
}
.bpz-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.bpz-btn-primary {
  background-color: var(--bpz-primary) !important;
  color: var(--bpz-black) !important;
  box-shadow: var(--bpz-shadow-primary) !important;
}
.bpz-btn-primary:hover:not(:disabled) {
  background-color: var(--bpz-primary-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--bpz-shadow-lg) !important;
}
.bpz-btn-primary:active:not(:disabled) {
  transform: translateY(0) !important;
  box-shadow: var(--bpz-shadow-sm) !important;
}
.bpz-btn-secondary {
  background-color: var(--bpz-secondary) !important;
  color: var(--bpz-black) !important;
  border: 2px solid var(--bpz-primary) !important;
  box-shadow: var(--bpz-shadow-sm) !important;
}
.bpz-btn-secondary:hover:not(:disabled) {
  background-color: var(--bpz-primary-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--bpz-shadow-md) !important;
}
.bpz-btn-black {
  background-color: var(--bpz-black) !important;
  color: var(--bpz-secondary) !important;
  box-shadow: var(--bpz-shadow-md) !important;
}
.bpz-btn-black:hover:not(:disabled) {
  background-color: var(--bpz-gray-800) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--bpz-shadow-lg) !important;
}
.bpz-btn-red {
  background-color: var(--bpz-red) !important;
  color: var(--bpz-secondary) !important;
  box-shadow: var(--bpz-shadow-red) !important;
}
.bpz-btn-red:hover:not(:disabled) {
  background-color: var(--bpz-red-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--bpz-shadow-lg) !important;
}
.bpz-btn-outline {
  background-color: transparent !important;
  color: var(--bpz-primary) !important;
  border: 2px solid var(--bpz-primary) !important;
}
.bpz-btn-outline:hover:not(:disabled) {
  background-color: var(--bpz-primary) !important;
  color: var(--bpz-black) !important;
  transform: translateY(-2px) !important;
}
.bpz-btn-sm {
  padding: var(--bpz-spacing-xs) var(--bpz-spacing-md) !important;
  font-size: var(--bpz-font-sm) !important;
  border-radius: var(--bpz-radius-sm) !important;
}
.bpz-btn-lg {
  padding: var(--bpz-spacing-md) var(--bpz-spacing-xl) !important;
  font-size: var(--bpz-font-lg) !important;
  border-radius: var(--bpz-radius-lg) !important;
}
.bpz-btn-full {
  width: 100% !important;
}
.bpz-btn-icon {
  display: inline-flex;
  align-items: center;
  gap: var(--bpz-spacing-sm) !important;
}
.bpz-btn-icon svg {
  width: 1.25em;
  height: 1.25em;
}

/* src/styles/inputs.css */
.bpz-input-wrapper {
  position: relative;
  margin-bottom: var(--bpz-spacing-md);
}
.bpz-input-label {
  display: block;
  font-family: var(--bpz-font-secondary);
  font-size: var(--bpz-font-sm);
  font-weight: var(--bpz-font-weight-semibold);
  color: var(--bpz-black);
  margin-bottom: var(--bpz-spacing-xs);
}
.bpz-input,
textarea.bpz-input {
  width: 100%;
  padding: var(--bpz-spacing-sm) var(--bpz-spacing-md);
  font-family: var(--bpz-font-primary);
  font-size: var(--bpz-font-base);
  color: var(--bpz-black);
  background-color: var(--bpz-secondary);
  border: 2px solid var(--bpz-gray-300);
  border-radius: var(--bpz-radius-md);
  transition: all var(--bpz-transition-base);
  outline: none;
}
textarea.bpz-input {
  resize: vertical;
  min-height: 100px;
}
.bpz-input:focus {
  border-color: var(--bpz-primary);
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.1);
}
.bpz-input:disabled {
  background-color: var(--bpz-gray-100);
  cursor: not-allowed;
  opacity: 0.6;
}
.bpz-input::placeholder {
  color: var(--bpz-gray-500);
}
.bpz-input-error {
  border-color: var(--bpz-red);
}
.bpz-input-error:focus {
  border-color: var(--bpz-red);
  box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1);
}
.bpz-input-error-message {
  display: block;
  margin-top: var(--bpz-spacing-xs);
  font-size: var(--bpz-font-sm);
  color: var(--bpz-red);
}
.bpz-input-success {
  border-color: var(--bpz-primary);
}
.bpz-input-sm {
  padding: var(--bpz-spacing-xs) var(--bpz-spacing-sm) !important;
  font-size: var(--bpz-font-sm);
  border-radius: var(--bpz-radius-sm);
}
.bpz-input-lg {
  padding: var(--bpz-spacing-md) var(--bpz-spacing-lg) !important;
  font-size: var(--bpz-font-lg);
  border-radius: var(--bpz-radius-lg);
}
.bpz-input-icon {
  position: relative;
}
.bpz-input-icon .bpz-input {
  padding-left: 3rem !important;
}
.bpz-input-icon-left {
  position: absolute;
  left: var(--bpz-spacing-md);
  top: 50%;
  transform: translateY(-50%);
  color: var(--bpz-gray-500);
  pointer-events: none;
}
.bpz-input-icon-right {
  position: absolute;
  right: var(--bpz-spacing-md) !important;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bpz-gray-500);
  pointer-events: none;
}

/* src/styles.scss */
.str-chat {
  box-sizing: border-box;
  font-family: var(--str-chat__font-family);
}
.str-chat * {
  box-sizing: border-box;
}
.str-chat .ngxp__container,
.str-chat .float-ui-container {
  z-index: 1;
  padding: 0 !important;
  box-shadow: none !important;
  border-color: transparent !important;
  max-width: 100vw;
}
.str-chat .ngxp__container .ngxp__arrow,
.str-chat .float-ui-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 {
  height: 100%;
  max-height: 100%;
}
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 {
  --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);
}
@font-face {
  font-family: "stream-chat-icons";
  src: url("./media/stream-chat-icons.eot");
  src:
    url("./media/stream-chat-icons.eot#iefix") format("embedded-opentype"),
    url("./media/stream-chat-icons.woff") format("woff2"),
    url("./media/stream-chat-icons.woff") format("woff"),
    url("./media/stream-chat-icons.ttf") format("truetype"),
    url("./media/stream-chat-icons.svg#stream-chat-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "stream-chat-icons";
    src: url("./media/stream-chat-icons.svg#stream-chat-icons") format("svg");
  }
}
.str-chat {
  --str-chat__avatar-size: calc(var(--str-chat__spacing-px) * 32);
}
.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:nth-child(1) {
  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--video:not(.str-chat__message-attachment--card),
.str-chat__attachment-list .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) {
  margin: var(--str-chat__attachment-margin);
}
.str-chat__attachment-list .str-chat__message-attachment--gallery {
  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: fit-content;
  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: top left;
  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;
  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-file--item,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget {
  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-file--item .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-audio-widget .str-chat__message-attachment-file--item-text,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--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-file--item .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-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-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-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-file--item-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-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-audio-widget--text .str-chat__message-attachment-audio-widget--text-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-file--item .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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-audio-widget--text-first-row .str-chat__message-attachment-audio-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-file--item .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-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-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-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-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-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-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-audio-widget--text .str-chat__message-attachment-audio-widget--text-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;
  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;
  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;
  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;
}
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget .str-chat__wave-progress-bar__track {
  position: relative;
  flex: 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--source-link,
.str-chat__quoted-message-preview .str-chat__message-attachment-card .str-chat__message-attachment-card--content {
  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__voice-recording-widget .str-chat__wave-progress-bar__track {
  display: none;
}
.str-chat__quoted-message-preview .str-chat__message-attachment__voice-recording-widget .str-chat__message-attachment-audio-widget--play-button {
  display: none;
}
.str-chat__quoted-message-preview .str-chat__message-attachment-file--item-download {
  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;
  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-unsupported,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file {
  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-unsupported .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-voice-recording .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-file .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.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-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-file-end .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-voice-recording .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-metadata .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-file-end .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-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-file-end .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name {
  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-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__attachment-preview-list .str-chat__attachment-preview-file .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-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,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .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: 0;
}
.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__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;
  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;
  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: fit-content;
}
.str-chat__audio_recorder .str-chat__waveform-box-container,
stream-voice-recorder-wavebar .str-chat__waveform-box-container {
  flex: 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__message-attachment-card--header .str-chat__message-attachment-file--item-download,
.str-chat__gallery-image .str-chat__message-attachment-file--item-download,
.str-chat__message-attachment--image .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 {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.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);
  border-radius: var(--str-chat__avatar-border-radius);
}
.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;
  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;
  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-title,
.str-chat__channel-header .str-chat__channel-header-end .str-chat__channel-header-info {
  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 {
  height: 100%;
}
.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;
}
.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--name,
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message {
  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--name p,
.str-chat__channel-preview .str-chat__channel-preview-end .str-chat__channel-preview-messenger--last-message 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;
  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--icon,
.str-chat__channel-search .str-chat__channel-search-bar .str-chat__channel-search-input--wrapper .str-chat__channel-search-input--clear-button {
  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;
  min-width: 0;
}
.str-chat__channel-search .str-chat__channel-search-container-searching {
  width: 100%;
  padding: var(--str-chat__spacing-5) var(--str-chat__spacing-4);
}
.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;
}
.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: 1.25rem;
}
.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__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;
  cursor: pointer;
  background: transparent;
}
.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: scale(-1, 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: normal;
  font-size: var(--str-chat-icon-height);
  line-height: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
  width: var(--str-chat-icon-width);
}
.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: "\e800";
}
.str-chat__icon--arrow-down::before {
  content: "\e801";
}
.str-chat__icon--arrow-left::before {
  content: "\e802";
}
.str-chat__icon--arrow-right::before {
  content: "\e803";
}
.str-chat__icon--close::before {
  content: "\e804";
}
.str-chat__icon--arrow-up::before {
  content: "\e805";
}
.str-chat__icon--chat-bubble::before {
  content: "\e806";
}
.str-chat__icon--pause::before {
  content: "\e807";
}
.str-chat__icon--download::before {
  content: "\e808";
}
.str-chat__icon--delivered::before {
  content: "\e809";
}
.str-chat__icon--play::before {
  content: "\e814";
}
.str-chat__icon--reaction::before {
  content: "\e80b";
}
.str-chat__icon--error::before {
  content: "\e80c";
}
.str-chat__icon--read::before {
  content: "\e80d";
}
.str-chat__icon--retry::before {
  content: "\e80e";
}
.str-chat__icon--reply-in-thread::before {
  content: "\e80f";
}
.str-chat__icon--send::before {
  content: "\e810";
}
.str-chat__icon--attach::before {
  content: "\e811";
}
.str-chat__icon--mic::before {
  content: "\e812";
}
.str-chat__icon--bin::before {
  content: "\e813";
}
.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;
  padding-inline: 0.5rem;
}
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title,
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {
  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 {
  --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);
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
stream-loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}
stream-loading-indicator .str-chat__loading-indicator {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
.str-chat__loading-indicator-placeholder {
  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;
  hyphens: auto;
  overflow-wrap: break-word;
}
.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: "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" "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--deleted,
.str-chat__quoted-message-preview.str-chat__message--deleted {
  grid-template-areas: "message";
}
.str-chat__message.str-chat__message--blocked,
.str-chat__quoted-message-preview.str-chat__message--blocked {
  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;
  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-reply-in-thread-button,
.str-chat__message .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-actions-box-button,
.str-chat__quoted-message-preview .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-reactions-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: "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: "\2022";
  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-replies-count-button-wrapper,
.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper {
  grid-area: replies;
}
.str-chat__message .str-chat__message-replies-count-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__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) {
}
.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__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__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,
.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 {
  display: flex;
}
.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__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__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,
.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 {
  margin-inline-end: 0;
}
.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__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__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,
.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 {
  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:hover .str-chat__message-options,
  .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__virtual-list: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 {
    display: flex;
  }
  .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__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__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,
  .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 {
    margin-inline-end: 0;
  }
  .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__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__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,
  .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 {
    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 {
  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;
  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: translate3d(0, 0, 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-edit,
.str-chat__message-bounce-prompt .str-chat__message-bounce-send,
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {
  cursor: pointer;
  padding: var(--str-chat__spacing-2);
}
.str-chat__message-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--str-chat__spacing-1) var(--str-chat__spacing-2);
  position: relative;
}
.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__dropzone-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 5;
}
.str-chat__message-input .str-chat__dropzone-container p {
  margin: unset;
}
.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 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.str-chat__message-input .str-chat__message-textarea-react-host {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.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__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: initial;
}
[dir=rtl] .str-chat__send-button svg,
[dir=rtl] .str-chat__start-recording-audio-button svg {
  transform: scale(-1, 1);
}
.str-chat__attachment-selector-actions-menu button,
.str-chat__attachment-selector 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__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;
  -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: 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 {
  display: flex;
  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: 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 {
  display: none;
}
.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 button.str-chat__modal-header__go-back-button,
.str-chat__modal--open .str-chat__modal-header .str-chat__modal__close-button {
  padding: 1rem;
  background-size: 0.875rem;
  background-repeat: no-repeat;
  background-position: center;
}
.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;
}
.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;
}
.str-chat__list-notifications {
  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: center;
  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__poll-option-list--full .str-chat__amount-bar,
.str-chat__modal__poll-results .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;
  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;
}
.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:nth-of-type(1) {
  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;
  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-results__body,
.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__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list {
  display: flex;
  flex-direction: column;
  flex: 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-results__body,
.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__poll-answer-list {
  overflow-y: auto;
  padding: 0 1rem 1.25rem;
}
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list {
  gap: 0.5rem;
}
.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-option-list__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;
}
.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;
}
.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 {
  width: 100%;
}
.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;
  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;
  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;
  min-width: 0;
}
.str-chat__search .str-chat__search-results {
  flex: 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 {
  flex: 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 {
  flex: 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;
  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-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-channel-name,
.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 {
  padding: var(--str-chat__spacing-2);
}
.str-chat__tooltip {
  overflow-y: hidden;
  display: flex;
  padding: var(--str-chat__spacing-2);
  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 {
  display: flex;
  flex-grow: 1;
}
.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-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: #ffffff;
  --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 {
  --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: rgba(0, 95, 255, 0.6);
  --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: rgba(252, 252, 252, 0.9);
  --str-chat__secondary-overlay-color: rgba(0, 0, 0, 0.2);
  --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);
  --str-chat__opaque-surface-background-color: rgba(0, 0, 0, 0.8);
  --str-chat__opaque-surface-text-color: var(--str-chat__grey50);
  --str-chat__box-shadow-color: rgba(0, 0, 0, 0.18);
  --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: rgba(51, 126, 255, 0.6);
  --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: rgba(0, 0, 0, 0.7);
  --str-chat__secondary-overlay-color: rgba(0, 0, 0, 0.4);
  --str-chat__secondary-overlay-text-color: var(--str-chat__grey50);
  --str-chat__opaque-surface-background-color: rgba(250, 250, 250, 0.85);
  --str-chat__opaque-surface-text-color: var(--str-chat__grey900);
  --str-chat__box-shadow-color: rgba(0, 0, 0, 0.8);
  --str-chat__info-color: var(--str-chat__green500);
}
.image-gallery-icon {
  color: #fff;
  transition: all 0.3s ease-out;
  appearance: none;
  background-color: transparent;
  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;
  -moz-user-select: none;
  -ms-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.left .image-gallery-slide .image-gallery-image,
.image-gallery-content.right .image-gallery-slide .image-gallery-image,
.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 {
  max-height: 100vh;
}
.image-gallery-slide-wrapper {
  position: relative;
}
.image-gallery-slide-wrapper.left,
.image-gallery-slide-wrapper.right,
.image-gallery-slide-wrapper.image-gallery-thumbnails-left,
.image-gallery-slide-wrapper.image-gallery-thumbnails-right {
  display: inline-block;
  width: calc(100% - 110px);
}
@media (max-width: 768px) {
  .image-gallery-slide-wrapper.left,
  .image-gallery-slide-wrapper.right,
  .image-gallery-slide-wrapper.image-gallery-thumbnails-left,
  .image-gallery-slide-wrapper.image-gallery-thumbnails-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: rgba(0, 0, 0, 0.4);
  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 rgba(0, 0, 0, 0.25);
  --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 {
  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);
  display: block;
}
.str-chat__avatar.str-chat__avatar--no-letters {
  --str-chat-icon-color: var(--str-chat__avatar-color);
  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-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__loading-channels-avatar {
  border-radius: var(--str-chat__avatar-border-radius);
}
.str-chat__avatar-group {
  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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent;
  --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-card--header,
.str-chat__attachment-list .str-chat__message-attachment--video {
  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-unsupported,
.str-chat__attachment-list .str-chat__message-attachment-file--item {
  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-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-file--item .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-audio-widget .str-chat__message-attachment-file--item-name,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .str-chat__message-attachment-audio-widget--title {
  font: var(--str-chat__subtitle-medium-text);
  word-break: keep-all;
}
.str-chat__attachment-list .str-chat__message-attachment-file--item .str-chat__message-attachment-file--item-size,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .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-file--item .str-chat__message-attachment-download-icon svg path,
.str-chat__attachment-list .str-chat__message-attachment-audio-widget .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 rgba(0, 0, 0, 0.25);
  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 {
  font: var(--str-chat__body-medium-text);
}
.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: transparent;
  --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: transparent;
  --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: transparent;
  --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-thumbnail,
.str-chat__attachment-preview-list .str-chat__attachment-preview-image .str-chat__attachment-preview-image-loading {
  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-unsupported,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file {
  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-unsupported .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-voice-recording .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-file .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-file-name {
  font: var(--str-chat__subtitle-medium-text);
}
.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__attachment-preview-list .str-chat__attachment-preview-file .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-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,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .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-file .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 {
  background-color: var(--str-chat__attachment-preview-close-icon-background);
  border-radius: 999px;
}
.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-icon-color: var(--str-chat__text-low-emphasis-color);
  color: var(--str-chat__text-low-emphasis-color);
}
.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__stop-button,
.str-chat__audio_recorder .str-chat__audio_recorder__complete-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__stop-button .str-chat__loading-indicator svg linearGradient stop:last-child,
.str-chat__audio_recorder .str-chat__audio_recorder__complete-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 rgba(0, 0, 0, 0.15);
  --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 rgba(0, 0, 0, 0.15);
  --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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent !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);
}
.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__base-image {
  color: transparent;
}
.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 {
  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);
  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);
  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;
}
@keyframes pulsate {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.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-name,
.str-chat__loading-channel .str-chat__loading-channel-header .str-chat__loading-channel-header-info {
  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-sender,
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-text,
.str-chat__loading-channel .str-chat__loading-channel-message-list .str-chat__loading-channel-message-date {
  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: transparent;
  --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: transparent;
}
.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;
}
@keyframes pulsate {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.str-chat__channel-preview-loading .str-chat__loading-channels-avatar,
.str-chat__channel-preview-loading .str-chat__loading-channels-username,
.str-chat__channel-preview-loading .str-chat__loading-channels-status {
  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-username,
.str-chat__channel-preview-loading .str-chat__loading-channels-status {
  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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent;
}
.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:hover,
.str-chat__channel-search-result-list .str-chat__channel-search-result--focused {
  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: transparent;
  --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:hover,
.str-chat__dialog-menu .str-chat__dialog-menu__button:focus {
  background-color: var(--str-chat__dialog-menu-button-hover-background-color);
}
.str-chat {
  --str-chat__drag-and-drop-container-border-block-start: 2px solid transparent;
  --str-chat__drag-and-drop-container-border-block-end: 2px solid transparent;
  --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: transparent;
}
.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__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: transparent;
  --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__form-field-error {
  font-size: 0.75rem;
  color: var(--str-chat__danger-color);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.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__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 {
  --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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent;
  --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--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-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-reply-in-thread-button,
.str-chat__message .str-chat__message-options .str-chat__message-reactions-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-reply-in-thread-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 {
  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-reply-in-thread-button:hover,
.str-chat__message .str-chat__message-options .str-chat__message-reactions-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-reply-in-thread-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 {
  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__message-metadata,
.str-chat__message .str-chat__custom-message-metadata {
  color: var(--str-chat__message-secondary-color);
  font: var(--str-chat__caption-text);
}
.str-chat__message .str-chat__message-metadata .str-chat__message-sender-name,
.str-chat__message .str-chat__custom-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-replies-count-button-wrapper button {
  border: none;
  background-color: transparent;
  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--top .str-chat__message--other .str-chat__message-bubble,
.str-chat__li--single .str-chat__message--other .str-chat__message-bubble {
  border-end-start-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);
}
.str-chat__li--top .str-chat__message--me .str-chat__message-bubble,
.str-chat__li--single .str-chat__message--me .str-chat__message-bubble {
  border-end-end-radius: calc(var(--str-chat__message-bubble-border-radius) / 6);
}
.str-chat__li--middle .str-chat__message--other .str-chat__message-bubble,
.str-chat__li--bottom .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--middle .str-chat__message--me .str-chat__message-bubble,
.str-chat__li--bottom .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: transparent;
}
.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: transparent;
  --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 {
  background-color: var(--str-chat__message-actions-box-item-hover-background-color);
}
@media (hover: none) {
  .str-chat__message-actions-box .str-chat__message-actions-list-item-button:hover {
    background-color: transparent;
  }
}
.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: transparent;
  --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-edit,
.str-chat__message-bounce-prompt .str-chat__message-bounce-send,
.str-chat__message-bounce-prompt .str-chat__message-bounce-delete {
  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__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__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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent;
  --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__dropzone-container {
  background-color: var(--str-chat__dropzone-container-background-color);
  color: var(--str-chat__dropzone-container-color);
  backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);
  font: var(--str-chat__subtitle-text);
}
.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: transparent;
  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: transparent;
  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: transparent;
}
.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: transparent;
  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__heading,
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button {
  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:hover,
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:focus {
  color: var(--str-chat__text-color);
}
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:hover .str-chat__dialog-menu__button-icon,
.str-chat__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__button:focus .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 {
  --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: transparent;
  --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 transparent;
}
.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: transparent;
  }
}
.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);
  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 rect,
.str-chat__modal .str-chat__modal__close-button svg circle {
  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--image .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 {
  background-color: transparent;
  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--image .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 {
  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: transparent;
  --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__poll-option-list--full,
.str-chat__poll .str-chat__poll-answer,
.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 {
  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__poll-answer__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 {
  font: var(--str-chat__subtitle-medium-text);
}
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option-list--full,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-answer,
.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-option {
  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:not(.str-chat__form__input-field--with-label),
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value {
  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:not(.str-chat__form__input-field--with-label) input,
.str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value input {
  border: none;
  background: transparent;
  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: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,
.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 {
  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 {
  border: none;
}
.str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field--has-error .str-chat__form__input-field__value {
  border: none;
}
.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: transparent;
  --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: transparent;
  --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: transparent;
  --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: transparent;
  -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:hover,
.str-chat__search-source-result-list .str-chat__search-result--focused {
  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: transparent;
  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:nth-child(1) {
  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;
  }
  100% {
    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__parent-message-text,
.str-chat__thread-list .str-chat__thread-list-item[aria-selected=true] .str-chat__thread-list-item__latest-reply-text-and-timestamp {
  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: transparent;
  --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);
}
:root {
  --bg-dark: #0a0700;
  --bg-light: #fffcf5;
  --text-light: #fefefe;
  --text-dark: #100f08;
  --accent-color: #ffbb00;
  --glass-bg: rgba(255, 255, 255, 0.199);
  --glass-border: rgba(255, 255, 255, 0.333);
  --glass-shadow: 0 4px 16px rgba(29, 29, 29, 0.116);
  --blur-strength: 12px;
  --color-bg1: #ff9d00;
  --color-bg2: #ffb300;
  --linear-ease: linear(0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949, 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1);
  --color-1: #ffae00;
  --color-2: #cdcb4e;
  --color-3: #ffe66d;
  --color-4: #ffffff;
  --circle-size: 80%;
  --blending: soft-light;
  --clr-neutral-100: hsl(0, 0%, 100%);
  --clr-primary-100: hsl(0, 0%, 100%);
  --clr-primary-400: hsl(0, 0%, 100%);
  --clr-primary-800: hsl(0, 0%, 100%);
  --clr-primary-900: hsl(34, 100%, 26%);
  --button-error-disable-background: #ffdfdf;
  --button-error-disable-border: #ffdfdf;
  --button-error-disable-icons: #ff6262;
  --button-error-disable-text: #ff6262;
  --button-error-focused-background: #a70d0d;
  --button-error-focused-border: #a70d0d;
  --button-error-focused-icons: #fff1f1;
  --button-error-focused-text: #fff1f1;
  --button-error-hover-background: #f12727;
  --button-error-hover-border: #f12727;
  --button-error-hover-icons: #fff1f1;
  --button-error-hover-text: #fff1f1;
  --button-error-pressed-background: #4b0404;
  --button-error-pressed-border: #4b0404;
  --button-error-pressed-icons: #ff9c9c;
  --button-error-pressed-text: #ff9c9c;
  --button-error-regular-background: #a70d0d;
  --button-error-regular-border: #a70d0d;
  --button-error-regular-icons: #fff1f1;
  --button-error-regular-text: #fff1f1;
  --button-ghost-disable-icons: #94a3b8;
  --button-ghost-disable-text: #a1a1aa;
  --button-ghost-focused-icons: #94a3b8;
  --button-ghost-focused-text: #a1a1aa;
  --button-ghost-hover-icons: #94a3b8;
  --button-ghost-hover-text: #a1a1aa;
  --button-ghost-pressed-icons: #94a3b8;
  --button-ghost-pressed-text: #a1a1aa;
  --button-ghost-regular-icons: #94a3b8;
  --button-ghost-regular-text: #a1a1aa;
  --button-primary-disable-background: #efeff0;
  --button-primary-disable-border: #ffffff;
  --button-primary-disable-icons: #ffffff;
  --button-primary-disable-text: #a1a1aa;
  --button-primary-foccused-background: #18181b;
  --button-primary-foccused-border: #ffffff;
  --button-primary-foccused-icons: #ffffff;
  --button-primary-foccused-text: #ffffff;
  --button-primary-hover-background: #3f3f46;
  --button-primary-hover-border: #ffffff;
  --button-primary-hover-icons: #ffffff;
  --button-primary-hover-text: #ffffff;
  --button-primary-pressed-background: #050505;
  --button-primary-pressed-border: #ffffff;
  --button-primary-pressed-icons: #ffffff;
  --button-primary-pressed-text: #d4d4d8;
  --button-primary-regular-background: #18181b;
  --button-primary-regular-border: #ffffff;
  --button-primary-regular-icons: #ffffff;
  --button-primary-regular-text: #ffffff;
  --button-secondary-disable-background: #efeff0;
  --button-secondary-disable-border: #cbd5e1;
  --button-secondary-disable-icons: #cbd5e1;
  --button-secondary-disable-text: #d4d4d8;
  --button-secondary-focused-background: #ffffff;
  --button-secondary-focused-border: rgba(65, 65, 94, 0.2);
  --button-secondary-focused-icons: rgba(65, 65, 94, 0.2);
  --button-secondary-focused-text: #18181b;
  --button-secondary-hover-background: #efeff0;
  --button-secondary-hover-border: rgba(65, 65, 94, 0.2);
  --button-secondary-hover-icons: #475569;
  --button-secondary-hover-text: #3f3f46;
  --button-secondary-pressed-background: #ffffff;
  --button-secondary-pressed-border: #94a3b8;
  --button-secondary-pressed-icons: #94a3b8;
  --button-secondary-pressed-text: #a1a1aa;
  --button-secondary-regular-background: #ffffff;
  --button-secondary-regular-border: #18181b;
  --button-secondary-regular-icons: rgba(65, 65, 94, 0.2);
  --button-secondary-regular-text: #18181b;
  --button-success-disable-background: #d8ffea;
  --button-success-disable-border: #d8ffea;
  --button-success-disable-icons: #27f186;
  --button-success-disable-text: #27f186;
  --button-success-focused-background: #0b703c;
  --button-success-focused-border: #0b703c;
  --button-success-focused-icons: #eefff5;
  --button-success-focused-text: #eefff5;
  --button-success-hover-background: #03b658;
  --button-success-hover-border: #03b658;
  --button-success-hover-icons: #eefff5;
  --button-success-hover-text: #eefff5;
  --button-success-pressed-background: #00341a;
  --button-success-pressed-border: #00341a;
  --button-success-pressed-icons: #78fdb6;
  --button-success-pressed-text: #78fdb6;
  --button-success-regular-background: #0b703c;
  --button-success-regular-border: #0b703c;
  --button-success-regular-icons: #eefff5;
  --button-success-regular-text: #eefff5;
  --button-warning-disable-background: #fdf0d7;
  --button-warning-disable-border: #fdf0d7;
  --button-warning-disable-icons: #f18c27;
  --button-warning-disable-text: #f18c27;
  --button-warning-focused-background: #783816;
  --button-warning-focused-border: #783816;
  --button-warning-focused-icons: #fef8ee;
  --button-warning-focused-text: #fef8ee;
  --button-warning-hover-background: #bb5313;
  --button-warning-hover-border: #bb5313;
  --button-warning-hover-icons: #fef8ee;
  --button-warning-hover-text: #fef8ee;
  --button-warning-pressed-background: #411a09;
  --button-warning-pressed-border: #411a09;
  --button-warning-pressed-icons: #f8c579;
  --button-warning-pressed-text: #f8c579;
  --button-warning-regular-background: #783816;
  --button-warning-regular-border: #783816;
  --button-warning-regular-icons: #fef8ee;
  --button-warning-regular-text: #fef8ee;
  --input-primary-active-focused-background: #ffffff;
  --input-primary-active-focused-border: #9747ff;
  --input-primary-active-focused-icons: rgba(65, 65, 94, 0.2);
  --input-primary-active-focused-label: #18181b;
  --input-primary-active-focused-placeholder: rgba(65, 65, 94, 0.2);
  --input-primary-disable-background: #efeff0;
  --input-primary-disable-border: #efeff0;
  --input-primary-disable-icon: #d4d4d8;
  --input-primary-disable-label: #a1a1aa;
  --input-primary-disable-placeholder: #d4d4d8;
  --input-primary-error-background: #fff1f1;
  --input-primary-error-border: #ff9c9c;
  --input-primary-error-icon: #ff6262;
  --input-primary-error-label: #050505;
  --input-primary-error-placeholder: #ff6262;
  --input-primary-filled-background: #ffffff;
  --input-primary-filled-border: #18181b;
  --input-primary-filled-icon: rgba(65, 65, 94, 0.2);
  --input-primary-filled-label: #18181b;
  --input-primary-filled-placeholder: #18181b;
  --input-primary-hover-background: #ffffff;
  --input-primary-hover-border: #94a3b8;
  --input-primary-hover-icon: #94a3b8;
  --input-primary-hover-label: #18181b;
  --input-primary-hover-placeholder: #94a3b8;
  --input-primary-regular-background: #ffffff;
  --input-primary-regular-border: #a1a1aa;
  --input-primary-regular-icon: #cbd5e1;
  --input-primary-regular-label: #18181b;
  --input-primary-regular-placeholder: #cbd5e1;
  --input-primary-success-background: #eefff5;
  --input-primary-success-border: #78fdb6;
  --input-primary-success-icon: #27f186;
  --input-primary-success-label: #050505;
  --input-primary-success-placeholder: #03b658;
  --text-neutral-hight: #475569;
  --header-background: rgba(255, 255, 255, 0.2980392157);
  --first-communication-card-background: #f1f5f9;
  --second-communication-card-background: #d8ffea;
  --third-communication-card-background: #ffdfdf;
  --border-color: #cbd5e1;
  --description-color: #475569;
  --common-success-low: #78fdb6;
  --common-success-lower: #d8ffea;
  --common-neutral-hight: #475569;
  --common-neutral-lowest: #ffffff;
  --common-neutral-hightest: #18181b;
  --size-input-larger-padding-v: 16px;
  --size-input-large-padding-v: 12px;
  --size-input-large-padding-12: 12px;
  --size-input-large-padding-16: 16px;
  --size-input-larger-padding-h: 16px;
  --size-input-large-padding-h: 16px;
  --size-common-larger-padding-h: 32px;
  --size-input-larger-right-content-gap: 8px;
  --size-input-large-right-content-gap: 8px;
  --size-input-larger-radius: 16px;
  --size-input-radius-12: 12px;
  --size-input-radius-24: 24px;
  --size-input-radius-16: 16px;
  --size-input-xlarger-radius: 28px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-28: 28px;
  --font-size-32: 32px;
  --font-size-64: 64px;
  --font-size-96: 96px;
  --font-size-48: 48px;
  --font-family-text: "Plus Jakarta Sans";
  --font-family-display: "Plus Jakarta Sans";
  --padding-16: 16px;
  --padding-24: 24px;
  --padding-32: 32px;
  --padding-64: 64px;
  --padding-96: 96px;
  --common-warning-medium: #f18c27;
  --common-succes-medium: #27f186;
  --common-info-medium: rgba(65, 65, 94, 0.2);
  --common-neutral-medium: #94a3b8;
  --common-primary-brand-medium: #a1a1aa;
  --screen-size-input-larger-radius: 16px;
  --screen-size-input-larger-left-content-gap: 8px;
  --screen-size-input-larger-icon-size: 24px;
  --screen-size-input-larger-spacing: 8px;
  --screen-size-input-large-radius: 12px;
  --screen-size-input-large-left-content-gap: 8px;
  --screen-size-input-large-icon-size: 24px;
  --screen-size-input-large-spacing: 8px;
  --background-surface-corner: #f8fa9f;
  --background-color: #ffffff;
  --surface-page: #ffffff;
  --common-secondary-brand-lowest: #fcfde9;
  --background-common-blur: #dbeafe;
  --input-small: 8px;
  --size-button-larger-padding-h: 32px;
  --size-button-larger-padding-v: 16px;
  --input-nav-larger-icon-size: 24px;
  --common-neutral-medium: #94a3b8;
  --sizes-button-input-nav-larger-line-height: 28px;
  --sizes-button-input-nav-larger-icon-size: 24px;
  --sizes-button-input-nav-large-line-height: 24px;
  --sizes-button-input-nav-large-icon-size: 20px;
  --tabs-primary-larger-radius: 16px;
  --size-button-larger-gap: 12px;
  --size-button-large-padding-v: 12px;
  --size-button-large-padding-h: 24px;
  --tabs-primary-large-radius: 12px;
  --size-button-large-gap: 12px;
  --size-button-medium-padding-v: 8px;
  --size-button-medium-padding-h: 16px;
  --tabs-primary-medium-radius: 8px;
  --size-button-medium-gap: 8px;
  --size-button-small-padding-v: 4px;
  --size-button-small-padding-h: 8px;
  --tabs-primary-small-radius: 4px;
  --size-button-small-gap: 4px;
  --text-body-color: rgba(255, 255, 255, 0.2980392157);
  --text-label-color: rgba(249, 250, 251, 0);
  --text-text-color: rgba(249, 250, 251, 0);
  --text-regular: #050505;
}
:root html,
:root body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: "Inter", sans-serif;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  font-weight: 300;
  font-size: 1rem;
}
:root * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root app-root,
:root .app-scroll {
  position: fixed;
  inset: 0;
  overflow: auto;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  height: 100dvh;
}
:root .status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 36px;
  padding: 0 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  border: 2px solid transparent;
  white-space: nowrap;
  text-align: center;
}
:root .status-application {
  color: #8b5cf6;
  border-color: #8b5cf6;
}
:root .status-shortlisted {
  color: #3b82f6;
  border-color: #3b82f6;
}
:root .status-interview {
  color: #ca8a04;
  border-color: #ca8a04;
}
:root .status-offered {
  color: #0b703c;
  border-color: #0b703c;
}
:root .status-under-review {
  color: #ea580c;
  border-color: #ea580c;
}
:root .status-hired {
  color: #10b981;
  border-color: #10b981;
}
:root .status-rejected {
  color: #ef4444;
  border-color: #ef4444;
}
:root body,
:root html,
:root app-root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root .mat-menu-panel img {
  pointer-events: none;
}
:root .str-chat__typing-indicator__users {
  display: none;
}
:root .str-chat__channel-header-title {
  display: none;
}
:root .mat-mdc-form-field-flex {
  color: var(--text-regular);
}
:root .mdc-button__label {
  color: var(--text-regular);
}
:root .mat-mdc-input-element {
  color: black !important;
}
:root .selected-date-class {
  background-color: gray !important;
  color: white !important;
  border-radius: 50% !important;
}
:root .mdc-evolution-chip-set__chips {
  gap: 0.5rem;
}
:root ::ng-deep .str-chat__message-simple-name str-chat__message-sender-name {
  display: none;
}
:root .message-simple-name {
  display: none;
}
:root .str-chat__message .str-chat__message-metadata .str-chat__message-sender-name,
:root .str-chat__message .str-chat__custom-message-metadata .str-chat__message-sender-name {
  display: none;
}
:root .message-sender-name {
  display: none;
}
:root .mat-mdc-select-value {
  display: flex !important;
  padding-top: 0.5rem !important;
}
:root .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 10px !important;
}
:root .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
:root .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  display: flex;
  justify-content: center;
}
:root .mdc-form-field > label {
  padding-left: 2rem;
}
:root .mdc-form-field {
  width: 2.5rem;
  display: flex !important;
  align-items: unset !important;
}
:root .mat-mdc-text-field-wrapper {
  border-radius: 1rem;
}
:root mat-icon {
  color: var(--button-primary-foccused-background) !important;
}
:root .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: white;
}
:root .mdc-text-field {
  will-change: unset !important;
}
:root .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: black;
  --mdc-switch-selected-handle-color: black;
  --mdc-switch-selected-hover-state-layer-color: black;
  --mdc-switch-selected-pressed-state-layer-color: black;
  --mdc-switch-selected-focus-handle-color: black;
  --mdc-switch-selected-hover-handle-color: black;
  --mdc-switch-selected-pressed-handle-color: black;
  --mdc-switch-selected-focus-track-color: black;
  --mdc-switch-selected-hover-track-color: black;
  --mdc-switch-selected-pressed-track-color: black;
  --mdc-switch-selected-track-color: black;
  --mat-switch-label-text-color: var(--text-regular);
}
:root .mat-mdc-dialog-surface.mdc-dialog__surface {
  overflow: hidden;
  border-radius: 0.75rem;
}
:root .mdc-tab__text-label {
  color: black !important;
}
:root .mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  padding-bottom: 2rem;
}
:root .mdc-tab-indicator__content--underline {
  border-color: black !important;
}
:root .cdk-overlay-pane {
  padding: 1rem !important;
}
:root .cdk-global-overlay-wrapper {
  overflow: auto !important;
}
:root ::ng-deep cdk-global-overlay-wrapper {
  overflow: auto !important;
}
:root ::ng-deep .cdk-global-overlay-wrapper {
  overflow: auto !important;
}
:root .mat-mdc-menu-panel {
  max-width: none !important;
  padding: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: var(--size-input-xlarger-radius);
  transform-origin: top center !important;
  transition: transform 0.3s ease-in-out;
}
:root .mat-mdc-menu-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
:root .mat-mdc-menu-item {
  padding: 1rem;
  display: flex;
}
[data-theme=dark] {
  --button-error-disable-background: #ff6262;
  --button-error-disable-border: #ff6262;
  --button-error-disable-icons: rgba(65, 65, 94, 0.2);
  --button-error-disable-text: rgba(65, 65, 94, 0.2);
  --button-error-focused-background: #4b0404;
  --button-error-focused-border: #4b0404;
  --button-error-focused-icons: #ffdfdf;
  --button-error-focused-text: #ffdfdf;
  --button-error-hover-background: #4b0404;
  --button-error-hover-border: #4b0404;
  --button-error-hover-icons: #ff9c9c;
  --button-error-hover-text: #ff9c9c;
  --button-error-pressed-background: #f12727;
  --button-error-pressed-border: #f12727;
  --button-error-pressed-icons: #fff1f1;
  --button-error-pressed-text: #fff1f1;
  --button-error-regular-background: #4b0404;
  --button-error-regular-border: #4b0404;
  --button-error-regular-icons: #ffdfdf;
  --button-error-regular-text: #ffdfdf;
  --button-ghost-disable-icons: #bcbcc2;
  --button-ghost-disable-text: #bcbcc2;
  --button-ghost-focused-icons: #bcbcc2;
  --button-ghost-focused-text: #bcbcc2;
  --button-ghost-hover-icons: #bcbcc2;
  --button-ghost-hover-text: #bcbcc2;
  --button-ghost-pressed-icons: #bcbcc2;
  --button-ghost-pressed-text: #bcbcc2;
  --button-ghost-regular-icons: #bcbcc2;
  --button-ghost-regular-text: #bcbcc2;
  --button-primary-disable-background: #71717a;
  --button-primary-disable-border: #71717a;
  --button-primary-disable-icons: #bcbcc2;
  --button-primary-disable-text: #bcbcc2;
  --button-primary-foccused-background: #ffffff;
  --button-primary-foccused-border: #ffffff;
  --button-primary-foccused-icons: #18181b;
  --button-primary-foccused-text: #18181b;
  --button-primary-hover-background: #e4e4e7;
  --button-primary-hover-border: #efeff0;
  --button-primary-hover-icons: #18181b;
  --button-primary-hover-text: #18181b;
  --button-primary-pressed-background: #e4e4e7;
  --button-primary-pressed-border: #27272a;
  --button-primary-pressed-icons: #bcbcc2;
  --button-primary-pressed-text: #bcbcc2;
  --button-primary-regular-background: #ffffff;
  --button-primary-regular-border: #ffffff;
  --button-primary-regular-icons: #18181b;
  --button-primary-regular-text: #18181b;
  --button-secondary-disable-background: #27272a;
  --button-secondary-disable-border: #71717a;
  --button-secondary-disable-icons: #71717a;
  --button-secondary-disable-text: #71717a;
  --button-secondary-focused-background: #27272a;
  --button-secondary-focused-border: #ffffff;
  --button-secondary-focused-icons: #ffffff;
  --button-secondary-focused-text: #ffffff;
  --button-secondary-hover-background: #18181b;
  --button-secondary-hover-border: #ffffff;
  --button-secondary-hover-icons: #ffffff;
  --button-secondary-hover-text: #ffffff;
  --button-secondary-pressed-background: #71717a;
  --button-secondary-pressed-border: #ffffff;
  --button-secondary-pressed-icons: #ffffff;
  --button-secondary-pressed-text: #ffffff;
  --button-secondary-regular-background: #27272a;
  --button-secondary-regular-border: #ffffff;
  --button-secondary-regular-icons: #ffffff;
  --button-secondary-regular-text: #ffffff;
  --button-success-disable-background: #0cdb6e;
  --button-success-disable-border: #0cdb6e;
  --button-success-disable-icons: rgba(65, 65, 94, 0.2);
  --button-success-disable-text: rgba(65, 65, 94, 0.2);
  --button-success-focused-background: #d8ffea;
  --button-success-focused-border: #d8ffea;
  --button-success-focused-icons: #00341a;
  --button-success-focused-text: #00341a;
  --button-success-hover-background: #00341a;
  --button-success-hover-border: #00341a;
  --button-success-hover-icons: #78fdb6;
  --button-success-hover-text: #78fdb6;
  --button-success-pressed-background: #03b658;
  --button-success-pressed-border: #03b658;
  --button-success-pressed-icons: #eefff5;
  --button-success-pressed-text: #eefff5;
  --button-success-regular-background: #00341a;
  --button-success-regular-border: #00341a;
  --button-success-regular-icons: #d8ffea;
  --button-success-regular-text: #d8ffea;
  --button-warning-disable-background: #f18c27;
  --button-warning-disable-border: #f18c27;
  --button-warning-disable-icons: #783816;
  --button-warning-disable-text: #783816;
  --button-warning-focused-background: #fdf0d7;
  --button-warning-focused-border: #fdf0d7;
  --button-warning-focused-icons: #411a09;
  --button-warning-focused-text: #411a09;
  --button-warning-hover-background: #411a09;
  --button-warning-hover-border: #411a09;
  --button-warning-hover-icons: #f8c579;
  --button-warning-hover-text: #f8c579;
  --button-warning-pressed-background: #bb5313;
  --button-warning-pressed-border: #bb5313;
  --button-warning-pressed-icons: #fef8ee;
  --button-warning-pressed-text: #fef8ee;
  --button-warning-regular-background: #411a09;
  --button-warning-regular-border: #fdf0d7;
  --button-warning-regular-icons: #fdf0d7;
  --button-warning-regular-text: #fdf0d7;
  --input-primary-active-focused-background: #18181b;
  --input-primary-active-focused-border: #9747ff;
  --input-primary-active-focused-icons: #ffffff;
  --input-primary-active-focused-label: #ffffff;
  --input-primary-active-focused-placeholder: #ffffff;
  --input-primary-disable-background: #18181b;
  --input-primary-disable-border: rgba(65, 65, 94, 0.2);
  --input-primary-disable-icon: #475569;
  --input-primary-disable-label: #94a3b8;
  --input-primary-disable-placeholder: #475569;
  --input-primary-error-background: #4b0404;
  --input-primary-error-border: #ff9c9c;
  --input-primary-error-icon: #ff6262;
  --input-primary-error-label: #ffffff;
  --input-primary-error-placeholder: #ff6262;
  --input-primary-filled-background: #18181b;
  --input-primary-filled-border: #ffffff;
  --input-primary-filled-icon: #ffffff;
  --input-primary-filled-label: #ffffff;
  --input-primary-filled-placeholder: #ffffff;
  --input-primary-hover-background: #18181b;
  --input-primary-hover-border: #cbd5e1;
  --input-primary-hover-icon: #cbd5e1;
  --input-primary-hover-label: #ffffff;
  --input-primary-hover-placeholder: #cbd5e1;
  --input-primary-regular-background: #27272a;
  --input-primary-regular-border: #94a3b8;
  --input-primary-regular-icon: #94a3b8;
  --input-primary-regular-label: #ffffff;
  --input-primary-regular-placeholder: #94a3b8;
  --input-primary-success-background: #00341a;
  --input-primary-success-border: #03b658;
  --input-primary-success-icon: #0cdb6e;
  --input-primary-success-label: #0cdb6e;
  --input-primary-success-placeholder: #0cdb6e;
  --background-surface-corner: #3b82f6;
  --text-regular: #ffffff;
  --surface-page: #18181b;
  --common-secondary-brand-lowest: #3f2809;
  --header-background: rgba(39, 39, 42, 0.2980392157);
  --first-communication-card-background: rgba(65, 65, 94, 0.2);
  --second-communication-card-background: rgba(65, 65, 94, 0.2);
  --third-communication-card-background: rgba(65, 65, 94, 0.2);
  --description-color: #cbd5e1;
  --border-color: #475569;
  --common-success-low: #03b658;
  --common-success-lower: rgba(65, 65, 94, 0.2);
  --common-neutral-hight: #cbd5e1;
  --common-neutral-hightest: #ffffff;
  --common-warning-medium: #f18c27;
  --common-succes-medium: #0cdb6e;
  --common-info-medium: #f1f5f9;
  --common-neutral-medium: #94a3b8;
  --common-primary-brand-medium: #bcbcc2;
  --common-primary-brand-lowest: #18181b;
  --background-color: #050505;
  --text-body-color: rgba(39, 39, 42, 0.2980392157);
  --text-label-color: rgba(24, 24, 27, 0);
  --text-text-color: rgba(24, 24, 27, 0);
  --background-common-blur: #1d4ed8;
  --common-neutral-medium: #94a3b8;
  --text-neutral-hight: #cbd5e1;
  --common-neutral-lowest: #18181b;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */