@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-MediumItalic-SE5PPQ5M.woff2") format("woff2"), url("./assets/TTNorms-MediumItalic-C6LTVL7P.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-ExtraBold-K4KZUUI3.woff2") format("woff2"), url("./assets/TTNorms-ExtraBold-QV4A7VC5.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-ThinItalic-AFUB64MG.woff2") format("woff2"), url("./assets/TTNorms-ThinItalic-ORIH7D7N.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Thin-DFA4GEEL.woff2") format("woff2"), url("./assets/TTNorms-Thin-MD3BIVCB.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-LightItalic-YGSZVX3N.woff2") format("woff2"), url("./assets/TTNorms-LightItalic-SN6QQMZD.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-BoldItalic-HOHFJHSN.woff2") format("woff2"), url("./assets/TTNorms-BoldItalic-VYEHJY2Z.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Italic-HTHTW3A3.woff2") format("woff2"), url("./assets/TTNorms-Italic-2V7FJMF2.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Medium-TN5HX5GC.woff2") format("woff2"), url("./assets/TTNorms-Medium-U23KFJEO.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Regular-AJO3T75C.woff2") format("woff2"), url("./assets/TTNorms-Regular-6IXITWAC.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-ExtraLight-QKQDJRDS.woff2") format("woff2"), url("./assets/TTNorms-ExtraLight-7EUIDRHI.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-ExtraBoldItalic-PN4R5TWH.woff2") format("woff2"), url("./assets/TTNorms-ExtraBoldItalic-C3M7EQUZ.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Light-FQ3Y6RZJ.woff2") format("woff2"), url("./assets/TTNorms-Light-UNEPXPXA.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-BlackItalic-QDEWDB4O.woff2") format("woff2"), url("./assets/TTNorms-BlackItalic-ZD44SDL4.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Heavy-52WAHHC3.woff2") format("woff2"), url("./assets/TTNorms-Heavy-YU3UYBKX.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-HeavyItalic-TMQE22TH.woff2") format("woff2"), url("./assets/TTNorms-HeavyItalic-7ZSM6E2Q.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-ExtraLightItalic-BBSX6BOO.woff2") format("woff2"), url("./assets/TTNorms-ExtraLightItalic-2JEZXZWU.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Bold-B6UV6KRH.woff2") format("woff2"), url("./assets/TTNorms-Bold-G27QDSP4.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms";
  src: url("./assets/TTNorms-Black-BJUEBDJ4.woff2") format("woff2"), url("./assets/TTNorms-Black-RDN6VSNM.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "MaisonNeue";
  src: url("./assets/MaisonNeueMono-Italic-YVQXDO6N.woff2") format("woff2"), url("./assets/MaisonNeueMono-Italic-2HQYPDYF.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "MaisonNeue";
  src: url("./assets/MaisonNeueMono-Bold-YDQHJZUT.woff2") format("woff2"), url("./assets/MaisonNeueMono-Bold-4TPQGDYH.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "MaisonNeue";
  src: url("./assets/MaisonNeueMono-BoldItalic-FAN4PDHM.woff2") format("woff2"), url("./assets/MaisonNeueMono-BoldItalic-5K43UXPO.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "MaisonNeue";
  src: url("./assets/MaisonNeueMono-Regular-NVFRDFWJ.woff2") format("woff2"), url("./assets/MaisonNeueMono-Regular-5GVVS35Y.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Human BBY Digital;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-Regular-W332UPYL.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-Light-NEOFPHNU.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-Medium-26I2IA3A.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-Bold-2AGP2FBP.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-Black-LMJ5Q24L.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-RegularItalic-FXHIGRZR.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-LightItalic-7RC54PEY.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-MediumItalic-MKDROEZF.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-BoldItalic-77JJT4SI.woff2") format("woff2");
}
@font-face {
  font-family: Human BBY Digital;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("./assets/HumanBBYDigital-BlackItalic-CTUSJOC7.woff2") format("woff2");
}
@font-face {
  size-adjust: 105%;
  src: local(arial);
  font-family: Human Fallback;
}
@font-face {
  font-family: "ch-icons";
  src: url("./assets/ch-icons-3M37GCSD.woff2?94d3f51ce3324168e57ce272809591bb") format("woff2"), url("./assets/ch-icons-AQGH6KLV.woff?94d3f51ce3324168e57ce272809591bb") format("woff");
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: ch-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-]::before,
[class*=" icon-"]::before {
  content: "\e8af";
}
.icon-activity:before {
  content: "\e84b";
}
.icon-admission:before {
  content: "\e84c";
}
.icon-airplay:before {
  content: "\e84d";
}
.icon-alarm-clinical:before {
  content: "\e84e";
}
.icon-alarm-clinical-snooze:before {
  content: "\e84f";
}
.icon-alarm-clinical-stop:before {
  content: "\e850";
}
.icon-alert-circle:before {
  content: "\e851";
}
.icon-alert-octagon:before {
  content: "\e852";
}
.icon-alert-triangle:before {
  content: "\e853";
}
.icon-align-center:before {
  content: "\e854";
}
.icon-align-justify:before {
  content: "\e855";
}
.icon-align-left:before {
  content: "\e856";
}
.icon-align-right:before {
  content: "\e857";
}
.icon-allergies:before {
  content: "\e858";
}
.icon-anchor:before {
  content: "\e859";
}
.icon-aperture:before {
  content: "\e85a";
}
.icon-archive:before {
  content: "\e85b";
}
.icon-arrow-down:before {
  content: "\e85c";
}
.icon-arrow-down-circle:before {
  content: "\e85d";
}
.icon-arrow-down-left:before {
  content: "\e85e";
}
.icon-arrow-down-right:before {
  content: "\e85f";
}
.icon-arrow-left:before {
  content: "\e860";
}
.icon-arrow-left-circle:before {
  content: "\e861";
}
.icon-arrow-right:before {
  content: "\e862";
}
.icon-arrow-right-circle:before {
  content: "\e863";
}
.icon-arrow-up:before {
  content: "\e864";
}
.icon-arrow-up-circle:before {
  content: "\e865";
}
.icon-arrow-up-left:before {
  content: "\e866";
}
.icon-arrow-up-right:before {
  content: "\e867";
}
.icon-at-sign:before {
  content: "\e868";
}
.icon-award:before {
  content: "\e869";
}
.icon-bar-chart:before {
  content: "\e86a";
}
.icon-bar-chart-2:before {
  content: "\e86b";
}
.icon-battery:before {
  content: "\e86c";
}
.icon-battery-charging:before {
  content: "\e86d";
}
.icon-battery-charging1:before {
  content: "\e86e";
}
.icon-battery-low:before {
  content: "\e86f";
}
.icon-battery-stop:before {
  content: "\e870";
}
.icon-bell:before {
  content: "\e871";
}
.icon-bell-off:before {
  content: "\e872";
}
.icon-bluetooth:before {
  content: "\e873";
}
.icon-bold:before {
  content: "\e874";
}
.icon-book:before {
  content: "\e875";
}
.icon-book-open:before {
  content: "\e876";
}
.icon-bookmark:before {
  content: "\e877";
}
.icon-bot:before {
  content: "\e878";
}
.icon-box:before {
  content: "\e879";
}
.icon-briefcase:before {
  content: "\e87a";
}
.icon-bulb:before {
  content: "\e87b";
}
.icon-calendar:before {
  content: "\e87c";
}
.icon-camera:before {
  content: "\e87d";
}
.icon-camera-off:before {
  content: "\e87e";
}
.icon-care-provider:before {
  content: "\e87f";
}
.icon-cast:before {
  content: "\e880";
}
.icon-check:before {
  content: "\e881";
}
.icon-check-circle:before {
  content: "\e882";
}
.icon-check-square:before {
  content: "\e883";
}
.icon-chevron-down:before {
  content: "\e884";
}
.icon-chevron-left:before {
  content: "\e885";
}
.icon-chevron-now:before {
  content: "\e886";
}
.icon-chevron-right:before {
  content: "\e887";
}
.icon-chevron-up:before {
  content: "\e888";
}
.icon-chevrons-down:before {
  content: "\e889";
}
.icon-chevrons-left:before {
  content: "\e88a";
}
.icon-chevrons-right:before {
  content: "\e88b";
}
.icon-chevrons-up:before {
  content: "\e88c";
}
.icon-chrome:before {
  content: "\e88d";
}
.icon-circle:before {
  content: "\e88e";
}
.icon-clear:before {
  content: "\e88f";
}
.icon-clipboard:before {
  content: "\e890";
}
.icon-clock:before {
  content: "\e891";
}
.icon-cloud:before {
  content: "\e892";
}
.icon-cloud-drizzle:before {
  content: "\e893";
}
.icon-cloud-lightning:before {
  content: "\e894";
}
.icon-cloud-off:before {
  content: "\e895";
}
.icon-cloud-rain:before {
  content: "\e896";
}
.icon-cloud-snow:before {
  content: "\e897";
}
.icon-code:before {
  content: "\e898";
}
.icon-codepen:before {
  content: "\e899";
}
.icon-codesandbox:before {
  content: "\e89a";
}
.icon-coffee:before {
  content: "\e89b";
}
.icon-columns:before {
  content: "\e89c";
}
.icon-command:before {
  content: "\e89d";
}
.icon-compass:before {
  content: "\e89e";
}
.icon-copy:before {
  content: "\e89f";
}
.icon-corner-down-left:before {
  content: "\e8a0";
}
.icon-corner-down-right:before {
  content: "\e8a1";
}
.icon-corner-left-down:before {
  content: "\e8a2";
}
.icon-corner-left-up:before {
  content: "\e8a3";
}
.icon-corner-right-down:before {
  content: "\e8a4";
}
.icon-corner-right-up:before {
  content: "\e8a5";
}
.icon-corner-up-left:before {
  content: "\e8a6";
}
.icon-corner-up-right:before {
  content: "\e8a7";
}
.icon-covid:before {
  content: "\e8a8";
}
.icon-cpu:before {
  content: "\e8a9";
}
.icon-credit-card:before {
  content: "\e8aa";
}
.icon-crop:before {
  content: "\e8ab";
}
.icon-crosshair:before {
  content: "\e8ac";
}
.icon-cuff:before {
  content: "\e8ad";
}
.icon-database:before {
  content: "\e8ae";
}
.icon-default:before {
  content: "\e8af";
}
.icon-delete:before {
  content: "\e8b0";
}
.icon-department:before {
  content: "\e8b1";
}
.icon-device:before {
  content: "\e8b2";
}
.icon-diagnosis:before {
  content: "\e8b3";
}
.icon-disc:before {
  content: "\e8b4";
}
.icon-dollar-sign:before {
  content: "\e8b5";
}
.icon-download:before {
  content: "\e8b6";
}
.icon-download-cloud:before {
  content: "\e8b7";
}
.icon-droplet:before {
  content: "\e8b8";
}
.icon-edit:before {
  content: "\e8b9";
}
.icon-edit-2:before {
  content: "\e8ba";
}
.icon-edit-3:before {
  content: "\e8bb";
}
.icon-external-link:before {
  content: "\e8bc";
}
.icon-eye:before {
  content: "\e8bd";
}
.icon-eye-off:before {
  content: "\e8be";
}
.icon-facebook:before {
  content: "\e8bf";
}
.icon-fast-forward:before {
  content: "\e8c0";
}
.icon-feather:before {
  content: "\e8c1";
}
.icon-figma:before {
  content: "\e8c2";
}
.icon-file:before {
  content: "\e8c3";
}
.icon-file-minus:before {
  content: "\e8c4";
}
.icon-file-plus:before {
  content: "\e8c5";
}
.icon-file-text:before {
  content: "\e8c6";
}
.icon-film:before {
  content: "\e8c7";
}
.icon-filter:before {
  content: "\e8c8";
}
.icon-flag:before {
  content: "\e8c9";
}
.icon-flow:before {
  content: "\e8ca";
}
.icon-folder:before {
  content: "\e8cb";
}
.icon-folder-minus:before {
  content: "\e8cc";
}
.icon-folder-plus:before {
  content: "\e8cd";
}
.icon-framer:before {
  content: "\e8ce";
}
.icon-frown:before {
  content: "\e8cf";
}
.icon-gift:before {
  content: "\e8d0";
}
.icon-git-branch:before {
  content: "\e8d1";
}
.icon-git-commit:before {
  content: "\e8d2";
}
.icon-git-merge:before {
  content: "\e8d3";
}
.icon-git-pull-request:before {
  content: "\e8d4";
}
.icon-github:before {
  content: "\e8d5";
}
.icon-gitlab:before {
  content: "\e8d6";
}
.icon-globe:before {
  content: "\e8d7";
}
.icon-grid:before {
  content: "\e8d8";
}
.icon-hand:before {
  content: "\e8d9";
}
.icon-hard-drive:before {
  content: "\e8da";
}
.icon-hash:before {
  content: "\e8db";
}
.icon-headphones:before {
  content: "\e8dc";
}
.icon-heart:before {
  content: "\e8dd";
}
.icon-help-circle:before {
  content: "\e8de";
}
.icon-hexagon:before {
  content: "\e8df";
}
.icon-home:before {
  content: "\e8e0";
}
.icon-homehub:before {
  content: "\e8e1";
}
.icon-id:before {
  content: "\e8e2";
}
.icon-image:before {
  content: "\e8e3";
}
.icon-inbox:before {
  content: "\e8e4";
}
.icon-infinity:before {
  content: "\e8e5";
}
.icon-info:before {
  content: "\e8e6";
}
.icon-instagram:before {
  content: "\e8e7";
}
.icon-italic:before {
  content: "\e8e8";
}
.icon-key:before {
  content: "\e8e9";
}
.icon-kit:before {
  content: "\e8ea";
}
.icon-layers:before {
  content: "\e8eb";
}
.icon-layout:before {
  content: "\e8ec";
}
.icon-life-buoy:before {
  content: "\e8ed";
}
.icon-link:before {
  content: "\e8ee";
}
.icon-link-2:before {
  content: "\e8ef";
}
.icon-linkedin:before {
  content: "\e8f0";
}
.icon-list:before {
  content: "\e8f1";
}
.icon-loader:before {
  content: "\e8f2";
}
.icon-lock:before {
  content: "\e8f3";
}
.icon-log-in:before {
  content: "\e8f4";
}
.icon-log-out:before {
  content: "\e8f5";
}
.icon-mail:before {
  content: "\e8f6";
}
.icon-map:before {
  content: "\e8f7";
}
.icon-map-pin:before {
  content: "\e8f8";
}
.icon-mat-10k:before {
  content: "\e001";
}
.icon-mat-10mp:before {
  content: "\e002";
}
.icon-mat-11mp:before {
  content: "\e003";
}
.icon-mat-123:before {
  content: "\e004";
}
.icon-mat-12mp:before {
  content: "\e005";
}
.icon-mat-13mp:before {
  content: "\e006";
}
.icon-mat-14mp:before {
  content: "\e007";
}
.icon-mat-15mp:before {
  content: "\e008";
}
.icon-mat-16mp:before {
  content: "\e009";
}
.icon-mat-17mp:before {
  content: "\e00a";
}
.icon-mat-18-up-rating:before {
  content: "\e00b";
}
.icon-mat-18mp:before {
  content: "\e00c";
}
.icon-mat-19mp:before {
  content: "\e00d";
}
.icon-mat-1k:before {
  content: "\e00e";
}
.icon-mat-1k-plus:before {
  content: "\e00f";
}
.icon-mat-1x-mobiledata:before {
  content: "\e010";
}
.icon-mat-20mp:before {
  content: "\e011";
}
.icon-mat-21mp:before {
  content: "\e012";
}
.icon-mat-22mp:before {
  content: "\e013";
}
.icon-mat-23mp:before {
  content: "\e014";
}
.icon-mat-24mp:before {
  content: "\e015";
}
.icon-mat-2k:before {
  content: "\e016";
}
.icon-mat-2k-plus:before {
  content: "\e017";
}
.icon-mat-2mp:before {
  content: "\e018";
}
.icon-mat-30fps:before {
  content: "\e019";
}
.icon-mat-30fps-select:before {
  content: "\e01a";
}
.icon-mat-360:before {
  content: "\e01b";
}
.icon-mat-3d-rotation:before {
  content: "\e01c";
}
.icon-mat-3g-mobiledata:before {
  content: "\e01d";
}
.icon-mat-3k:before {
  content: "\e01e";
}
.icon-mat-3k-plus:before {
  content: "\e01f";
}
.icon-mat-3mp:before {
  content: "\e020";
}
.icon-mat-3p:before {
  content: "\e021";
}
.icon-mat-4g-mobiledata:before {
  content: "\e022";
}
.icon-mat-4g-plus-mobiledata:before {
  content: "\e023";
}
.icon-mat-4k:before {
  content: "\e024";
}
.icon-mat-4k-plus:before {
  content: "\e025";
}
.icon-mat-4mp:before {
  content: "\e026";
}
.icon-mat-5g:before {
  content: "\e027";
}
.icon-mat-5k:before {
  content: "\e028";
}
.icon-mat-5k-plus:before {
  content: "\e029";
}
.icon-mat-5mp:before {
  content: "\e02a";
}
.icon-mat-6-ft-apart:before {
  content: "\e02b";
}
.icon-mat-60fps:before {
  content: "\e02c";
}
.icon-mat-60fps-select:before {
  content: "\e02d";
}
.icon-mat-6k:before {
  content: "\e02e";
}
.icon-mat-6k-plus:before {
  content: "\e02f";
}
.icon-mat-6mp:before {
  content: "\e030";
}
.icon-mat-7k:before {
  content: "\e031";
}
.icon-mat-7k-plus:before {
  content: "\e032";
}
.icon-mat-7mp:before {
  content: "\e033";
}
.icon-mat-8k:before {
  content: "\e034";
}
.icon-mat-8k-plus:before {
  content: "\e035";
}
.icon-mat-8mp:before {
  content: "\e036";
}
.icon-mat-9k:before {
  content: "\e037";
}
.icon-mat-9k-plus:before {
  content: "\e038";
}
.icon-mat-9mp:before {
  content: "\e039";
}
.icon-mat-abc:before {
  content: "\e03a";
}
.icon-mat-ac-unit:before {
  content: "\e03b";
}
.icon-mat-access-alarm:before {
  content: "\e03c";
}
.icon-mat-access-alarms:before {
  content: "\e03d";
}
.icon-mat-access-time:before {
  content: "\e03e";
}
.icon-mat-access-time-filled:before {
  content: "\e03f";
}
.icon-mat-accessibility:before {
  content: "\e040";
}
.icon-mat-accessibility-new:before {
  content: "\e041";
}
.icon-mat-accessible:before {
  content: "\e042";
}
.icon-mat-accessible-forward:before {
  content: "\e043";
}
.icon-mat-account-balance:before {
  content: "\e044";
}
.icon-mat-account-balance-wallet:before {
  content: "\e045";
}
.icon-mat-account-box:before {
  content: "\e046";
}
.icon-mat-account-circle:before {
  content: "\e047";
}
.icon-mat-account-tree:before {
  content: "\e048";
}
.icon-mat-ad-units:before {
  content: "\e049";
}
.icon-mat-adb:before {
  content: "\e04a";
}
.icon-mat-add:before {
  content: "\e04b";
}
.icon-mat-add-a-photo:before {
  content: "\e04c";
}
.icon-mat-add-alarm:before {
  content: "\e04d";
}
.icon-mat-add-alert:before {
  content: "\e04e";
}
.icon-mat-add-box:before {
  content: "\e04f";
}
.icon-mat-add-business:before {
  content: "\e050";
}
.icon-mat-add-card:before {
  content: "\e051";
}
.icon-mat-add-chart:before {
  content: "\e052";
}
.icon-mat-add-circle:before {
  content: "\e053";
}
.icon-mat-add-circle-outline:before {
  content: "\e054";
}
.icon-mat-add-comment:before {
  content: "\e055";
}
.icon-mat-add-home:before {
  content: "\e056";
}
.icon-mat-add-home-work:before {
  content: "\e057";
}
.icon-mat-add-ic-call:before {
  content: "\e058";
}
.icon-mat-add-link:before {
  content: "\e059";
}
.icon-mat-add-location:before {
  content: "\e05a";
}
.icon-mat-add-location-alt:before {
  content: "\e05b";
}
.icon-mat-add-moderator:before {
  content: "\e05c";
}
.icon-mat-add-photo-alternate:before {
  content: "\e05d";
}
.icon-mat-add-reaction:before {
  content: "\e05e";
}
.icon-mat-add-road:before {
  content: "\e05f";
}
.icon-mat-add-shopping-cart:before {
  content: "\e060";
}
.icon-mat-add-task:before {
  content: "\e061";
}
.icon-mat-add-to-drive:before {
  content: "\e062";
}
.icon-mat-add-to-home-screen:before {
  content: "\e063";
}
.icon-mat-add-to-photos:before {
  content: "\e064";
}
.icon-mat-add-to-queue:before {
  content: "\e065";
}
.icon-mat-addchart:before {
  content: "\e066";
}
.icon-mat-adf-scanner:before {
  content: "\e067";
}
.icon-mat-adjust:before {
  content: "\e068";
}
.icon-mat-admin-panel-settings:before {
  content: "\e069";
}
.icon-mat-ads-click:before {
  content: "\e06a";
}
.icon-mat-agriculture:before {
  content: "\e06b";
}
.icon-mat-air:before {
  content: "\e06c";
}
.icon-mat-airline-seat-flat:before {
  content: "\e06d";
}
.icon-mat-airline-seat-flat-angled:before {
  content: "\e06e";
}
.icon-mat-airline-seat-individual-suite:before {
  content: "\e06f";
}
.icon-mat-airline-seat-legroom-extra:before {
  content: "\e070";
}
.icon-mat-airline-seat-legroom-normal:before {
  content: "\e071";
}
.icon-mat-airline-seat-legroom-reduced:before {
  content: "\e072";
}
.icon-mat-airline-seat-recline-extra:before {
  content: "\e073";
}
.icon-mat-airline-seat-recline-normal:before {
  content: "\e074";
}
.icon-mat-airline-stops:before {
  content: "\e075";
}
.icon-mat-airlines:before {
  content: "\e076";
}
.icon-mat-airplane-ticket:before {
  content: "\e077";
}
.icon-mat-airplanemode-active:before {
  content: "\e078";
}
.icon-mat-airplanemode-inactive:before {
  content: "\e079";
}
.icon-mat-airplay:before {
  content: "\e07a";
}
.icon-mat-airport-shuttle:before {
  content: "\e07b";
}
.icon-mat-alarm:before {
  content: "\e07c";
}
.icon-mat-alarm-add:before {
  content: "\e07d";
}
.icon-mat-alarm-off:before {
  content: "\e07e";
}
.icon-mat-alarm-on:before {
  content: "\e07f";
}
.icon-mat-album:before {
  content: "\e080";
}
.icon-mat-align-horizontal-center:before {
  content: "\e081";
}
.icon-mat-align-horizontal-left:before {
  content: "\e082";
}
.icon-mat-align-horizontal-right:before {
  content: "\e083";
}
.icon-mat-align-vertical-bottom:before {
  content: "\e084";
}
.icon-mat-align-vertical-center:before {
  content: "\e085";
}
.icon-mat-align-vertical-top:before {
  content: "\e086";
}
.icon-mat-all-inbox:before {
  content: "\e087";
}
.icon-mat-all-inclusive:before {
  content: "\e088";
}
.icon-mat-all-out:before {
  content: "\e089";
}
.icon-mat-alt-route:before {
  content: "\e08a";
}
.icon-mat-alternate-email:before {
  content: "\e08b";
}
.icon-mat-analytics:before {
  content: "\e08c";
}
.icon-mat-anchor:before {
  content: "\e08d";
}
.icon-mat-android:before {
  content: "\e08e";
}
.icon-mat-animation:before {
  content: "\e08f";
}
.icon-mat-announcement:before {
  content: "\e090";
}
.icon-mat-aod:before {
  content: "\e091";
}
.icon-mat-apartment:before {
  content: "\e092";
}
.icon-mat-api:before {
  content: "\e093";
}
.icon-mat-app-blocking:before {
  content: "\e094";
}
.icon-mat-app-registration:before {
  content: "\e095";
}
.icon-mat-app-settings-alt:before {
  content: "\e096";
}
.icon-mat-app-shortcut:before {
  content: "\e097";
}
.icon-mat-approval:before {
  content: "\e098";
}
.icon-mat-apps:before {
  content: "\e099";
}
.icon-mat-apps-outage:before {
  content: "\e09a";
}
.icon-mat-architecture:before {
  content: "\e09b";
}
.icon-mat-archive:before {
  content: "\e09c";
}
.icon-mat-area-chart:before {
  content: "\e09d";
}
.icon-mat-arrow-back:before {
  content: "\e09e";
}
.icon-mat-arrow-back-ios:before {
  content: "\e09f";
}
.icon-mat-arrow-back-ios-new:before {
  content: "\e0a0";
}
.icon-mat-arrow-circle-down:before {
  content: "\e0a1";
}
.icon-mat-arrow-circle-left:before {
  content: "\e0a2";
}
.icon-mat-arrow-circle-right:before {
  content: "\e0a3";
}
.icon-mat-arrow-circle-up:before {
  content: "\e0a4";
}
.icon-mat-arrow-downward:before {
  content: "\e0a5";
}
.icon-mat-arrow-drop-down:before {
  content: "\e0a6";
}
.icon-mat-arrow-drop-down-circle:before {
  content: "\e0a7";
}
.icon-mat-arrow-drop-up:before {
  content: "\e0a8";
}
.icon-mat-arrow-forward:before {
  content: "\e0a9";
}
.icon-mat-arrow-forward-ios:before {
  content: "\e0aa";
}
.icon-mat-arrow-left:before {
  content: "\e0ab";
}
.icon-mat-arrow-outward:before {
  content: "\e0ac";
}
.icon-mat-arrow-right:before {
  content: "\e0ad";
}
.icon-mat-arrow-right-alt:before {
  content: "\e0ae";
}
.icon-mat-arrow-upward:before {
  content: "\e0af";
}
.icon-mat-art-track:before {
  content: "\e0b0";
}
.icon-mat-article:before {
  content: "\e0b1";
}
.icon-mat-aspect-ratio:before {
  content: "\e0b2";
}
.icon-mat-assessment:before {
  content: "\e0b3";
}
.icon-mat-assignment:before {
  content: "\e0b4";
}
.icon-mat-assignment-ind:before {
  content: "\e0b5";
}
.icon-mat-assignment-late:before {
  content: "\e0b6";
}
.icon-mat-assignment-return:before {
  content: "\e0b7";
}
.icon-mat-assignment-returned:before {
  content: "\e0b8";
}
.icon-mat-assignment-turned-in:before {
  content: "\e0b9";
}
.icon-mat-assist-walker:before {
  content: "\e0ba";
}
.icon-mat-assistant:before {
  content: "\e0bb";
}
.icon-mat-assistant-direction:before {
  content: "\e0bc";
}
.icon-mat-assistant-photo:before {
  content: "\e0bd";
}
.icon-mat-assured-workload:before {
  content: "\e0be";
}
.icon-mat-atm:before {
  content: "\e0bf";
}
.icon-mat-attach-email:before {
  content: "\e0c0";
}
.icon-mat-attach-file:before {
  content: "\e0c1";
}
.icon-mat-attach-money:before {
  content: "\e0c2";
}
.icon-mat-attachment:before {
  content: "\e0c3";
}
.icon-mat-attractions:before {
  content: "\e0c4";
}
.icon-mat-attribution:before {
  content: "\e0c5";
}
.icon-mat-audio-file:before {
  content: "\e0c6";
}
.icon-mat-audiotrack:before {
  content: "\e0c7";
}
.icon-mat-auto-awesome:before {
  content: "\e0c8";
}
.icon-mat-auto-awesome-mosaic:before {
  content: "\e0c9";
}
.icon-mat-auto-awesome-motion:before {
  content: "\e0ca";
}
.icon-mat-auto-delete:before {
  content: "\e0cb";
}
.icon-mat-auto-fix-high:before {
  content: "\e0cc";
}
.icon-mat-auto-fix-normal:before {
  content: "\e0cd";
}
.icon-mat-auto-fix-off:before {
  content: "\e0ce";
}
.icon-mat-auto-graph:before {
  content: "\e0cf";
}
.icon-mat-auto-mode:before {
  content: "\e0d0";
}
.icon-mat-auto-stories:before {
  content: "\e0d1";
}
.icon-mat-autofps-select:before {
  content: "\e0d2";
}
.icon-mat-autorenew:before {
  content: "\e0d3";
}
.icon-mat-av-timer:before {
  content: "\e0d4";
}
.icon-mat-baby-changing-station:before {
  content: "\e0d5";
}
.icon-mat-back-hand:before {
  content: "\e0d6";
}
.icon-mat-backpack:before {
  content: "\e0d7";
}
.icon-mat-backspace:before {
  content: "\e0d8";
}
.icon-mat-backup:before {
  content: "\e0d9";
}
.icon-mat-backup-table:before {
  content: "\e0da";
}
.icon-mat-badge:before {
  content: "\e0db";
}
.icon-mat-bakery-dining:before {
  content: "\e0dc";
}
.icon-mat-balance:before {
  content: "\e0dd";
}
.icon-mat-balcony:before {
  content: "\e0de";
}
.icon-mat-ballot:before {
  content: "\e0df";
}
.icon-mat-bar-chart:before {
  content: "\e0e0";
}
.icon-mat-batch-prediction:before {
  content: "\e0e1";
}
.icon-mat-bathroom:before {
  content: "\e0e2";
}
.icon-mat-bathtub:before {
  content: "\e0e3";
}
.icon-mat-battery-0-bar:before {
  content: "\e0e4";
}
.icon-mat-battery-1-bar:before {
  content: "\e0e5";
}
.icon-mat-battery-2-bar:before {
  content: "\e0e6";
}
.icon-mat-battery-3-bar:before {
  content: "\e0e7";
}
.icon-mat-battery-4-bar:before {
  content: "\e0e8";
}
.icon-mat-battery-5-bar:before {
  content: "\e0e9";
}
.icon-mat-battery-6-bar:before {
  content: "\e0ea";
}
.icon-mat-battery-alert:before {
  content: "\e0eb";
}
.icon-mat-battery-charging-full:before {
  content: "\e0ec";
}
.icon-mat-battery-full:before {
  content: "\e0ed";
}
.icon-mat-battery-saver:before {
  content: "\e0ee";
}
.icon-mat-battery-std:before {
  content: "\e0ef";
}
.icon-mat-battery-unknown:before {
  content: "\e0f0";
}
.icon-mat-beach-access:before {
  content: "\e0f1";
}
.icon-mat-bed:before {
  content: "\e0f2";
}
.icon-mat-bedroom-baby:before {
  content: "\e0f3";
}
.icon-mat-bedroom-child:before {
  content: "\e0f4";
}
.icon-mat-bedroom-parent:before {
  content: "\e0f5";
}
.icon-mat-bedtime:before {
  content: "\e0f6";
}
.icon-mat-bedtime-off:before {
  content: "\e0f7";
}
.icon-mat-beenhere:before {
  content: "\e0f8";
}
.icon-mat-bento:before {
  content: "\e0f9";
}
.icon-mat-bike-scooter:before {
  content: "\e0fa";
}
.icon-mat-biotech:before {
  content: "\e0fb";
}
.icon-mat-blender:before {
  content: "\e0fc";
}
.icon-mat-blind:before {
  content: "\e0fd";
}
.icon-mat-blinds:before {
  content: "\e0fe";
}
.icon-mat-blinds-closed:before {
  content: "\e0ff";
}
.icon-mat-block:before {
  content: "\e100";
}
.icon-mat-bloodtype:before {
  content: "\e101";
}
.icon-mat-bluetooth:before {
  content: "\e102";
}
.icon-mat-bluetooth-audio:before {
  content: "\e103";
}
.icon-mat-bluetooth-connected:before {
  content: "\e104";
}
.icon-mat-bluetooth-disabled:before {
  content: "\e105";
}
.icon-mat-bluetooth-drive:before {
  content: "\e106";
}
.icon-mat-bluetooth-searching:before {
  content: "\e107";
}
.icon-mat-blur-circular:before {
  content: "\e108";
}
.icon-mat-blur-linear:before {
  content: "\e109";
}
.icon-mat-blur-off:before {
  content: "\e10a";
}
.icon-mat-blur-on:before {
  content: "\e10b";
}
.icon-mat-bolt:before {
  content: "\e10c";
}
.icon-mat-book:before {
  content: "\e10d";
}
.icon-mat-book-online:before {
  content: "\e10e";
}
.icon-mat-bookmark:before {
  content: "\e10f";
}
.icon-mat-bookmark-add:before {
  content: "\e110";
}
.icon-mat-bookmark-added:before {
  content: "\e111";
}
.icon-mat-bookmark-border:before {
  content: "\e112";
}
.icon-mat-bookmark-remove:before {
  content: "\e113";
}
.icon-mat-bookmarks:before {
  content: "\e114";
}
.icon-mat-border-all:before {
  content: "\e115";
}
.icon-mat-border-bottom:before {
  content: "\e116";
}
.icon-mat-border-clear:before {
  content: "\e117";
}
.icon-mat-border-color:before {
  content: "\e118";
}
.icon-mat-border-horizontal:before {
  content: "\e119";
}
.icon-mat-border-inner:before {
  content: "\e11a";
}
.icon-mat-border-left:before {
  content: "\e11b";
}
.icon-mat-border-outer:before {
  content: "\e11c";
}
.icon-mat-border-right:before {
  content: "\e11d";
}
.icon-mat-border-style:before {
  content: "\e11e";
}
.icon-mat-border-top:before {
  content: "\e11f";
}
.icon-mat-border-vertical:before {
  content: "\e120";
}
.icon-mat-boy:before {
  content: "\e121";
}
.icon-mat-branding-watermark:before {
  content: "\e122";
}
.icon-mat-breakfast-dining:before {
  content: "\e123";
}
.icon-mat-brightness-1:before {
  content: "\e124";
}
.icon-mat-brightness-2:before {
  content: "\e125";
}
.icon-mat-brightness-3:before {
  content: "\e126";
}
.icon-mat-brightness-4:before {
  content: "\e127";
}
.icon-mat-brightness-5:before {
  content: "\e128";
}
.icon-mat-brightness-6:before {
  content: "\e129";
}
.icon-mat-brightness-7:before {
  content: "\e12a";
}
.icon-mat-brightness-auto:before {
  content: "\e12b";
}
.icon-mat-brightness-high:before {
  content: "\e12c";
}
.icon-mat-brightness-low:before {
  content: "\e12d";
}
.icon-mat-brightness-medium:before {
  content: "\e12e";
}
.icon-mat-broadcast-on-home:before {
  content: "\e12f";
}
.icon-mat-broadcast-on-personal:before {
  content: "\e130";
}
.icon-mat-broken-image:before {
  content: "\e131";
}
.icon-mat-browse-gallery:before {
  content: "\e132";
}
.icon-mat-browser-not-supported:before {
  content: "\e133";
}
.icon-mat-browser-updated:before {
  content: "\e134";
}
.icon-mat-brunch-dining:before {
  content: "\e135";
}
.icon-mat-brush:before {
  content: "\e136";
}
.icon-mat-bubble-chart:before {
  content: "\e137";
}
.icon-mat-bug-report:before {
  content: "\e138";
}
.icon-mat-build:before {
  content: "\e139";
}
.icon-mat-build-circle:before {
  content: "\e13a";
}
.icon-mat-bungalow:before {
  content: "\e13b";
}
.icon-mat-burst-mode:before {
  content: "\e13c";
}
.icon-mat-bus-alert:before {
  content: "\e13d";
}
.icon-mat-business:before {
  content: "\e13e";
}
.icon-mat-business-center:before {
  content: "\e13f";
}
.icon-mat-cabin:before {
  content: "\e140";
}
.icon-mat-cable:before {
  content: "\e141";
}
.icon-mat-cached:before {
  content: "\e142";
}
.icon-mat-cake:before {
  content: "\e143";
}
.icon-mat-calculate:before {
  content: "\e144";
}
.icon-mat-calendar-month:before {
  content: "\e145";
}
.icon-mat-calendar-today:before {
  content: "\e146";
}
.icon-mat-calendar-view-day:before {
  content: "\e147";
}
.icon-mat-calendar-view-month:before {
  content: "\e148";
}
.icon-mat-calendar-view-week:before {
  content: "\e149";
}
.icon-mat-call:before {
  content: "\e14a";
}
.icon-mat-call-end:before {
  content: "\e14b";
}
.icon-mat-call-made:before {
  content: "\e14c";
}
.icon-mat-call-merge:before {
  content: "\e14d";
}
.icon-mat-call-missed:before {
  content: "\e14e";
}
.icon-mat-call-missed-outgoing:before {
  content: "\e14f";
}
.icon-mat-call-received:before {
  content: "\e150";
}
.icon-mat-call-split:before {
  content: "\e151";
}
.icon-mat-call-to-action:before {
  content: "\e152";
}
.icon-mat-camera:before {
  content: "\e153";
}
.icon-mat-camera-alt:before {
  content: "\e154";
}
.icon-mat-camera-enhance:before {
  content: "\e155";
}
.icon-mat-camera-front:before {
  content: "\e156";
}
.icon-mat-camera-indoor:before {
  content: "\e157";
}
.icon-mat-camera-outdoor:before {
  content: "\e158";
}
.icon-mat-camera-rear:before {
  content: "\e159";
}
.icon-mat-camera-roll:before {
  content: "\e15a";
}
.icon-mat-cameraswitch:before {
  content: "\e15b";
}
.icon-mat-campaign:before {
  content: "\e15c";
}
.icon-mat-cancel:before {
  content: "\e15d";
}
.icon-mat-cancel-presentation:before {
  content: "\e15e";
}
.icon-mat-cancel-schedule-send:before {
  content: "\e15f";
}
.icon-mat-candlestick-chart:before {
  content: "\e160";
}
.icon-mat-car-crash:before {
  content: "\e161";
}
.icon-mat-car-rental:before {
  content: "\e162";
}
.icon-mat-car-repair:before {
  content: "\e163";
}
.icon-mat-card-giftcard:before {
  content: "\e164";
}
.icon-mat-card-membership:before {
  content: "\e165";
}
.icon-mat-card-travel:before {
  content: "\e166";
}
.icon-mat-carpenter:before {
  content: "\e167";
}
.icon-mat-cases:before {
  content: "\e168";
}
.icon-mat-casino:before {
  content: "\e169";
}
.icon-mat-cast:before {
  content: "\e16a";
}
.icon-mat-cast-connected:before {
  content: "\e16b";
}
.icon-mat-cast-for-education:before {
  content: "\e16c";
}
.icon-mat-castle:before {
  content: "\e16d";
}
.icon-mat-catching-pokemon:before {
  content: "\e16e";
}
.icon-mat-category:before {
  content: "\e16f";
}
.icon-mat-celebration:before {
  content: "\e170";
}
.icon-mat-cell-tower:before {
  content: "\e171";
}
.icon-mat-cell-wifi:before {
  content: "\e172";
}
.icon-mat-center-focus-strong:before {
  content: "\e173";
}
.icon-mat-center-focus-weak:before {
  content: "\e174";
}
.icon-mat-chair:before {
  content: "\e175";
}
.icon-mat-chair-alt:before {
  content: "\e176";
}
.icon-mat-chalet:before {
  content: "\e177";
}
.icon-mat-change-circle:before {
  content: "\e178";
}
.icon-mat-change-history:before {
  content: "\e179";
}
.icon-mat-charging-station:before {
  content: "\e17a";
}
.icon-mat-chat:before {
  content: "\e17b";
}
.icon-mat-chat-bubble:before {
  content: "\e17c";
}
.icon-mat-chat-bubble-outline:before {
  content: "\e17d";
}
.icon-mat-check:before {
  content: "\e17e";
}
.icon-mat-check-box:before {
  content: "\e17f";
}
.icon-mat-check-box-outline-blank:before {
  content: "\e180";
}
.icon-mat-check-circle:before {
  content: "\e181";
}
.icon-mat-check-circle-outline:before {
  content: "\e182";
}
.icon-mat-checklist:before {
  content: "\e183";
}
.icon-mat-checklist-rtl:before {
  content: "\e184";
}
.icon-mat-checkroom:before {
  content: "\e185";
}
.icon-mat-chevron-left:before {
  content: "\e186";
}
.icon-mat-chevron-right:before {
  content: "\e187";
}
.icon-mat-child-care:before {
  content: "\e188";
}
.icon-mat-child-friendly:before {
  content: "\e189";
}
.icon-mat-chrome-reader-mode:before {
  content: "\e18a";
}
.icon-mat-church:before {
  content: "\e18b";
}
.icon-mat-circle:before {
  content: "\e18c";
}
.icon-mat-circle-notifications:before {
  content: "\e18d";
}
.icon-mat-class:before {
  content: "\e18e";
}
.icon-mat-clean-hands:before {
  content: "\e18f";
}
.icon-mat-cleaning-services:before {
  content: "\e190";
}
.icon-mat-clear:before {
  content: "\e191";
}
.icon-mat-clear-all:before {
  content: "\e192";
}
.icon-mat-close:before {
  content: "\e193";
}
.icon-mat-close-fullscreen:before {
  content: "\e194";
}
.icon-mat-closed-caption:before {
  content: "\e195";
}
.icon-mat-closed-caption-disabled:before {
  content: "\e196";
}
.icon-mat-closed-caption-off:before {
  content: "\e197";
}
.icon-mat-cloud:before {
  content: "\e198";
}
.icon-mat-cloud-circle:before {
  content: "\e199";
}
.icon-mat-cloud-done:before {
  content: "\e19a";
}
.icon-mat-cloud-download:before {
  content: "\e19b";
}
.icon-mat-cloud-off:before {
  content: "\e19c";
}
.icon-mat-cloud-queue:before {
  content: "\e19d";
}
.icon-mat-cloud-sync:before {
  content: "\e19e";
}
.icon-mat-cloud-upload:before {
  content: "\e19f";
}
.icon-mat-co-present:before {
  content: "\e1a0";
}
.icon-mat-co2:before {
  content: "\e1a1";
}
.icon-mat-code:before {
  content: "\e1a2";
}
.icon-mat-code-off:before {
  content: "\e1a3";
}
.icon-mat-coffee:before {
  content: "\e1a4";
}
.icon-mat-coffee-maker:before {
  content: "\e1a5";
}
.icon-mat-collections:before {
  content: "\e1a6";
}
.icon-mat-collections-bookmark:before {
  content: "\e1a7";
}
.icon-mat-color-lens:before {
  content: "\e1a8";
}
.icon-mat-colorize:before {
  content: "\e1a9";
}
.icon-mat-comment:before {
  content: "\e1aa";
}
.icon-mat-comment-bank:before {
  content: "\e1ab";
}
.icon-mat-comments-disabled:before {
  content: "\e1ac";
}
.icon-mat-commit:before {
  content: "\e1ad";
}
.icon-mat-commute:before {
  content: "\e1ae";
}
.icon-mat-compare:before {
  content: "\e1af";
}
.icon-mat-compare-arrows:before {
  content: "\e1b0";
}
.icon-mat-compass-calibration:before {
  content: "\e1b1";
}
.icon-mat-compost:before {
  content: "\e1b2";
}
.icon-mat-compress:before {
  content: "\e1b3";
}
.icon-mat-computer:before {
  content: "\e1b4";
}
.icon-mat-confirmation-number:before {
  content: "\e1b5";
}
.icon-mat-connect-without-contact:before {
  content: "\e1b6";
}
.icon-mat-connected-tv:before {
  content: "\e1b7";
}
.icon-mat-connecting-airports:before {
  content: "\e1b8";
}
.icon-mat-construction:before {
  content: "\e1b9";
}
.icon-mat-contact-emergency:before {
  content: "\e1ba";
}
.icon-mat-contact-mail:before {
  content: "\e1bb";
}
.icon-mat-contact-page:before {
  content: "\e1bc";
}
.icon-mat-contact-phone:before {
  content: "\e1bd";
}
.icon-mat-contact-support:before {
  content: "\e1be";
}
.icon-mat-contactless:before {
  content: "\e1bf";
}
.icon-mat-contacts:before {
  content: "\e1c0";
}
.icon-mat-content-copy:before {
  content: "\e1c1";
}
.icon-mat-content-cut:before {
  content: "\e1c2";
}
.icon-mat-content-paste:before {
  content: "\e1c3";
}
.icon-mat-content-paste-go:before {
  content: "\e1c4";
}
.icon-mat-content-paste-off:before {
  content: "\e1c5";
}
.icon-mat-content-paste-search:before {
  content: "\e1c6";
}
.icon-mat-contrast:before {
  content: "\e1c7";
}
.icon-mat-control-camera:before {
  content: "\e1c8";
}
.icon-mat-control-point:before {
  content: "\e1c9";
}
.icon-mat-control-point-duplicate:before {
  content: "\e1ca";
}
.icon-mat-cookie:before {
  content: "\e1cb";
}
.icon-mat-copy-all:before {
  content: "\e1cc";
}
.icon-mat-copyright:before {
  content: "\e1cd";
}
.icon-mat-coronavirus:before {
  content: "\e1ce";
}
.icon-mat-corporate-fare:before {
  content: "\e1cf";
}
.icon-mat-cottage:before {
  content: "\e1d0";
}
.icon-mat-countertops:before {
  content: "\e1d1";
}
.icon-mat-create:before {
  content: "\e1d2";
}
.icon-mat-create-new-folder:before {
  content: "\e1d3";
}
.icon-mat-credit-card:before {
  content: "\e1d4";
}
.icon-mat-credit-card-off:before {
  content: "\e1d5";
}
.icon-mat-credit-score:before {
  content: "\e1d6";
}
.icon-mat-crib:before {
  content: "\e1d7";
}
.icon-mat-crisis-alert:before {
  content: "\e1d8";
}
.icon-mat-crop:before {
  content: "\e1d9";
}
.icon-mat-crop-16-9:before {
  content: "\e1da";
}
.icon-mat-crop-3-2:before {
  content: "\e1db";
}
.icon-mat-crop-5-4:before {
  content: "\e1dc";
}
.icon-mat-crop-7-5:before {
  content: "\e1dd";
}
.icon-mat-crop-din:before {
  content: "\e1de";
}
.icon-mat-crop-free:before {
  content: "\e1df";
}
.icon-mat-crop-landscape:before {
  content: "\e1e0";
}
.icon-mat-crop-original:before {
  content: "\e1e1";
}
.icon-mat-crop-portrait:before {
  content: "\e1e2";
}
.icon-mat-crop-rotate:before {
  content: "\e1e3";
}
.icon-mat-crop-square:before {
  content: "\e1e4";
}
.icon-mat-cruelty-free:before {
  content: "\e1e5";
}
.icon-mat-css:before {
  content: "\e1e6";
}
.icon-mat-currency-bitcoin:before {
  content: "\e1e7";
}
.icon-mat-currency-exchange:before {
  content: "\e1e8";
}
.icon-mat-currency-franc:before {
  content: "\e1e9";
}
.icon-mat-currency-lira:before {
  content: "\e1ea";
}
.icon-mat-currency-pound:before {
  content: "\e1eb";
}
.icon-mat-currency-ruble:before {
  content: "\e1ec";
}
.icon-mat-currency-rupee:before {
  content: "\e1ed";
}
.icon-mat-currency-yen:before {
  content: "\e1ee";
}
.icon-mat-currency-yuan:before {
  content: "\e1ef";
}
.icon-mat-curtains:before {
  content: "\e1f0";
}
.icon-mat-curtains-closed:before {
  content: "\e1f1";
}
.icon-mat-cyclone:before {
  content: "\e1f2";
}
.icon-mat-dangerous:before {
  content: "\e1f3";
}
.icon-mat-dark-mode:before {
  content: "\e1f4";
}
.icon-mat-dashboard:before {
  content: "\e1f5";
}
.icon-mat-dashboard-customize:before {
  content: "\e1f6";
}
.icon-mat-data-array:before {
  content: "\e1f7";
}
.icon-mat-data-exploration:before {
  content: "\e1f8";
}
.icon-mat-data-object:before {
  content: "\e1f9";
}
.icon-mat-data-saver-off:before {
  content: "\e1fa";
}
.icon-mat-data-saver-on:before {
  content: "\e1fb";
}
.icon-mat-data-thresholding:before {
  content: "\e1fc";
}
.icon-mat-data-usage:before {
  content: "\e1fd";
}
.icon-mat-dataset:before {
  content: "\e1fe";
}
.icon-mat-dataset-linked:before {
  content: "\e1ff";
}
.icon-mat-date-range:before {
  content: "\e200";
}
.icon-mat-deblur:before {
  content: "\e201";
}
.icon-mat-deck:before {
  content: "\e202";
}
.icon-mat-dehaze:before {
  content: "\e203";
}
.icon-mat-delete:before {
  content: "\e204";
}
.icon-mat-delete-forever:before {
  content: "\e205";
}
.icon-mat-delete-outline:before {
  content: "\e206";
}
.icon-mat-delete-sweep:before {
  content: "\e207";
}
.icon-mat-delivery-dining:before {
  content: "\e208";
}
.icon-mat-density-large:before {
  content: "\e209";
}
.icon-mat-density-medium:before {
  content: "\e20a";
}
.icon-mat-density-small:before {
  content: "\e20b";
}
.icon-mat-departure-board:before {
  content: "\e20c";
}
.icon-mat-description:before {
  content: "\e20d";
}
.icon-mat-deselect:before {
  content: "\e20e";
}
.icon-mat-design-services:before {
  content: "\e20f";
}
.icon-mat-desk:before {
  content: "\e210";
}
.icon-mat-desktop-access-disabled:before {
  content: "\e211";
}
.icon-mat-desktop-mac:before {
  content: "\e212";
}
.icon-mat-desktop-windows:before {
  content: "\e213";
}
.icon-mat-details:before {
  content: "\e214";
}
.icon-mat-developer-board:before {
  content: "\e215";
}
.icon-mat-developer-board-off:before {
  content: "\e216";
}
.icon-mat-developer-mode:before {
  content: "\e217";
}
.icon-mat-device-hub:before {
  content: "\e218";
}
.icon-mat-device-thermostat:before {
  content: "\e219";
}
.icon-mat-device-unknown:before {
  content: "\e21a";
}
.icon-mat-devices:before {
  content: "\e21b";
}
.icon-mat-devices-fold:before {
  content: "\e21c";
}
.icon-mat-devices-other:before {
  content: "\e21d";
}
.icon-mat-dialer-sip:before {
  content: "\e21e";
}
.icon-mat-dialpad:before {
  content: "\e21f";
}
.icon-mat-diamond:before {
  content: "\e220";
}
.icon-mat-difference:before {
  content: "\e221";
}
.icon-mat-dining:before {
  content: "\e222";
}
.icon-mat-dinner-dining:before {
  content: "\e223";
}
.icon-mat-directions:before {
  content: "\e224";
}
.icon-mat-directions-bike:before {
  content: "\e225";
}
.icon-mat-directions-boat:before {
  content: "\e226";
}
.icon-mat-directions-boat-filled:before {
  content: "\e227";
}
.icon-mat-directions-bus:before {
  content: "\e228";
}
.icon-mat-directions-bus-filled:before {
  content: "\e229";
}
.icon-mat-directions-car:before {
  content: "\e22a";
}
.icon-mat-directions-car-filled:before {
  content: "\e22b";
}
.icon-mat-directions-off:before {
  content: "\e22c";
}
.icon-mat-directions-railway:before {
  content: "\e22d";
}
.icon-mat-directions-railway-filled:before {
  content: "\e22e";
}
.icon-mat-directions-run:before {
  content: "\e22f";
}
.icon-mat-directions-subway:before {
  content: "\e230";
}
.icon-mat-directions-subway-filled:before {
  content: "\e231";
}
.icon-mat-directions-transit:before {
  content: "\e232";
}
.icon-mat-directions-transit-filled:before {
  content: "\e233";
}
.icon-mat-directions-walk:before {
  content: "\e234";
}
.icon-mat-dirty-lens:before {
  content: "\e235";
}
.icon-mat-disabled-by-default:before {
  content: "\e236";
}
.icon-mat-disabled-visible:before {
  content: "\e237";
}
.icon-mat-disc-full:before {
  content: "\e238";
}
.icon-mat-discount:before {
  content: "\e239";
}
.icon-mat-display-settings:before {
  content: "\e23a";
}
.icon-mat-diversity-1:before {
  content: "\e23b";
}
.icon-mat-diversity-2:before {
  content: "\e23c";
}
.icon-mat-diversity-3:before {
  content: "\e23d";
}
.icon-mat-dns:before {
  content: "\e23e";
}
.icon-mat-do-disturb:before {
  content: "\e23f";
}
.icon-mat-do-disturb-alt:before {
  content: "\e240";
}
.icon-mat-do-disturb-off:before {
  content: "\e241";
}
.icon-mat-do-disturb-on:before {
  content: "\e242";
}
.icon-mat-do-not-disturb:before {
  content: "\e243";
}
.icon-mat-do-not-disturb-alt:before {
  content: "\e244";
}
.icon-mat-do-not-disturb-off:before {
  content: "\e245";
}
.icon-mat-do-not-disturb-on:before {
  content: "\e246";
}
.icon-mat-do-not-disturb-on-total-silence:before {
  content: "\e247";
}
.icon-mat-do-not-step:before {
  content: "\e248";
}
.icon-mat-do-not-touch:before {
  content: "\e249";
}
.icon-mat-dock:before {
  content: "\e24a";
}
.icon-mat-document-scanner:before {
  content: "\e24b";
}
.icon-mat-domain:before {
  content: "\e24c";
}
.icon-mat-domain-add:before {
  content: "\e24d";
}
.icon-mat-domain-disabled:before {
  content: "\e24e";
}
.icon-mat-domain-verification:before {
  content: "\e24f";
}
.icon-mat-done:before {
  content: "\e250";
}
.icon-mat-done-all:before {
  content: "\e251";
}
.icon-mat-done-outline:before {
  content: "\e252";
}
.icon-mat-donut-large:before {
  content: "\e253";
}
.icon-mat-donut-small:before {
  content: "\e254";
}
.icon-mat-door-back:before {
  content: "\e255";
}
.icon-mat-door-front:before {
  content: "\e256";
}
.icon-mat-door-sliding:before {
  content: "\e257";
}
.icon-mat-doorbell:before {
  content: "\e258";
}
.icon-mat-double-arrow:before {
  content: "\e259";
}
.icon-mat-downhill-skiing:before {
  content: "\e25a";
}
.icon-mat-download:before {
  content: "\e25b";
}
.icon-mat-download-done:before {
  content: "\e25c";
}
.icon-mat-download-for-offline:before {
  content: "\e25d";
}
.icon-mat-downloading:before {
  content: "\e25e";
}
.icon-mat-drafts:before {
  content: "\e25f";
}
.icon-mat-drag-handle:before {
  content: "\e260";
}
.icon-mat-drag-indicator:before {
  content: "\e261";
}
.icon-mat-draw:before {
  content: "\e262";
}
.icon-mat-drive-eta:before {
  content: "\e263";
}
.icon-mat-drive-file-move:before {
  content: "\e264";
}
.icon-mat-drive-file-move-rtl:before {
  content: "\e265";
}
.icon-mat-drive-file-rename-outline:before {
  content: "\e266";
}
.icon-mat-drive-folder-upload:before {
  content: "\e267";
}
.icon-mat-dry:before {
  content: "\e268";
}
.icon-mat-dry-cleaning:before {
  content: "\e269";
}
.icon-mat-duo:before {
  content: "\e26a";
}
.icon-mat-dvr:before {
  content: "\e26b";
}
.icon-mat-dynamic-feed:before {
  content: "\e26c";
}
.icon-mat-dynamic-form:before {
  content: "\e26d";
}
.icon-mat-e-mobiledata:before {
  content: "\e26e";
}
.icon-mat-earbuds:before {
  content: "\e26f";
}
.icon-mat-earbuds-battery:before {
  content: "\e270";
}
.icon-mat-east:before {
  content: "\e271";
}
.icon-mat-edgesensor-high:before {
  content: "\e272";
}
.icon-mat-edgesensor-low:before {
  content: "\e273";
}
.icon-mat-edit:before {
  content: "\e274";
}
.icon-mat-edit-attributes:before {
  content: "\e275";
}
.icon-mat-edit-calendar:before {
  content: "\e276";
}
.icon-mat-edit-location:before {
  content: "\e277";
}
.icon-mat-edit-location-alt:before {
  content: "\e278";
}
.icon-mat-edit-note:before {
  content: "\e279";
}
.icon-mat-edit-notifications:before {
  content: "\e27a";
}
.icon-mat-edit-off:before {
  content: "\e27b";
}
.icon-mat-edit-road:before {
  content: "\e27c";
}
.icon-mat-egg:before {
  content: "\e27d";
}
.icon-mat-egg-alt:before {
  content: "\e27e";
}
.icon-mat-eject:before {
  content: "\e27f";
}
.icon-mat-elderly:before {
  content: "\e280";
}
.icon-mat-elderly-woman:before {
  content: "\e281";
}
.icon-mat-electric-bike:before {
  content: "\e282";
}
.icon-mat-electric-bolt:before {
  content: "\e283";
}
.icon-mat-electric-car:before {
  content: "\e284";
}
.icon-mat-electric-meter:before {
  content: "\e285";
}
.icon-mat-electric-moped:before {
  content: "\e286";
}
.icon-mat-electric-rickshaw:before {
  content: "\e287";
}
.icon-mat-electric-scooter:before {
  content: "\e288";
}
.icon-mat-electrical-services:before {
  content: "\e289";
}
.icon-mat-elevator:before {
  content: "\e28a";
}
.icon-mat-email:before {
  content: "\e28b";
}
.icon-mat-emergency:before {
  content: "\e28c";
}
.icon-mat-emergency-recording:before {
  content: "\e28d";
}
.icon-mat-emergency-share:before {
  content: "\e28e";
}
.icon-mat-emoji-emotions:before {
  content: "\e28f";
}
.icon-mat-emoji-events:before {
  content: "\e290";
}
.icon-mat-emoji-food-beverage:before {
  content: "\e291";
}
.icon-mat-emoji-nature:before {
  content: "\e292";
}
.icon-mat-emoji-objects:before {
  content: "\e293";
}
.icon-mat-emoji-people:before {
  content: "\e294";
}
.icon-mat-emoji-symbols:before {
  content: "\e295";
}
.icon-mat-emoji-transportation:before {
  content: "\e296";
}
.icon-mat-energy-savings-leaf:before {
  content: "\e297";
}
.icon-mat-engineering:before {
  content: "\e298";
}
.icon-mat-enhanced-encryption:before {
  content: "\e299";
}
.icon-mat-equalizer:before {
  content: "\e29a";
}
.icon-mat-error:before {
  content: "\e29b";
}
.icon-mat-error-outline:before {
  content: "\e29c";
}
.icon-mat-escalator:before {
  content: "\e29d";
}
.icon-mat-escalator-warning:before {
  content: "\e29e";
}
.icon-mat-euro:before {
  content: "\e29f";
}
.icon-mat-euro-symbol:before {
  content: "\e2a0";
}
.icon-mat-ev-station:before {
  content: "\e2a1";
}
.icon-mat-event:before {
  content: "\e2a2";
}
.icon-mat-event-available:before {
  content: "\e2a3";
}
.icon-mat-event-busy:before {
  content: "\e2a4";
}
.icon-mat-event-note:before {
  content: "\e2a5";
}
.icon-mat-event-repeat:before {
  content: "\e2a6";
}
.icon-mat-event-seat:before {
  content: "\e2a7";
}
.icon-mat-exit-to-app:before {
  content: "\e2a8";
}
.icon-mat-expand:before {
  content: "\e2a9";
}
.icon-mat-expand-circle-down:before {
  content: "\e2aa";
}
.icon-mat-expand-less:before {
  content: "\e2ab";
}
.icon-mat-expand-more:before {
  content: "\e2ac";
}
.icon-mat-explicit:before {
  content: "\e2ad";
}
.icon-mat-explore:before {
  content: "\e2ae";
}
.icon-mat-explore-off:before {
  content: "\e2af";
}
.icon-mat-exposure:before {
  content: "\e2b0";
}
.icon-mat-exposure-neg-1:before {
  content: "\e2b1";
}
.icon-mat-exposure-neg-2:before {
  content: "\e2b2";
}
.icon-mat-exposure-plus-1:before {
  content: "\e2b3";
}
.icon-mat-exposure-plus-2:before {
  content: "\e2b4";
}
.icon-mat-exposure-zero:before {
  content: "\e2b5";
}
.icon-mat-extension:before {
  content: "\e2b6";
}
.icon-mat-extension-off:before {
  content: "\e2b7";
}
.icon-mat-face:before {
  content: "\e2b8";
}
.icon-mat-face-2:before {
  content: "\e2b9";
}
.icon-mat-face-3:before {
  content: "\e2ba";
}
.icon-mat-face-4:before {
  content: "\e2bb";
}
.icon-mat-face-5:before {
  content: "\e2bc";
}
.icon-mat-face-6:before {
  content: "\e2bd";
}
.icon-mat-face-retouching-natural:before {
  content: "\e2be";
}
.icon-mat-face-retouching-off:before {
  content: "\e2bf";
}
.icon-mat-fact-check:before {
  content: "\e2c0";
}
.icon-mat-factory:before {
  content: "\e2c1";
}
.icon-mat-family-restroom:before {
  content: "\e2c2";
}
.icon-mat-fast-forward:before {
  content: "\e2c3";
}
.icon-mat-fast-rewind:before {
  content: "\e2c4";
}
.icon-mat-fastfood:before {
  content: "\e2c5";
}
.icon-mat-favorite:before {
  content: "\e2c6";
}
.icon-mat-favorite-border:before {
  content: "\e2c7";
}
.icon-mat-fax:before {
  content: "\e2c8";
}
.icon-mat-featured-play-list:before {
  content: "\e2c9";
}
.icon-mat-featured-video:before {
  content: "\e2ca";
}
.icon-mat-feed:before {
  content: "\e2cb";
}
.icon-mat-feedback:before {
  content: "\e2cc";
}
.icon-mat-female:before {
  content: "\e2cd";
}
.icon-mat-fence:before {
  content: "\e2ce";
}
.icon-mat-festival:before {
  content: "\e2cf";
}
.icon-mat-fiber-dvr:before {
  content: "\e2d0";
}
.icon-mat-fiber-manual-record:before {
  content: "\e2d1";
}
.icon-mat-fiber-new:before {
  content: "\e2d2";
}
.icon-mat-fiber-pin:before {
  content: "\e2d3";
}
.icon-mat-fiber-smart-record:before {
  content: "\e2d4";
}
.icon-mat-file-copy:before {
  content: "\e2d5";
}
.icon-mat-file-download:before {
  content: "\e2d6";
}
.icon-mat-file-download-done:before {
  content: "\e2d7";
}
.icon-mat-file-download-off:before {
  content: "\e2d8";
}
.icon-mat-file-open:before {
  content: "\e2d9";
}
.icon-mat-file-present:before {
  content: "\e2da";
}
.icon-mat-file-upload:before {
  content: "\e2db";
}
.icon-mat-filter:before {
  content: "\e2dc";
}
.icon-mat-filter-1:before {
  content: "\e2dd";
}
.icon-mat-filter-2:before {
  content: "\e2de";
}
.icon-mat-filter-3:before {
  content: "\e2df";
}
.icon-mat-filter-4:before {
  content: "\e2e0";
}
.icon-mat-filter-5:before {
  content: "\e2e1";
}
.icon-mat-filter-6:before {
  content: "\e2e2";
}
.icon-mat-filter-7:before {
  content: "\e2e3";
}
.icon-mat-filter-8:before {
  content: "\e2e4";
}
.icon-mat-filter-9:before {
  content: "\e2e5";
}
.icon-mat-filter-9-plus:before {
  content: "\e2e6";
}
.icon-mat-filter-alt:before {
  content: "\e2e7";
}
.icon-mat-filter-alt-off:before {
  content: "\e2e8";
}
.icon-mat-filter-b-and-w:before {
  content: "\e2e9";
}
.icon-mat-filter-center-focus:before {
  content: "\e2ea";
}
.icon-mat-filter-drama:before {
  content: "\e2eb";
}
.icon-mat-filter-frames:before {
  content: "\e2ec";
}
.icon-mat-filter-hdr:before {
  content: "\e2ed";
}
.icon-mat-filter-list:before {
  content: "\e2ee";
}
.icon-mat-filter-list-off:before {
  content: "\e2ef";
}
.icon-mat-filter-none:before {
  content: "\e2f0";
}
.icon-mat-filter-tilt-shift:before {
  content: "\e2f1";
}
.icon-mat-filter-vintage:before {
  content: "\e2f2";
}
.icon-mat-find-in-page:before {
  content: "\e2f3";
}
.icon-mat-find-replace:before {
  content: "\e2f4";
}
.icon-mat-fingerprint:before {
  content: "\e2f5";
}
.icon-mat-fire-extinguisher:before {
  content: "\e2f6";
}
.icon-mat-fire-hydrant-alt:before {
  content: "\e2f7";
}
.icon-mat-fire-truck:before {
  content: "\e2f8";
}
.icon-mat-fireplace:before {
  content: "\e2f9";
}
.icon-mat-first-page:before {
  content: "\e2fa";
}
.icon-mat-fit-screen:before {
  content: "\e2fb";
}
.icon-mat-fitbit:before {
  content: "\e2fc";
}
.icon-mat-fitness-center:before {
  content: "\e2fd";
}
.icon-mat-flag:before {
  content: "\e2fe";
}
.icon-mat-flag-circle:before {
  content: "\e2ff";
}
.icon-mat-flaky:before {
  content: "\e300";
}
.icon-mat-flare:before {
  content: "\e301";
}
.icon-mat-flash-auto:before {
  content: "\e302";
}
.icon-mat-flash-off:before {
  content: "\e303";
}
.icon-mat-flash-on:before {
  content: "\e304";
}
.icon-mat-flashlight-off:before {
  content: "\e305";
}
.icon-mat-flashlight-on:before {
  content: "\e306";
}
.icon-mat-flatware:before {
  content: "\e307";
}
.icon-mat-flight:before {
  content: "\e308";
}
.icon-mat-flight-class:before {
  content: "\e309";
}
.icon-mat-flight-land:before {
  content: "\e30a";
}
.icon-mat-flight-takeoff:before {
  content: "\e30b";
}
.icon-mat-flip:before {
  content: "\e30c";
}
.icon-mat-flip-camera-android:before {
  content: "\e30d";
}
.icon-mat-flip-camera-ios:before {
  content: "\e30e";
}
.icon-mat-flip-to-back:before {
  content: "\e30f";
}
.icon-mat-flip-to-front:before {
  content: "\e310";
}
.icon-mat-flood:before {
  content: "\e311";
}
.icon-mat-fluorescent:before {
  content: "\e312";
}
.icon-mat-flutter-dash:before {
  content: "\e313";
}
.icon-mat-fmd-bad:before {
  content: "\e314";
}
.icon-mat-fmd-good:before {
  content: "\e315";
}
.icon-mat-folder:before {
  content: "\e316";
}
.icon-mat-folder-copy:before {
  content: "\e317";
}
.icon-mat-folder-delete:before {
  content: "\e318";
}
.icon-mat-folder-off:before {
  content: "\e319";
}
.icon-mat-folder-open:before {
  content: "\e31a";
}
.icon-mat-folder-shared:before {
  content: "\e31b";
}
.icon-mat-folder-special:before {
  content: "\e31c";
}
.icon-mat-folder-zip:before {
  content: "\e31d";
}
.icon-mat-follow-the-signs:before {
  content: "\e31e";
}
.icon-mat-font-download:before {
  content: "\e31f";
}
.icon-mat-font-download-off:before {
  content: "\e320";
}
.icon-mat-food-bank:before {
  content: "\e321";
}
.icon-mat-forest:before {
  content: "\e322";
}
.icon-mat-fork-left:before {
  content: "\e323";
}
.icon-mat-fork-right:before {
  content: "\e324";
}
.icon-mat-format-align-center:before {
  content: "\e325";
}
.icon-mat-format-align-justify:before {
  content: "\e326";
}
.icon-mat-format-align-left:before {
  content: "\e327";
}
.icon-mat-format-align-right:before {
  content: "\e328";
}
.icon-mat-format-bold:before {
  content: "\e329";
}
.icon-mat-format-clear:before {
  content: "\e32a";
}
.icon-mat-format-color-fill:before {
  content: "\e32b";
}
.icon-mat-format-color-reset:before {
  content: "\e32c";
}
.icon-mat-format-color-text:before {
  content: "\e32d";
}
.icon-mat-format-indent-decrease:before {
  content: "\e32e";
}
.icon-mat-format-indent-increase:before {
  content: "\e32f";
}
.icon-mat-format-italic:before {
  content: "\e330";
}
.icon-mat-format-line-spacing:before {
  content: "\e331";
}
.icon-mat-format-list-bulleted:before {
  content: "\e332";
}
.icon-mat-format-list-numbered:before {
  content: "\e333";
}
.icon-mat-format-list-numbered-rtl:before {
  content: "\e334";
}
.icon-mat-format-overline:before {
  content: "\e335";
}
.icon-mat-format-paint:before {
  content: "\e336";
}
.icon-mat-format-quote:before {
  content: "\e337";
}
.icon-mat-format-shapes:before {
  content: "\e338";
}
.icon-mat-format-size:before {
  content: "\e339";
}
.icon-mat-format-strikethrough:before {
  content: "\e33a";
}
.icon-mat-format-textdirection-l-to-r:before {
  content: "\e33b";
}
.icon-mat-format-textdirection-r-to-l:before {
  content: "\e33c";
}
.icon-mat-format-underlined:before {
  content: "\e33d";
}
.icon-mat-fort:before {
  content: "\e33e";
}
.icon-mat-forum:before {
  content: "\e33f";
}
.icon-mat-forward:before {
  content: "\e340";
}
.icon-mat-forward-10:before {
  content: "\e341";
}
.icon-mat-forward-30:before {
  content: "\e342";
}
.icon-mat-forward-5:before {
  content: "\e343";
}
.icon-mat-forward-to-inbox:before {
  content: "\e344";
}
.icon-mat-foundation:before {
  content: "\e345";
}
.icon-mat-free-breakfast:before {
  content: "\e346";
}
.icon-mat-free-cancellation:before {
  content: "\e347";
}
.icon-mat-front-hand:before {
  content: "\e348";
}
.icon-mat-fullscreen:before {
  content: "\e349";
}
.icon-mat-fullscreen-exit:before {
  content: "\e34a";
}
.icon-mat-functions:before {
  content: "\e34b";
}
.icon-mat-g-mobiledata:before {
  content: "\e34c";
}
.icon-mat-g-translate:before {
  content: "\e34d";
}
.icon-mat-gamepad:before {
  content: "\e34e";
}
.icon-mat-games:before {
  content: "\e34f";
}
.icon-mat-garage:before {
  content: "\e350";
}
.icon-mat-gas-meter:before {
  content: "\e351";
}
.icon-mat-gavel:before {
  content: "\e352";
}
.icon-mat-generating-tokens:before {
  content: "\e353";
}
.icon-mat-gesture:before {
  content: "\e354";
}
.icon-mat-get-app:before {
  content: "\e355";
}
.icon-mat-gif:before {
  content: "\e356";
}
.icon-mat-gif-box:before {
  content: "\e357";
}
.icon-mat-girl:before {
  content: "\e358";
}
.icon-mat-gite:before {
  content: "\e359";
}
.icon-mat-golf-course:before {
  content: "\e35a";
}
.icon-mat-gpp-bad:before {
  content: "\e35b";
}
.icon-mat-gpp-good:before {
  content: "\e35c";
}
.icon-mat-gpp-maybe:before {
  content: "\e35d";
}
.icon-mat-gps-fixed:before {
  content: "\e35e";
}
.icon-mat-gps-not-fixed:before {
  content: "\e35f";
}
.icon-mat-gps-off:before {
  content: "\e360";
}
.icon-mat-grade:before {
  content: "\e361";
}
.icon-mat-gradient:before {
  content: "\e362";
}
.icon-mat-grading:before {
  content: "\e363";
}
.icon-mat-grain:before {
  content: "\e364";
}
.icon-mat-graphic-eq:before {
  content: "\e365";
}
.icon-mat-grass:before {
  content: "\e366";
}
.icon-mat-grid-3x3:before {
  content: "\e367";
}
.icon-mat-grid-4x4:before {
  content: "\e368";
}
.icon-mat-grid-goldenratio:before {
  content: "\e369";
}
.icon-mat-grid-off:before {
  content: "\e36a";
}
.icon-mat-grid-on:before {
  content: "\e36b";
}
.icon-mat-grid-view:before {
  content: "\e36c";
}
.icon-mat-group:before {
  content: "\e36d";
}
.icon-mat-group-add:before {
  content: "\e36e";
}
.icon-mat-group-off:before {
  content: "\e36f";
}
.icon-mat-group-remove:before {
  content: "\e370";
}
.icon-mat-group-work:before {
  content: "\e371";
}
.icon-mat-groups:before {
  content: "\e372";
}
.icon-mat-groups-2:before {
  content: "\e373";
}
.icon-mat-groups-3:before {
  content: "\e374";
}
.icon-mat-h-mobiledata:before {
  content: "\e375";
}
.icon-mat-h-plus-mobiledata:before {
  content: "\e376";
}
.icon-mat-hail:before {
  content: "\e377";
}
.icon-mat-handshake:before {
  content: "\e378";
}
.icon-mat-handyman:before {
  content: "\e379";
}
.icon-mat-hardware:before {
  content: "\e37a";
}
.icon-mat-hd:before {
  content: "\e37b";
}
.icon-mat-hdr-auto:before {
  content: "\e37c";
}
.icon-mat-hdr-auto-select:before {
  content: "\e37d";
}
.icon-mat-hdr-enhanced-select:before {
  content: "\e37e";
}
.icon-mat-hdr-off:before {
  content: "\e37f";
}
.icon-mat-hdr-off-select:before {
  content: "\e380";
}
.icon-mat-hdr-on:before {
  content: "\e381";
}
.icon-mat-hdr-on-select:before {
  content: "\e382";
}
.icon-mat-hdr-plus:before {
  content: "\e383";
}
.icon-mat-hdr-strong:before {
  content: "\e384";
}
.icon-mat-hdr-weak:before {
  content: "\e385";
}
.icon-mat-headphones:before {
  content: "\e386";
}
.icon-mat-headphones-battery:before {
  content: "\e387";
}
.icon-mat-headset:before {
  content: "\e388";
}
.icon-mat-headset-mic:before {
  content: "\e389";
}
.icon-mat-headset-off:before {
  content: "\e38a";
}
.icon-mat-healing:before {
  content: "\e38b";
}
.icon-mat-health-and-safety:before {
  content: "\e38c";
}
.icon-mat-hearing:before {
  content: "\e38d";
}
.icon-mat-hearing-disabled:before {
  content: "\e38e";
}
.icon-mat-heart-broken:before {
  content: "\e38f";
}
.icon-mat-heat-pump:before {
  content: "\e390";
}
.icon-mat-height:before {
  content: "\e391";
}
.icon-mat-help:before {
  content: "\e392";
}
.icon-mat-help-center:before {
  content: "\e393";
}
.icon-mat-help-outline:before {
  content: "\e394";
}
.icon-mat-hevc:before {
  content: "\e395";
}
.icon-mat-hexagon:before {
  content: "\e396";
}
.icon-mat-hide-image:before {
  content: "\e397";
}
.icon-mat-hide-source:before {
  content: "\e398";
}
.icon-mat-high-quality:before {
  content: "\e399";
}
.icon-mat-highlight:before {
  content: "\e39a";
}
.icon-mat-highlight-alt:before {
  content: "\e39b";
}
.icon-mat-highlight-off:before {
  content: "\e39c";
}
.icon-mat-hiking:before {
  content: "\e39d";
}
.icon-mat-history:before {
  content: "\e39e";
}
.icon-mat-history-edu:before {
  content: "\e39f";
}
.icon-mat-history-toggle-off:before {
  content: "\e3a0";
}
.icon-mat-hive:before {
  content: "\e3a1";
}
.icon-mat-hls:before {
  content: "\e3a2";
}
.icon-mat-hls-off:before {
  content: "\e3a3";
}
.icon-mat-holiday-village:before {
  content: "\e3a4";
}
.icon-mat-home:before {
  content: "\e3a5";
}
.icon-mat-home-max:before {
  content: "\e3a6";
}
.icon-mat-home-mini:before {
  content: "\e3a7";
}
.icon-mat-home-repair-service:before {
  content: "\e3a8";
}
.icon-mat-home-work:before {
  content: "\e3a9";
}
.icon-mat-horizontal-distribute:before {
  content: "\e3aa";
}
.icon-mat-horizontal-rule:before {
  content: "\e3ab";
}
.icon-mat-horizontal-split:before {
  content: "\e3ac";
}
.icon-mat-hot-tub:before {
  content: "\e3ad";
}
.icon-mat-hotel:before {
  content: "\e3ae";
}
.icon-mat-hotel-class:before {
  content: "\e3af";
}
.icon-mat-hourglass-bottom:before {
  content: "\e3b0";
}
.icon-mat-hourglass-disabled:before {
  content: "\e3b1";
}
.icon-mat-hourglass-empty:before {
  content: "\e3b2";
}
.icon-mat-hourglass-full:before {
  content: "\e3b3";
}
.icon-mat-hourglass-top:before {
  content: "\e3b4";
}
.icon-mat-house:before {
  content: "\e3b5";
}
.icon-mat-house-siding:before {
  content: "\e3b6";
}
.icon-mat-houseboat:before {
  content: "\e3b7";
}
.icon-mat-how-to-reg:before {
  content: "\e3b8";
}
.icon-mat-how-to-vote:before {
  content: "\e3b9";
}
.icon-mat-html:before {
  content: "\e3ba";
}
.icon-mat-http:before {
  content: "\e3bb";
}
.icon-mat-https:before {
  content: "\e3bc";
}
.icon-mat-hub:before {
  content: "\e3bd";
}
.icon-mat-hvac:before {
  content: "\e3be";
}
.icon-mat-ice-skating:before {
  content: "\e3bf";
}
.icon-mat-icecream:before {
  content: "\e3c0";
}
.icon-mat-image:before {
  content: "\e3c1";
}
.icon-mat-image-aspect-ratio:before {
  content: "\e3c2";
}
.icon-mat-image-not-supported:before {
  content: "\e3c3";
}
.icon-mat-image-search:before {
  content: "\e3c4";
}
.icon-mat-imagesearch-roller:before {
  content: "\e3c5";
}
.icon-mat-import-contacts:before {
  content: "\e3c6";
}
.icon-mat-import-export:before {
  content: "\e3c7";
}
.icon-mat-important-devices:before {
  content: "\e3c8";
}
.icon-mat-inbox:before {
  content: "\e3c9";
}
.icon-mat-incomplete-circle:before {
  content: "\e3ca";
}
.icon-mat-indeterminate-check-box:before {
  content: "\e3cb";
}
.icon-mat-info:before {
  content: "\e3cc";
}
.icon-mat-input:before {
  content: "\e3cd";
}
.icon-mat-insert-chart:before {
  content: "\e3ce";
}
.icon-mat-insert-chart-outlined:before {
  content: "\e3cf";
}
.icon-mat-insert-comment:before {
  content: "\e3d0";
}
.icon-mat-insert-drive-file:before {
  content: "\e3d1";
}
.icon-mat-insert-emoticon:before {
  content: "\e3d2";
}
.icon-mat-insert-invitation:before {
  content: "\e3d3";
}
.icon-mat-insert-link:before {
  content: "\e3d4";
}
.icon-mat-insert-page-break:before {
  content: "\e3d5";
}
.icon-mat-insert-photo:before {
  content: "\e3d6";
}
.icon-mat-insights:before {
  content: "\e3d7";
}
.icon-mat-install-desktop:before {
  content: "\e3d8";
}
.icon-mat-install-mobile:before {
  content: "\e3d9";
}
.icon-mat-integration-instructions:before {
  content: "\e3da";
}
.icon-mat-interests:before {
  content: "\e3db";
}
.icon-mat-interpreter-mode:before {
  content: "\e3dc";
}
.icon-mat-inventory:before {
  content: "\e3dd";
}
.icon-mat-inventory-2:before {
  content: "\e3de";
}
.icon-mat-invert-colors:before {
  content: "\e3df";
}
.icon-mat-invert-colors-off:before {
  content: "\e3e0";
}
.icon-mat-ios-share:before {
  content: "\e3e1";
}
.icon-mat-iron:before {
  content: "\e3e2";
}
.icon-mat-iso:before {
  content: "\e3e3";
}
.icon-mat-javascript:before {
  content: "\e3e4";
}
.icon-mat-join-full:before {
  content: "\e3e5";
}
.icon-mat-join-inner:before {
  content: "\e3e6";
}
.icon-mat-join-left:before {
  content: "\e3e7";
}
.icon-mat-join-right:before {
  content: "\e3e8";
}
.icon-mat-kayaking:before {
  content: "\e3e9";
}
.icon-mat-kebab-dining:before {
  content: "\e3ea";
}
.icon-mat-key:before {
  content: "\e3eb";
}
.icon-mat-key-off:before {
  content: "\e3ec";
}
.icon-mat-keyboard:before {
  content: "\e3ed";
}
.icon-mat-keyboard-alt:before {
  content: "\e3ee";
}
.icon-mat-keyboard-arrow-down:before {
  content: "\e3ef";
}
.icon-mat-keyboard-arrow-left:before {
  content: "\e3f0";
}
.icon-mat-keyboard-arrow-right:before {
  content: "\e3f1";
}
.icon-mat-keyboard-arrow-up:before {
  content: "\e3f2";
}
.icon-mat-keyboard-backspace:before {
  content: "\e3f3";
}
.icon-mat-keyboard-capslock:before {
  content: "\e3f4";
}
.icon-mat-keyboard-command-key:before {
  content: "\e3f5";
}
.icon-mat-keyboard-control-key:before {
  content: "\e3f6";
}
.icon-mat-keyboard-double-arrow-down:before {
  content: "\e3f7";
}
.icon-mat-keyboard-double-arrow-left:before {
  content: "\e3f8";
}
.icon-mat-keyboard-double-arrow-right:before {
  content: "\e3f9";
}
.icon-mat-keyboard-double-arrow-up:before {
  content: "\e3fa";
}
.icon-mat-keyboard-hide:before {
  content: "\e3fb";
}
.icon-mat-keyboard-option-key:before {
  content: "\e3fc";
}
.icon-mat-keyboard-return:before {
  content: "\e3fd";
}
.icon-mat-keyboard-tab:before {
  content: "\e3fe";
}
.icon-mat-keyboard-voice:before {
  content: "\e3ff";
}
.icon-mat-king-bed:before {
  content: "\e400";
}
.icon-mat-kitchen:before {
  content: "\e401";
}
.icon-mat-kitesurfing:before {
  content: "\e402";
}
.icon-mat-label:before {
  content: "\e403";
}
.icon-mat-label-important:before {
  content: "\e404";
}
.icon-mat-label-off:before {
  content: "\e405";
}
.icon-mat-lan:before {
  content: "\e406";
}
.icon-mat-landscape:before {
  content: "\e407";
}
.icon-mat-landslide:before {
  content: "\e408";
}
.icon-mat-language:before {
  content: "\e409";
}
.icon-mat-laptop:before {
  content: "\e40a";
}
.icon-mat-laptop-chromebook:before {
  content: "\e40b";
}
.icon-mat-laptop-mac:before {
  content: "\e40c";
}
.icon-mat-laptop-windows:before {
  content: "\e40d";
}
.icon-mat-last-page:before {
  content: "\e40e";
}
.icon-mat-launch:before {
  content: "\e40f";
}
.icon-mat-layers:before {
  content: "\e410";
}
.icon-mat-layers-clear:before {
  content: "\e411";
}
.icon-mat-leaderboard:before {
  content: "\e412";
}
.icon-mat-leak-add:before {
  content: "\e413";
}
.icon-mat-leak-remove:before {
  content: "\e414";
}
.icon-mat-legend-toggle:before {
  content: "\e415";
}
.icon-mat-lens:before {
  content: "\e416";
}
.icon-mat-lens-blur:before {
  content: "\e417";
}
.icon-mat-library-add:before {
  content: "\e418";
}
.icon-mat-library-add-check:before {
  content: "\e419";
}
.icon-mat-library-books:before {
  content: "\e41a";
}
.icon-mat-library-music:before {
  content: "\e41b";
}
.icon-mat-light:before {
  content: "\e41c";
}
.icon-mat-light-mode:before {
  content: "\e41d";
}
.icon-mat-lightbulb:before {
  content: "\e41e";
}
.icon-mat-lightbulb-circle:before {
  content: "\e41f";
}
.icon-mat-line-axis:before {
  content: "\e420";
}
.icon-mat-line-style:before {
  content: "\e421";
}
.icon-mat-line-weight:before {
  content: "\e422";
}
.icon-mat-linear-scale:before {
  content: "\e423";
}
.icon-mat-link:before {
  content: "\e424";
}
.icon-mat-link-off:before {
  content: "\e425";
}
.icon-mat-linked-camera:before {
  content: "\e426";
}
.icon-mat-liquor:before {
  content: "\e427";
}
.icon-mat-list:before {
  content: "\e428";
}
.icon-mat-list-alt:before {
  content: "\e429";
}
.icon-mat-live-help:before {
  content: "\e42a";
}
.icon-mat-live-tv:before {
  content: "\e42b";
}
.icon-mat-living:before {
  content: "\e42c";
}
.icon-mat-local-activity:before {
  content: "\e42d";
}
.icon-mat-local-airport:before {
  content: "\e42e";
}
.icon-mat-local-atm:before {
  content: "\e42f";
}
.icon-mat-local-bar:before {
  content: "\e430";
}
.icon-mat-local-cafe:before {
  content: "\e431";
}
.icon-mat-local-car-wash:before {
  content: "\e432";
}
.icon-mat-local-convenience-store:before {
  content: "\e433";
}
.icon-mat-local-dining:before {
  content: "\e434";
}
.icon-mat-local-drink:before {
  content: "\e435";
}
.icon-mat-local-fire-department:before {
  content: "\e436";
}
.icon-mat-local-florist:before {
  content: "\e437";
}
.icon-mat-local-gas-station:before {
  content: "\e438";
}
.icon-mat-local-grocery-store:before {
  content: "\e439";
}
.icon-mat-local-hospital:before {
  content: "\e43a";
}
.icon-mat-local-hotel:before {
  content: "\e43b";
}
.icon-mat-local-laundry-service:before {
  content: "\e43c";
}
.icon-mat-local-library:before {
  content: "\e43d";
}
.icon-mat-local-mall:before {
  content: "\e43e";
}
.icon-mat-local-movies:before {
  content: "\e43f";
}
.icon-mat-local-offer:before {
  content: "\e440";
}
.icon-mat-local-parking:before {
  content: "\e441";
}
.icon-mat-local-pharmacy:before {
  content: "\e442";
}
.icon-mat-local-phone:before {
  content: "\e443";
}
.icon-mat-local-pizza:before {
  content: "\e444";
}
.icon-mat-local-play:before {
  content: "\e445";
}
.icon-mat-local-police:before {
  content: "\e446";
}
.icon-mat-local-post-office:before {
  content: "\e447";
}
.icon-mat-local-printshop:before {
  content: "\e448";
}
.icon-mat-local-see:before {
  content: "\e449";
}
.icon-mat-local-shipping:before {
  content: "\e44a";
}
.icon-mat-local-taxi:before {
  content: "\e44b";
}
.icon-mat-location-city:before {
  content: "\e44c";
}
.icon-mat-location-disabled:before {
  content: "\e44d";
}
.icon-mat-location-off:before {
  content: "\e44e";
}
.icon-mat-location-on:before {
  content: "\e44f";
}
.icon-mat-location-searching:before {
  content: "\e450";
}
.icon-mat-lock:before {
  content: "\e451";
}
.icon-mat-lock-clock:before {
  content: "\e452";
}
.icon-mat-lock-open:before {
  content: "\e453";
}
.icon-mat-lock-person:before {
  content: "\e454";
}
.icon-mat-lock-reset:before {
  content: "\e455";
}
.icon-mat-login:before {
  content: "\e456";
}
.icon-mat-logo-dev:before {
  content: "\e457";
}
.icon-mat-logout:before {
  content: "\e458";
}
.icon-mat-looks:before {
  content: "\e459";
}
.icon-mat-looks-3:before {
  content: "\e45a";
}
.icon-mat-looks-4:before {
  content: "\e45b";
}
.icon-mat-looks-5:before {
  content: "\e45c";
}
.icon-mat-looks-6:before {
  content: "\e45d";
}
.icon-mat-looks-one:before {
  content: "\e45e";
}
.icon-mat-looks-two:before {
  content: "\e45f";
}
.icon-mat-loop:before {
  content: "\e460";
}
.icon-mat-loupe:before {
  content: "\e461";
}
.icon-mat-low-priority:before {
  content: "\e462";
}
.icon-mat-loyalty:before {
  content: "\e463";
}
.icon-mat-lte-mobiledata:before {
  content: "\e464";
}
.icon-mat-lte-plus-mobiledata:before {
  content: "\e465";
}
.icon-mat-luggage:before {
  content: "\e466";
}
.icon-mat-lunch-dining:before {
  content: "\e467";
}
.icon-mat-lyrics:before {
  content: "\e468";
}
.icon-mat-macro-off:before {
  content: "\e469";
}
.icon-mat-mail:before {
  content: "\e46a";
}
.icon-mat-mail-lock:before {
  content: "\e46b";
}
.icon-mat-mail-outline:before {
  content: "\e46c";
}
.icon-mat-male:before {
  content: "\e46d";
}
.icon-mat-man:before {
  content: "\e46e";
}
.icon-mat-man-2:before {
  content: "\e46f";
}
.icon-mat-man-3:before {
  content: "\e470";
}
.icon-mat-man-4:before {
  content: "\e471";
}
.icon-mat-manage-accounts:before {
  content: "\e472";
}
.icon-mat-manage-history:before {
  content: "\e473";
}
.icon-mat-manage-search:before {
  content: "\e474";
}
.icon-mat-map:before {
  content: "\e475";
}
.icon-mat-maps-home-work:before {
  content: "\e476";
}
.icon-mat-maps-ugc:before {
  content: "\e477";
}
.icon-mat-margin:before {
  content: "\e478";
}
.icon-mat-mark-as-unread:before {
  content: "\e479";
}
.icon-mat-mark-chat-read:before {
  content: "\e47a";
}
.icon-mat-mark-chat-unread:before {
  content: "\e47b";
}
.icon-mat-mark-email-read:before {
  content: "\e47c";
}
.icon-mat-mark-email-unread:before {
  content: "\e47d";
}
.icon-mat-mark-unread-chat-alt:before {
  content: "\e47e";
}
.icon-mat-markunread:before {
  content: "\e47f";
}
.icon-mat-markunread-mailbox:before {
  content: "\e480";
}
.icon-mat-masks:before {
  content: "\e481";
}
.icon-mat-maximize:before {
  content: "\e482";
}
.icon-mat-media-bluetooth-off:before {
  content: "\e483";
}
.icon-mat-media-bluetooth-on:before {
  content: "\e484";
}
.icon-mat-mediation:before {
  content: "\e485";
}
.icon-mat-medical-information:before {
  content: "\e486";
}
.icon-mat-medical-services:before {
  content: "\e487";
}
.icon-mat-medication:before {
  content: "\e488";
}
.icon-mat-medication-liquid:before {
  content: "\e489";
}
.icon-mat-meeting-room:before {
  content: "\e48a";
}
.icon-mat-memory:before {
  content: "\e48b";
}
.icon-mat-menu:before {
  content: "\e48c";
}
.icon-mat-menu-book:before {
  content: "\e48d";
}
.icon-mat-menu-open:before {
  content: "\e48e";
}
.icon-mat-merge:before {
  content: "\e48f";
}
.icon-mat-merge-type:before {
  content: "\e490";
}
.icon-mat-message:before {
  content: "\e491";
}
.icon-mat-mic:before {
  content: "\e492";
}
.icon-mat-mic-external-off:before {
  content: "\e493";
}
.icon-mat-mic-external-on:before {
  content: "\e494";
}
.icon-mat-mic-none:before {
  content: "\e495";
}
.icon-mat-mic-off:before {
  content: "\e496";
}
.icon-mat-microwave:before {
  content: "\e497";
}
.icon-mat-military-tech:before {
  content: "\e498";
}
.icon-mat-minimize:before {
  content: "\e499";
}
.icon-mat-minor-crash:before {
  content: "\e49a";
}
.icon-mat-miscellaneous-services:before {
  content: "\e49b";
}
.icon-mat-missed-video-call:before {
  content: "\e49c";
}
.icon-mat-mms:before {
  content: "\e49d";
}
.icon-mat-mobile-friendly:before {
  content: "\e49e";
}
.icon-mat-mobile-off:before {
  content: "\e49f";
}
.icon-mat-mobile-screen-share:before {
  content: "\e4a0";
}
.icon-mat-mobiledata-off:before {
  content: "\e4a1";
}
.icon-mat-mode:before {
  content: "\e4a2";
}
.icon-mat-mode-comment:before {
  content: "\e4a3";
}
.icon-mat-mode-edit:before {
  content: "\e4a4";
}
.icon-mat-mode-edit-outline:before {
  content: "\e4a5";
}
.icon-mat-mode-fan-off:before {
  content: "\e4a6";
}
.icon-mat-mode-night:before {
  content: "\e4a7";
}
.icon-mat-mode-of-travel:before {
  content: "\e4a8";
}
.icon-mat-mode-standby:before {
  content: "\e4a9";
}
.icon-mat-model-training:before {
  content: "\e4aa";
}
.icon-mat-monetization-on:before {
  content: "\e4ab";
}
.icon-mat-money:before {
  content: "\e4ac";
}
.icon-mat-money-off:before {
  content: "\e4ad";
}
.icon-mat-money-off-csred:before {
  content: "\e4ae";
}
.icon-mat-monitor:before {
  content: "\e4af";
}
.icon-mat-monitor-heart:before {
  content: "\e4b0";
}
.icon-mat-monitor-weight:before {
  content: "\e4b1";
}
.icon-mat-monochrome-photos:before {
  content: "\e4b2";
}
.icon-mat-mood:before {
  content: "\e4b3";
}
.icon-mat-mood-bad:before {
  content: "\e4b4";
}
.icon-mat-moped:before {
  content: "\e4b5";
}
.icon-mat-more:before {
  content: "\e4b6";
}
.icon-mat-more-horiz:before {
  content: "\e4b7";
}
.icon-mat-more-time:before {
  content: "\e4b8";
}
.icon-mat-more-vert:before {
  content: "\e4b9";
}
.icon-mat-mosque:before {
  content: "\e4ba";
}
.icon-mat-motion-photos-auto:before {
  content: "\e4bb";
}
.icon-mat-motion-photos-off:before {
  content: "\e4bc";
}
.icon-mat-motion-photos-on:before {
  content: "\e4bd";
}
.icon-mat-motion-photos-pause:before {
  content: "\e4be";
}
.icon-mat-motion-photos-paused:before {
  content: "\e4bf";
}
.icon-mat-mouse:before {
  content: "\e4c0";
}
.icon-mat-move-down:before {
  content: "\e4c1";
}
.icon-mat-move-to-inbox:before {
  content: "\e4c2";
}
.icon-mat-move-up:before {
  content: "\e4c3";
}
.icon-mat-movie:before {
  content: "\e4c4";
}
.icon-mat-movie-creation:before {
  content: "\e4c5";
}
.icon-mat-movie-filter:before {
  content: "\e4c6";
}
.icon-mat-moving:before {
  content: "\e4c7";
}
.icon-mat-mp:before {
  content: "\e4c8";
}
.icon-mat-multiline-chart:before {
  content: "\e4c9";
}
.icon-mat-multiple-stop:before {
  content: "\e4ca";
}
.icon-mat-museum:before {
  content: "\e4cb";
}
.icon-mat-music-note:before {
  content: "\e4cc";
}
.icon-mat-music-off:before {
  content: "\e4cd";
}
.icon-mat-music-video:before {
  content: "\e4ce";
}
.icon-mat-my-location:before {
  content: "\e4cf";
}
.icon-mat-nat:before {
  content: "\e4d0";
}
.icon-mat-nature:before {
  content: "\e4d1";
}
.icon-mat-nature-people:before {
  content: "\e4d2";
}
.icon-mat-navigate-before:before {
  content: "\e4d3";
}
.icon-mat-navigate-next:before {
  content: "\e4d4";
}
.icon-mat-navigation:before {
  content: "\e4d5";
}
.icon-mat-near-me:before {
  content: "\e4d6";
}
.icon-mat-near-me-disabled:before {
  content: "\e4d7";
}
.icon-mat-nearby-error:before {
  content: "\e4d8";
}
.icon-mat-nearby-off:before {
  content: "\e4d9";
}
.icon-mat-nest-cam-wired-stand:before {
  content: "\e4da";
}
.icon-mat-network-cell:before {
  content: "\e4db";
}
.icon-mat-network-check:before {
  content: "\e4dc";
}
.icon-mat-network-locked:before {
  content: "\e4dd";
}
.icon-mat-network-ping:before {
  content: "\e4de";
}
.icon-mat-network-wifi:before {
  content: "\e4df";
}
.icon-mat-network-wifi-1-bar:before {
  content: "\e4e0";
}
.icon-mat-network-wifi-2-bar:before {
  content: "\e4e1";
}
.icon-mat-network-wifi-3-bar:before {
  content: "\e4e2";
}
.icon-mat-new-label:before {
  content: "\e4e3";
}
.icon-mat-new-releases:before {
  content: "\e4e4";
}
.icon-mat-newspaper:before {
  content: "\e4e5";
}
.icon-mat-next-plan:before {
  content: "\e4e6";
}
.icon-mat-next-week:before {
  content: "\e4e7";
}
.icon-mat-nfc:before {
  content: "\e4e8";
}
.icon-mat-night-shelter:before {
  content: "\e4e9";
}
.icon-mat-nightlife:before {
  content: "\e4ea";
}
.icon-mat-nightlight:before {
  content: "\e4eb";
}
.icon-mat-nightlight-round:before {
  content: "\e4ec";
}
.icon-mat-nights-stay:before {
  content: "\e4ed";
}
.icon-mat-no-accounts:before {
  content: "\e4ee";
}
.icon-mat-no-adult-content:before {
  content: "\e4ef";
}
.icon-mat-no-backpack:before {
  content: "\e4f0";
}
.icon-mat-no-cell:before {
  content: "\e4f1";
}
.icon-mat-no-crash:before {
  content: "\e4f2";
}
.icon-mat-no-drinks:before {
  content: "\e4f3";
}
.icon-mat-no-encryption:before {
  content: "\e4f4";
}
.icon-mat-no-encryption-gmailerrorred:before {
  content: "\e4f5";
}
.icon-mat-no-flash:before {
  content: "\e4f6";
}
.icon-mat-no-food:before {
  content: "\e4f7";
}
.icon-mat-no-luggage:before {
  content: "\e4f8";
}
.icon-mat-no-meals:before {
  content: "\e4f9";
}
.icon-mat-no-meeting-room:before {
  content: "\e4fa";
}
.icon-mat-no-photography:before {
  content: "\e4fb";
}
.icon-mat-no-sim:before {
  content: "\e4fc";
}
.icon-mat-no-stroller:before {
  content: "\e4fd";
}
.icon-mat-no-transfer:before {
  content: "\e4fe";
}
.icon-mat-noise-aware:before {
  content: "\e4ff";
}
.icon-mat-noise-control-off:before {
  content: "\e500";
}
.icon-mat-nordic-walking:before {
  content: "\e501";
}
.icon-mat-north:before {
  content: "\e502";
}
.icon-mat-north-east:before {
  content: "\e503";
}
.icon-mat-north-west:before {
  content: "\e504";
}
.icon-mat-not-accessible:before {
  content: "\e505";
}
.icon-mat-not-interested:before {
  content: "\e506";
}
.icon-mat-not-listed-location:before {
  content: "\e507";
}
.icon-mat-not-started:before {
  content: "\e508";
}
.icon-mat-note:before {
  content: "\e509";
}
.icon-mat-note-add:before {
  content: "\e50a";
}
.icon-mat-note-alt:before {
  content: "\e50b";
}
.icon-mat-notes:before {
  content: "\e50c";
}
.icon-mat-notification-add:before {
  content: "\e50d";
}
.icon-mat-notification-important:before {
  content: "\e50e";
}
.icon-mat-notifications:before {
  content: "\e50f";
}
.icon-mat-notifications-active:before {
  content: "\e510";
}
.icon-mat-notifications-none:before {
  content: "\e511";
}
.icon-mat-notifications-off:before {
  content: "\e512";
}
.icon-mat-notifications-paused:before {
  content: "\e513";
}
.icon-mat-numbers:before {
  content: "\e514";
}
.icon-mat-offline-bolt:before {
  content: "\e515";
}
.icon-mat-offline-pin:before {
  content: "\e516";
}
.icon-mat-offline-share:before {
  content: "\e517";
}
.icon-mat-oil-barrel:before {
  content: "\e518";
}
.icon-mat-on-device-training:before {
  content: "\e519";
}
.icon-mat-ondemand-video:before {
  content: "\e51a";
}
.icon-mat-online-prediction:before {
  content: "\e51b";
}
.icon-mat-opacity:before {
  content: "\e51c";
}
.icon-mat-open-in-browser:before {
  content: "\e51d";
}
.icon-mat-open-in-full:before {
  content: "\e51e";
}
.icon-mat-open-in-new:before {
  content: "\e51f";
}
.icon-mat-open-in-new-off:before {
  content: "\e520";
}
.icon-mat-open-with:before {
  content: "\e521";
}
.icon-mat-other-houses:before {
  content: "\e522";
}
.icon-mat-outbound:before {
  content: "\e523";
}
.icon-mat-outbox:before {
  content: "\e524";
}
.icon-mat-outdoor-grill:before {
  content: "\e525";
}
.icon-mat-outlet:before {
  content: "\e526";
}
.icon-mat-outlined-flag:before {
  content: "\e527";
}
.icon-mat-output:before {
  content: "\e528";
}
.icon-mat-padding:before {
  content: "\e529";
}
.icon-mat-pages:before {
  content: "\e52a";
}
.icon-mat-pageview:before {
  content: "\e52b";
}
.icon-mat-paid:before {
  content: "\e52c";
}
.icon-mat-palette:before {
  content: "\e52d";
}
.icon-mat-pan-tool:before {
  content: "\e52e";
}
.icon-mat-pan-tool-alt:before {
  content: "\e52f";
}
.icon-mat-panorama:before {
  content: "\e530";
}
.icon-mat-panorama-fish-eye:before {
  content: "\e531";
}
.icon-mat-panorama-horizontal:before {
  content: "\e532";
}
.icon-mat-panorama-horizontal-select:before {
  content: "\e533";
}
.icon-mat-panorama-photosphere:before {
  content: "\e534";
}
.icon-mat-panorama-photosphere-select:before {
  content: "\e535";
}
.icon-mat-panorama-vertical:before {
  content: "\e536";
}
.icon-mat-panorama-vertical-select:before {
  content: "\e537";
}
.icon-mat-panorama-wide-angle:before {
  content: "\e538";
}
.icon-mat-panorama-wide-angle-select:before {
  content: "\e539";
}
.icon-mat-paragliding:before {
  content: "\e53a";
}
.icon-mat-park:before {
  content: "\e53b";
}
.icon-mat-party-mode:before {
  content: "\e53c";
}
.icon-mat-password:before {
  content: "\e53d";
}
.icon-mat-pattern:before {
  content: "\e53e";
}
.icon-mat-pause:before {
  content: "\e53f";
}
.icon-mat-pause-circle:before {
  content: "\e540";
}
.icon-mat-pause-circle-filled:before {
  content: "\e541";
}
.icon-mat-pause-circle-outline:before {
  content: "\e542";
}
.icon-mat-pause-presentation:before {
  content: "\e543";
}
.icon-mat-payment:before {
  content: "\e544";
}
.icon-mat-payments:before {
  content: "\e545";
}
.icon-mat-pedal-bike:before {
  content: "\e546";
}
.icon-mat-pending:before {
  content: "\e547";
}
.icon-mat-pending-actions:before {
  content: "\e548";
}
.icon-mat-pentagon:before {
  content: "\e549";
}
.icon-mat-people:before {
  content: "\e54a";
}
.icon-mat-people-alt:before {
  content: "\e54b";
}
.icon-mat-people-outline:before {
  content: "\e54c";
}
.icon-mat-percent:before {
  content: "\e54d";
}
.icon-mat-perm-camera-mic:before {
  content: "\e54e";
}
.icon-mat-perm-contact-calendar:before {
  content: "\e54f";
}
.icon-mat-perm-data-setting:before {
  content: "\e550";
}
.icon-mat-perm-device-information:before {
  content: "\e551";
}
.icon-mat-perm-identity:before {
  content: "\e552";
}
.icon-mat-perm-media:before {
  content: "\e553";
}
.icon-mat-perm-phone-msg:before {
  content: "\e554";
}
.icon-mat-perm-scan-wifi:before {
  content: "\e555";
}
.icon-mat-person:before {
  content: "\e556";
}
.icon-mat-person-2:before {
  content: "\e557";
}
.icon-mat-person-3:before {
  content: "\e558";
}
.icon-mat-person-4:before {
  content: "\e559";
}
.icon-mat-person-add:before {
  content: "\e55a";
}
.icon-mat-person-add-alt:before {
  content: "\e55b";
}
.icon-mat-person-add-alt-1:before {
  content: "\e55c";
}
.icon-mat-person-add-disabled:before {
  content: "\e55d";
}
.icon-mat-person-off:before {
  content: "\e55e";
}
.icon-mat-person-outline:before {
  content: "\e55f";
}
.icon-mat-person-pin:before {
  content: "\e560";
}
.icon-mat-person-pin-circle:before {
  content: "\e561";
}
.icon-mat-person-remove:before {
  content: "\e562";
}
.icon-mat-person-remove-alt-1:before {
  content: "\e563";
}
.icon-mat-person-search:before {
  content: "\e564";
}
.icon-mat-personal-injury:before {
  content: "\e565";
}
.icon-mat-personal-video:before {
  content: "\e566";
}
.icon-mat-pest-control:before {
  content: "\e567";
}
.icon-mat-pest-control-rodent:before {
  content: "\e568";
}
.icon-mat-pets:before {
  content: "\e569";
}
.icon-mat-phishing:before {
  content: "\e56a";
}
.icon-mat-phone:before {
  content: "\e56b";
}
.icon-mat-phone-android:before {
  content: "\e56c";
}
.icon-mat-phone-bluetooth-speaker:before {
  content: "\e56d";
}
.icon-mat-phone-callback:before {
  content: "\e56e";
}
.icon-mat-phone-disabled:before {
  content: "\e56f";
}
.icon-mat-phone-enabled:before {
  content: "\e570";
}
.icon-mat-phone-forwarded:before {
  content: "\e571";
}
.icon-mat-phone-iphone:before {
  content: "\e572";
}
.icon-mat-phone-locked:before {
  content: "\e573";
}
.icon-mat-phone-missed:before {
  content: "\e574";
}
.icon-mat-phone-paused:before {
  content: "\e575";
}
.icon-mat-phonelink:before {
  content: "\e576";
}
.icon-mat-phonelink-erase:before {
  content: "\e577";
}
.icon-mat-phonelink-lock:before {
  content: "\e578";
}
.icon-mat-phonelink-off:before {
  content: "\e579";
}
.icon-mat-phonelink-ring:before {
  content: "\e57a";
}
.icon-mat-phonelink-setup:before {
  content: "\e57b";
}
.icon-mat-photo:before {
  content: "\e57c";
}
.icon-mat-photo-album:before {
  content: "\e57d";
}
.icon-mat-photo-camera:before {
  content: "\e57e";
}
.icon-mat-photo-camera-back:before {
  content: "\e57f";
}
.icon-mat-photo-camera-front:before {
  content: "\e580";
}
.icon-mat-photo-filter:before {
  content: "\e581";
}
.icon-mat-photo-library:before {
  content: "\e582";
}
.icon-mat-photo-size-select-actual:before {
  content: "\e583";
}
.icon-mat-photo-size-select-large:before {
  content: "\e584";
}
.icon-mat-photo-size-select-small:before {
  content: "\e585";
}
.icon-mat-php:before {
  content: "\e586";
}
.icon-mat-piano:before {
  content: "\e587";
}
.icon-mat-piano-off:before {
  content: "\e588";
}
.icon-mat-picture-as-pdf:before {
  content: "\e589";
}
.icon-mat-picture-in-picture:before {
  content: "\e58a";
}
.icon-mat-picture-in-picture-alt:before {
  content: "\e58b";
}
.icon-mat-pie-chart:before {
  content: "\e58c";
}
.icon-mat-pie-chart-outline:before {
  content: "\e58d";
}
.icon-mat-pin:before {
  content: "\e58e";
}
.icon-mat-pin-drop:before {
  content: "\e58f";
}
.icon-mat-pin-end:before {
  content: "\e590";
}
.icon-mat-pin-invoke:before {
  content: "\e591";
}
.icon-mat-pinch:before {
  content: "\e592";
}
.icon-mat-pivot-table-chart:before {
  content: "\e593";
}
.icon-mat-pix:before {
  content: "\e594";
}
.icon-mat-place:before {
  content: "\e595";
}
.icon-mat-plagiarism:before {
  content: "\e596";
}
.icon-mat-play-arrow:before {
  content: "\e597";
}
.icon-mat-play-circle:before {
  content: "\e598";
}
.icon-mat-play-circle-filled:before {
  content: "\e599";
}
.icon-mat-play-circle-outline:before {
  content: "\e59a";
}
.icon-mat-play-disabled:before {
  content: "\e59b";
}
.icon-mat-play-for-work:before {
  content: "\e59c";
}
.icon-mat-play-lesson:before {
  content: "\e59d";
}
.icon-mat-playlist-add:before {
  content: "\e59e";
}
.icon-mat-playlist-add-check:before {
  content: "\e59f";
}
.icon-mat-playlist-add-check-circle:before {
  content: "\e5a0";
}
.icon-mat-playlist-add-circle:before {
  content: "\e5a1";
}
.icon-mat-playlist-play:before {
  content: "\e5a2";
}
.icon-mat-playlist-remove:before {
  content: "\e5a3";
}
.icon-mat-plumbing:before {
  content: "\e5a4";
}
.icon-mat-plus-one:before {
  content: "\e5a5";
}
.icon-mat-podcasts:before {
  content: "\e5a6";
}
.icon-mat-point-of-sale:before {
  content: "\e5a7";
}
.icon-mat-policy:before {
  content: "\e5a8";
}
.icon-mat-poll:before {
  content: "\e5a9";
}
.icon-mat-polyline:before {
  content: "\e5aa";
}
.icon-mat-polymer:before {
  content: "\e5ab";
}
.icon-mat-pool:before {
  content: "\e5ac";
}
.icon-mat-portable-wifi-off:before {
  content: "\e5ad";
}
.icon-mat-portrait:before {
  content: "\e5ae";
}
.icon-mat-post-add:before {
  content: "\e5af";
}
.icon-mat-power:before {
  content: "\e5b0";
}
.icon-mat-power-input:before {
  content: "\e5b1";
}
.icon-mat-power-off:before {
  content: "\e5b2";
}
.icon-mat-power-settings-new:before {
  content: "\e5b3";
}
.icon-mat-precision-manufacturing:before {
  content: "\e5b4";
}
.icon-mat-pregnant-woman:before {
  content: "\e5b5";
}
.icon-mat-present-to-all:before {
  content: "\e5b6";
}
.icon-mat-preview:before {
  content: "\e5b7";
}
.icon-mat-price-change:before {
  content: "\e5b8";
}
.icon-mat-price-check:before {
  content: "\e5b9";
}
.icon-mat-print:before {
  content: "\e5ba";
}
.icon-mat-print-disabled:before {
  content: "\e5bb";
}
.icon-mat-priority-high:before {
  content: "\e5bc";
}
.icon-mat-privacy-tip:before {
  content: "\e5bd";
}
.icon-mat-private-connectivity:before {
  content: "\e5be";
}
.icon-mat-production-quantity-limits:before {
  content: "\e5bf";
}
.icon-mat-propane:before {
  content: "\e5c0";
}
.icon-mat-propane-tank:before {
  content: "\e5c1";
}
.icon-mat-psychology:before {
  content: "\e5c2";
}
.icon-mat-psychology-alt:before {
  content: "\e5c3";
}
.icon-mat-public:before {
  content: "\e5c4";
}
.icon-mat-public-off:before {
  content: "\e5c5";
}
.icon-mat-publish:before {
  content: "\e5c6";
}
.icon-mat-published-with-changes:before {
  content: "\e5c7";
}
.icon-mat-punch-clock:before {
  content: "\e5c8";
}
.icon-mat-push-pin:before {
  content: "\e5c9";
}
.icon-mat-qr-code:before {
  content: "\e5ca";
}
.icon-mat-qr-code-2:before {
  content: "\e5cb";
}
.icon-mat-qr-code-scanner:before {
  content: "\e5cc";
}
.icon-mat-query-builder:before {
  content: "\e5cd";
}
.icon-mat-query-stats:before {
  content: "\e5ce";
}
.icon-mat-question-answer:before {
  content: "\e5cf";
}
.icon-mat-question-mark:before {
  content: "\e5d0";
}
.icon-mat-queue:before {
  content: "\e5d1";
}
.icon-mat-queue-music:before {
  content: "\e5d2";
}
.icon-mat-queue-play-next:before {
  content: "\e5d3";
}
.icon-mat-quickreply:before {
  content: "\e5d4";
}
.icon-mat-quiz:before {
  content: "\e5d5";
}
.icon-mat-r-mobiledata:before {
  content: "\e5d6";
}
.icon-mat-radar:before {
  content: "\e5d7";
}
.icon-mat-radio:before {
  content: "\e5d8";
}
.icon-mat-radio-button-checked:before {
  content: "\e5d9";
}
.icon-mat-radio-button-unchecked:before {
  content: "\e5da";
}
.icon-mat-railway-alert:before {
  content: "\e5db";
}
.icon-mat-ramen-dining:before {
  content: "\e5dc";
}
.icon-mat-ramp-left:before {
  content: "\e5dd";
}
.icon-mat-ramp-right:before {
  content: "\e5de";
}
.icon-mat-rate-review:before {
  content: "\e5df";
}
.icon-mat-raw-off:before {
  content: "\e5e0";
}
.icon-mat-raw-on:before {
  content: "\e5e1";
}
.icon-mat-read-more:before {
  content: "\e5e2";
}
.icon-mat-real-estate-agent:before {
  content: "\e5e3";
}
.icon-mat-receipt:before {
  content: "\e5e4";
}
.icon-mat-receipt-long:before {
  content: "\e5e5";
}
.icon-mat-recent-actors:before {
  content: "\e5e6";
}
.icon-mat-recommend:before {
  content: "\e5e7";
}
.icon-mat-record-voice-over:before {
  content: "\e5e8";
}
.icon-mat-rectangle:before {
  content: "\e5e9";
}
.icon-mat-recycling:before {
  content: "\e5ea";
}
.icon-mat-redeem:before {
  content: "\e5eb";
}
.icon-mat-redo:before {
  content: "\e5ec";
}
.icon-mat-reduce-capacity:before {
  content: "\e5ed";
}
.icon-mat-refresh:before {
  content: "\e5ee";
}
.icon-mat-remember-me:before {
  content: "\e5ef";
}
.icon-mat-remove:before {
  content: "\e5f0";
}
.icon-mat-remove-circle:before {
  content: "\e5f1";
}
.icon-mat-remove-circle-outline:before {
  content: "\e5f2";
}
.icon-mat-remove-done:before {
  content: "\e5f3";
}
.icon-mat-remove-from-queue:before {
  content: "\e5f4";
}
.icon-mat-remove-moderator:before {
  content: "\e5f5";
}
.icon-mat-remove-red-eye:before {
  content: "\e5f6";
}
.icon-mat-remove-road:before {
  content: "\e5f7";
}
.icon-mat-remove-shopping-cart:before {
  content: "\e5f8";
}
.icon-mat-reorder:before {
  content: "\e5f9";
}
.icon-mat-repartition:before {
  content: "\e5fa";
}
.icon-mat-repeat:before {
  content: "\e5fb";
}
.icon-mat-repeat-on:before {
  content: "\e5fc";
}
.icon-mat-repeat-one:before {
  content: "\e5fd";
}
.icon-mat-repeat-one-on:before {
  content: "\e5fe";
}
.icon-mat-replay:before {
  content: "\e5ff";
}
.icon-mat-replay-10:before {
  content: "\e600";
}
.icon-mat-replay-30:before {
  content: "\e601";
}
.icon-mat-replay-5:before {
  content: "\e602";
}
.icon-mat-replay-circle-filled:before {
  content: "\e603";
}
.icon-mat-reply:before {
  content: "\e604";
}
.icon-mat-reply-all:before {
  content: "\e605";
}
.icon-mat-report:before {
  content: "\e606";
}
.icon-mat-report-gmailerrorred:before {
  content: "\e607";
}
.icon-mat-report-off:before {
  content: "\e608";
}
.icon-mat-report-problem:before {
  content: "\e609";
}
.icon-mat-request-page:before {
  content: "\e60a";
}
.icon-mat-request-quote:before {
  content: "\e60b";
}
.icon-mat-reset-tv:before {
  content: "\e60c";
}
.icon-mat-restart-alt:before {
  content: "\e60d";
}
.icon-mat-restaurant:before {
  content: "\e60e";
}
.icon-mat-restaurant-menu:before {
  content: "\e60f";
}
.icon-mat-restore:before {
  content: "\e610";
}
.icon-mat-restore-from-trash:before {
  content: "\e611";
}
.icon-mat-restore-page:before {
  content: "\e612";
}
.icon-mat-reviews:before {
  content: "\e613";
}
.icon-mat-rice-bowl:before {
  content: "\e614";
}
.icon-mat-ring-volume:before {
  content: "\e615";
}
.icon-mat-rocket:before {
  content: "\e616";
}
.icon-mat-rocket-launch:before {
  content: "\e617";
}
.icon-mat-roller-shades:before {
  content: "\e618";
}
.icon-mat-roller-shades-closed:before {
  content: "\e619";
}
.icon-mat-roller-skating:before {
  content: "\e61a";
}
.icon-mat-roofing:before {
  content: "\e61b";
}
.icon-mat-room:before {
  content: "\e61c";
}
.icon-mat-room-preferences:before {
  content: "\e61d";
}
.icon-mat-room-service:before {
  content: "\e61e";
}
.icon-mat-rotate-90-degrees-ccw:before {
  content: "\e61f";
}
.icon-mat-rotate-90-degrees-cw:before {
  content: "\e620";
}
.icon-mat-rotate-left:before {
  content: "\e621";
}
.icon-mat-rotate-right:before {
  content: "\e622";
}
.icon-mat-roundabout-left:before {
  content: "\e623";
}
.icon-mat-roundabout-right:before {
  content: "\e624";
}
.icon-mat-rounded-corner:before {
  content: "\e625";
}
.icon-mat-route:before {
  content: "\e626";
}
.icon-mat-router:before {
  content: "\e627";
}
.icon-mat-rowing:before {
  content: "\e628";
}
.icon-mat-rss-feed:before {
  content: "\e629";
}
.icon-mat-rsvp:before {
  content: "\e62a";
}
.icon-mat-rtt:before {
  content: "\e62b";
}
.icon-mat-rule:before {
  content: "\e62c";
}
.icon-mat-rule-folder:before {
  content: "\e62d";
}
.icon-mat-run-circle:before {
  content: "\e62e";
}
.icon-mat-running-with-errors:before {
  content: "\e62f";
}
.icon-mat-rv-hookup:before {
  content: "\e630";
}
.icon-mat-safety-check:before {
  content: "\e631";
}
.icon-mat-safety-divider:before {
  content: "\e632";
}
.icon-mat-sailing:before {
  content: "\e633";
}
.icon-mat-sanitizer:before {
  content: "\e634";
}
.icon-mat-satellite:before {
  content: "\e635";
}
.icon-mat-satellite-alt:before {
  content: "\e636";
}
.icon-mat-save:before {
  content: "\e637";
}
.icon-mat-save-alt:before {
  content: "\e638";
}
.icon-mat-save-as:before {
  content: "\e639";
}
.icon-mat-saved-search:before {
  content: "\e63a";
}
.icon-mat-savings:before {
  content: "\e63b";
}
.icon-mat-scale:before {
  content: "\e63c";
}
.icon-mat-scanner:before {
  content: "\e63d";
}
.icon-mat-scatter-plot:before {
  content: "\e63e";
}
.icon-mat-schedule:before {
  content: "\e63f";
}
.icon-mat-schedule-send:before {
  content: "\e640";
}
.icon-mat-schema:before {
  content: "\e641";
}
.icon-mat-school:before {
  content: "\e642";
}
.icon-mat-science:before {
  content: "\e643";
}
.icon-mat-score:before {
  content: "\e644";
}
.icon-mat-scoreboard:before {
  content: "\e645";
}
.icon-mat-screen-lock-landscape:before {
  content: "\e646";
}
.icon-mat-screen-lock-portrait:before {
  content: "\e647";
}
.icon-mat-screen-lock-rotation:before {
  content: "\e648";
}
.icon-mat-screen-rotation:before {
  content: "\e649";
}
.icon-mat-screen-rotation-alt:before {
  content: "\e64a";
}
.icon-mat-screen-search-desktop:before {
  content: "\e64b";
}
.icon-mat-screen-share:before {
  content: "\e64c";
}
.icon-mat-screenshot:before {
  content: "\e64d";
}
.icon-mat-screenshot-monitor:before {
  content: "\e64e";
}
.icon-mat-scuba-diving:before {
  content: "\e64f";
}
.icon-mat-sd:before {
  content: "\e650";
}
.icon-mat-sd-card:before {
  content: "\e651";
}
.icon-mat-sd-card-alert:before {
  content: "\e652";
}
.icon-mat-sd-storage:before {
  content: "\e653";
}
.icon-mat-search:before {
  content: "\e654";
}
.icon-mat-search-off:before {
  content: "\e655";
}
.icon-mat-security:before {
  content: "\e656";
}
.icon-mat-security-update:before {
  content: "\e657";
}
.icon-mat-security-update-good:before {
  content: "\e658";
}
.icon-mat-security-update-warning:before {
  content: "\e659";
}
.icon-mat-segment:before {
  content: "\e65a";
}
.icon-mat-select-all:before {
  content: "\e65b";
}
.icon-mat-self-improvement:before {
  content: "\e65c";
}
.icon-mat-sell:before {
  content: "\e65d";
}
.icon-mat-send:before {
  content: "\e65e";
}
.icon-mat-send-and-archive:before {
  content: "\e65f";
}
.icon-mat-send-time-extension:before {
  content: "\e660";
}
.icon-mat-send-to-mobile:before {
  content: "\e661";
}
.icon-mat-sensor-door:before {
  content: "\e662";
}
.icon-mat-sensor-occupied:before {
  content: "\e663";
}
.icon-mat-sensor-window:before {
  content: "\e664";
}
.icon-mat-sensors:before {
  content: "\e665";
}
.icon-mat-sensors-off:before {
  content: "\e666";
}
.icon-mat-sentiment-dissatisfied:before {
  content: "\e667";
}
.icon-mat-sentiment-neutral:before {
  content: "\e668";
}
.icon-mat-sentiment-satisfied:before {
  content: "\e669";
}
.icon-mat-sentiment-satisfied-alt:before {
  content: "\e66a";
}
.icon-mat-sentiment-very-dissatisfied:before {
  content: "\e66b";
}
.icon-mat-sentiment-very-satisfied:before {
  content: "\e66c";
}
.icon-mat-set-meal:before {
  content: "\e66d";
}
.icon-mat-settings:before {
  content: "\e66e";
}
.icon-mat-settings-accessibility:before {
  content: "\e66f";
}
.icon-mat-settings-applications:before {
  content: "\e670";
}
.icon-mat-settings-backup-restore:before {
  content: "\e671";
}
.icon-mat-settings-bluetooth:before {
  content: "\e672";
}
.icon-mat-settings-brightness:before {
  content: "\e673";
}
.icon-mat-settings-cell:before {
  content: "\e674";
}
.icon-mat-settings-ethernet:before {
  content: "\e675";
}
.icon-mat-settings-input-antenna:before {
  content: "\e676";
}
.icon-mat-settings-input-component:before {
  content: "\e677";
}
.icon-mat-settings-input-composite:before {
  content: "\e678";
}
.icon-mat-settings-input-hdmi:before {
  content: "\e679";
}
.icon-mat-settings-input-svideo:before {
  content: "\e67a";
}
.icon-mat-settings-overscan:before {
  content: "\e67b";
}
.icon-mat-settings-phone:before {
  content: "\e67c";
}
.icon-mat-settings-power:before {
  content: "\e67d";
}
.icon-mat-settings-remote:before {
  content: "\e67e";
}
.icon-mat-settings-suggest:before {
  content: "\e67f";
}
.icon-mat-settings-system-daydream:before {
  content: "\e680";
}
.icon-mat-settings-voice:before {
  content: "\e681";
}
.icon-mat-severe-cold:before {
  content: "\e682";
}
.icon-mat-shape-line:before {
  content: "\e683";
}
.icon-mat-share:before {
  content: "\e684";
}
.icon-mat-share-location:before {
  content: "\e685";
}
.icon-mat-shield:before {
  content: "\e686";
}
.icon-mat-shield-moon:before {
  content: "\e687";
}
.icon-mat-shop:before {
  content: "\e688";
}
.icon-mat-shop-2:before {
  content: "\e689";
}
.icon-mat-shop-two:before {
  content: "\e68a";
}
.icon-mat-shopping-bag:before {
  content: "\e68b";
}
.icon-mat-shopping-basket:before {
  content: "\e68c";
}
.icon-mat-shopping-cart:before {
  content: "\e68d";
}
.icon-mat-shopping-cart-checkout:before {
  content: "\e68e";
}
.icon-mat-short-text:before {
  content: "\e68f";
}
.icon-mat-shortcut:before {
  content: "\e690";
}
.icon-mat-show-chart:before {
  content: "\e691";
}
.icon-mat-shower:before {
  content: "\e692";
}
.icon-mat-shuffle:before {
  content: "\e693";
}
.icon-mat-shuffle-on:before {
  content: "\e694";
}
.icon-mat-shutter-speed:before {
  content: "\e695";
}
.icon-mat-sick:before {
  content: "\e696";
}
.icon-mat-sign-language:before {
  content: "\e697";
}
.icon-mat-signal-cellular-0-bar:before {
  content: "\e698";
}
.icon-mat-signal-cellular-4-bar:before {
  content: "\e699";
}
.icon-mat-signal-cellular-alt:before {
  content: "\e69a";
}
.icon-mat-signal-cellular-alt-1-bar:before {
  content: "\e69b";
}
.icon-mat-signal-cellular-alt-2-bar:before {
  content: "\e69c";
}
.icon-mat-signal-cellular-connected-no-internet-0-bar:before {
  content: "\e69d";
}
.icon-mat-signal-cellular-connected-no-internet-4-bar:before {
  content: "\e69e";
}
.icon-mat-signal-cellular-no-sim:before {
  content: "\e69f";
}
.icon-mat-signal-cellular-nodata:before {
  content: "\e6a0";
}
.icon-mat-signal-cellular-null:before {
  content: "\e6a1";
}
.icon-mat-signal-cellular-off:before {
  content: "\e6a2";
}
.icon-mat-signal-wifi-0-bar:before {
  content: "\e6a3";
}
.icon-mat-signal-wifi-4-bar:before {
  content: "\e6a4";
}
.icon-mat-signal-wifi-4-bar-lock:before {
  content: "\e6a5";
}
.icon-mat-signal-wifi-bad:before {
  content: "\e6a6";
}
.icon-mat-signal-wifi-connected-no-internet-4:before {
  content: "\e6a7";
}
.icon-mat-signal-wifi-off:before {
  content: "\e6a8";
}
.icon-mat-signal-wifi-statusbar-4-bar:before {
  content: "\e6a9";
}
.icon-mat-signal-wifi-statusbar-connected-no-internet-4:before {
  content: "\e6aa";
}
.icon-mat-signal-wifi-statusbar-null:before {
  content: "\e6ab";
}
.icon-mat-signpost:before {
  content: "\e6ac";
}
.icon-mat-sim-card:before {
  content: "\e6ad";
}
.icon-mat-sim-card-alert:before {
  content: "\e6ae";
}
.icon-mat-sim-card-download:before {
  content: "\e6af";
}
.icon-mat-single-bed:before {
  content: "\e6b0";
}
.icon-mat-sip:before {
  content: "\e6b1";
}
.icon-mat-skateboarding:before {
  content: "\e6b2";
}
.icon-mat-skip-next:before {
  content: "\e6b3";
}
.icon-mat-skip-previous:before {
  content: "\e6b4";
}
.icon-mat-sledding:before {
  content: "\e6b5";
}
.icon-mat-slideshow:before {
  content: "\e6b6";
}
.icon-mat-slow-motion-video:before {
  content: "\e6b7";
}
.icon-mat-smart-button:before {
  content: "\e6b8";
}
.icon-mat-smart-display:before {
  content: "\e6b9";
}
.icon-mat-smart-screen:before {
  content: "\e6ba";
}
.icon-mat-smart-toy:before {
  content: "\e6bb";
}
.icon-mat-smartphone:before {
  content: "\e6bc";
}
.icon-mat-smoke-free:before {
  content: "\e6bd";
}
.icon-mat-smoking-rooms:before {
  content: "\e6be";
}
.icon-mat-sms:before {
  content: "\e6bf";
}
.icon-mat-sms-failed:before {
  content: "\e6c0";
}
.icon-mat-snippet-folder:before {
  content: "\e6c1";
}
.icon-mat-snooze:before {
  content: "\e6c2";
}
.icon-mat-snowboarding:before {
  content: "\e6c3";
}
.icon-mat-snowmobile:before {
  content: "\e6c4";
}
.icon-mat-snowshoeing:before {
  content: "\e6c5";
}
.icon-mat-soap:before {
  content: "\e6c6";
}
.icon-mat-social-distance:before {
  content: "\e6c7";
}
.icon-mat-solar-power:before {
  content: "\e6c8";
}
.icon-mat-sort:before {
  content: "\e6c9";
}
.icon-mat-sort-by-alpha:before {
  content: "\e6ca";
}
.icon-mat-sos:before {
  content: "\e6cb";
}
.icon-mat-soup-kitchen:before {
  content: "\e6cc";
}
.icon-mat-source:before {
  content: "\e6cd";
}
.icon-mat-south:before {
  content: "\e6ce";
}
.icon-mat-south-america:before {
  content: "\e6cf";
}
.icon-mat-south-east:before {
  content: "\e6d0";
}
.icon-mat-south-west:before {
  content: "\e6d1";
}
.icon-mat-spa:before {
  content: "\e6d2";
}
.icon-mat-space-bar:before {
  content: "\e6d3";
}
.icon-mat-space-dashboard:before {
  content: "\e6d4";
}
.icon-mat-spatial-audio:before {
  content: "\e6d5";
}
.icon-mat-spatial-audio-off:before {
  content: "\e6d6";
}
.icon-mat-spatial-tracking:before {
  content: "\e6d7";
}
.icon-mat-speaker:before {
  content: "\e6d8";
}
.icon-mat-speaker-group:before {
  content: "\e6d9";
}
.icon-mat-speaker-notes:before {
  content: "\e6da";
}
.icon-mat-speaker-notes-off:before {
  content: "\e6db";
}
.icon-mat-speaker-phone:before {
  content: "\e6dc";
}
.icon-mat-speed:before {
  content: "\e6dd";
}
.icon-mat-spellcheck:before {
  content: "\e6de";
}
.icon-mat-splitscreen:before {
  content: "\e6df";
}
.icon-mat-spoke:before {
  content: "\e6e0";
}
.icon-mat-sports:before {
  content: "\e6e1";
}
.icon-mat-sports-bar:before {
  content: "\e6e2";
}
.icon-mat-sports-baseball:before {
  content: "\e6e3";
}
.icon-mat-sports-basketball:before {
  content: "\e6e4";
}
.icon-mat-sports-cricket:before {
  content: "\e6e5";
}
.icon-mat-sports-esports:before {
  content: "\e6e6";
}
.icon-mat-sports-football:before {
  content: "\e6e7";
}
.icon-mat-sports-golf:before {
  content: "\e6e8";
}
.icon-mat-sports-gymnastics:before {
  content: "\e6e9";
}
.icon-mat-sports-handball:before {
  content: "\e6ea";
}
.icon-mat-sports-hockey:before {
  content: "\e6eb";
}
.icon-mat-sports-kabaddi:before {
  content: "\e6ec";
}
.icon-mat-sports-martial-arts:before {
  content: "\e6ed";
}
.icon-mat-sports-mma:before {
  content: "\e6ee";
}
.icon-mat-sports-motorsports:before {
  content: "\e6ef";
}
.icon-mat-sports-rugby:before {
  content: "\e6f0";
}
.icon-mat-sports-score:before {
  content: "\e6f1";
}
.icon-mat-sports-soccer:before {
  content: "\e6f2";
}
.icon-mat-sports-tennis:before {
  content: "\e6f3";
}
.icon-mat-sports-volleyball:before {
  content: "\e6f4";
}
.icon-mat-square:before {
  content: "\e6f5";
}
.icon-mat-square-foot:before {
  content: "\e6f6";
}
.icon-mat-ssid-chart:before {
  content: "\e6f7";
}
.icon-mat-stacked-bar-chart:before {
  content: "\e6f8";
}
.icon-mat-stacked-line-chart:before {
  content: "\e6f9";
}
.icon-mat-stadium:before {
  content: "\e6fa";
}
.icon-mat-stairs:before {
  content: "\e6fb";
}
.icon-mat-star:before {
  content: "\e6fc";
}
.icon-mat-star-border:before {
  content: "\e6fd";
}
.icon-mat-star-border-purple500:before {
  content: "\e6fe";
}
.icon-mat-star-half:before {
  content: "\e6ff";
}
.icon-mat-star-outline:before {
  content: "\e700";
}
.icon-mat-star-purple500:before {
  content: "\e701";
}
.icon-mat-star-rate:before {
  content: "\e702";
}
.icon-mat-stars:before {
  content: "\e703";
}
.icon-mat-start:before {
  content: "\e704";
}
.icon-mat-stay-current-landscape:before {
  content: "\e705";
}
.icon-mat-stay-current-portrait:before {
  content: "\e706";
}
.icon-mat-stay-primary-landscape:before {
  content: "\e707";
}
.icon-mat-stay-primary-portrait:before {
  content: "\e708";
}
.icon-mat-sticky-note-2:before {
  content: "\e709";
}
.icon-mat-stop:before {
  content: "\e70a";
}
.icon-mat-stop-circle:before {
  content: "\e70b";
}
.icon-mat-stop-screen-share:before {
  content: "\e70c";
}
.icon-mat-storage:before {
  content: "\e70d";
}
.icon-mat-store:before {
  content: "\e70e";
}
.icon-mat-store-mall-directory:before {
  content: "\e70f";
}
.icon-mat-storefront:before {
  content: "\e710";
}
.icon-mat-storm:before {
  content: "\e711";
}
.icon-mat-straight:before {
  content: "\e712";
}
.icon-mat-straighten:before {
  content: "\e713";
}
.icon-mat-stream:before {
  content: "\e714";
}
.icon-mat-streetview:before {
  content: "\e715";
}
.icon-mat-strikethrough-s:before {
  content: "\e716";
}
.icon-mat-stroller:before {
  content: "\e717";
}
.icon-mat-style:before {
  content: "\e718";
}
.icon-mat-subdirectory-arrow-left:before {
  content: "\e719";
}
.icon-mat-subdirectory-arrow-right:before {
  content: "\e71a";
}
.icon-mat-subject:before {
  content: "\e71b";
}
.icon-mat-subscript:before {
  content: "\e71c";
}
.icon-mat-subscriptions:before {
  content: "\e71d";
}
.icon-mat-subtitles:before {
  content: "\e71e";
}
.icon-mat-subtitles-off:before {
  content: "\e71f";
}
.icon-mat-subway:before {
  content: "\e720";
}
.icon-mat-summarize:before {
  content: "\e721";
}
.icon-mat-superscript:before {
  content: "\e722";
}
.icon-mat-supervised-user-circle:before {
  content: "\e723";
}
.icon-mat-supervisor-account:before {
  content: "\e724";
}
.icon-mat-support:before {
  content: "\e725";
}
.icon-mat-support-agent:before {
  content: "\e726";
}
.icon-mat-surfing:before {
  content: "\e727";
}
.icon-mat-surround-sound:before {
  content: "\e728";
}
.icon-mat-swap-calls:before {
  content: "\e729";
}
.icon-mat-swap-horiz:before {
  content: "\e72a";
}
.icon-mat-swap-horizontal-circle:before {
  content: "\e72b";
}
.icon-mat-swap-vert:before {
  content: "\e72c";
}
.icon-mat-swap-vertical-circle:before {
  content: "\e72d";
}
.icon-mat-swipe:before {
  content: "\e72e";
}
.icon-mat-swipe-down:before {
  content: "\e72f";
}
.icon-mat-swipe-down-alt:before {
  content: "\e730";
}
.icon-mat-swipe-left:before {
  content: "\e731";
}
.icon-mat-swipe-left-alt:before {
  content: "\e732";
}
.icon-mat-swipe-right:before {
  content: "\e733";
}
.icon-mat-swipe-right-alt:before {
  content: "\e734";
}
.icon-mat-swipe-up:before {
  content: "\e735";
}
.icon-mat-swipe-up-alt:before {
  content: "\e736";
}
.icon-mat-swipe-vertical:before {
  content: "\e737";
}
.icon-mat-switch-access-shortcut:before {
  content: "\e738";
}
.icon-mat-switch-access-shortcut-add:before {
  content: "\e739";
}
.icon-mat-switch-account:before {
  content: "\e73a";
}
.icon-mat-switch-camera:before {
  content: "\e73b";
}
.icon-mat-switch-left:before {
  content: "\e73c";
}
.icon-mat-switch-right:before {
  content: "\e73d";
}
.icon-mat-switch-video:before {
  content: "\e73e";
}
.icon-mat-synagogue:before {
  content: "\e73f";
}
.icon-mat-sync:before {
  content: "\e740";
}
.icon-mat-sync-alt:before {
  content: "\e741";
}
.icon-mat-sync-disabled:before {
  content: "\e742";
}
.icon-mat-sync-lock:before {
  content: "\e743";
}
.icon-mat-sync-problem:before {
  content: "\e744";
}
.icon-mat-system-security-update:before {
  content: "\e745";
}
.icon-mat-system-security-update-good:before {
  content: "\e746";
}
.icon-mat-system-security-update-warning:before {
  content: "\e747";
}
.icon-mat-system-update:before {
  content: "\e748";
}
.icon-mat-system-update-alt:before {
  content: "\e749";
}
.icon-mat-tab:before {
  content: "\e74a";
}
.icon-mat-tab-unselected:before {
  content: "\e74b";
}
.icon-mat-table-bar:before {
  content: "\e74c";
}
.icon-mat-table-chart:before {
  content: "\e74d";
}
.icon-mat-table-restaurant:before {
  content: "\e74e";
}
.icon-mat-table-rows:before {
  content: "\e74f";
}
.icon-mat-table-view:before {
  content: "\e750";
}
.icon-mat-tablet:before {
  content: "\e751";
}
.icon-mat-tablet-android:before {
  content: "\e752";
}
.icon-mat-tablet-mac:before {
  content: "\e753";
}
.icon-mat-tag:before {
  content: "\e754";
}
.icon-mat-tag-faces:before {
  content: "\e755";
}
.icon-mat-takeout-dining:before {
  content: "\e756";
}
.icon-mat-tap-and-play:before {
  content: "\e757";
}
.icon-mat-tapas:before {
  content: "\e758";
}
.icon-mat-task:before {
  content: "\e759";
}
.icon-mat-task-alt:before {
  content: "\e75a";
}
.icon-mat-taxi-alert:before {
  content: "\e75b";
}
.icon-mat-temple-buddhist:before {
  content: "\e75c";
}
.icon-mat-temple-hindu:before {
  content: "\e75d";
}
.icon-mat-terminal:before {
  content: "\e75e";
}
.icon-mat-terrain:before {
  content: "\e75f";
}
.icon-mat-text-decrease:before {
  content: "\e760";
}
.icon-mat-text-fields:before {
  content: "\e761";
}
.icon-mat-text-format:before {
  content: "\e762";
}
.icon-mat-text-increase:before {
  content: "\e763";
}
.icon-mat-text-rotate-up:before {
  content: "\e764";
}
.icon-mat-text-rotate-vertical:before {
  content: "\e765";
}
.icon-mat-text-rotation-angledown:before {
  content: "\e766";
}
.icon-mat-text-rotation-angleup:before {
  content: "\e767";
}
.icon-mat-text-rotation-down:before {
  content: "\e768";
}
.icon-mat-text-rotation-none:before {
  content: "\e769";
}
.icon-mat-text-snippet:before {
  content: "\e76a";
}
.icon-mat-textsms:before {
  content: "\e76b";
}
.icon-mat-texture:before {
  content: "\e76c";
}
.icon-mat-theater-comedy:before {
  content: "\e76d";
}
.icon-mat-theaters:before {
  content: "\e76e";
}
.icon-mat-thermostat:before {
  content: "\e76f";
}
.icon-mat-thermostat-auto:before {
  content: "\e770";
}
.icon-mat-thumb-down:before {
  content: "\e771";
}
.icon-mat-thumb-down-alt:before {
  content: "\e772";
}
.icon-mat-thumb-down-off-alt:before {
  content: "\e773";
}
.icon-mat-thumb-up:before {
  content: "\e774";
}
.icon-mat-thumb-up-alt:before {
  content: "\e775";
}
.icon-mat-thumb-up-off-alt:before {
  content: "\e776";
}
.icon-mat-thumbs-up-down:before {
  content: "\e777";
}
.icon-mat-thunderstorm:before {
  content: "\e778";
}
.icon-mat-time-to-leave:before {
  content: "\e779";
}
.icon-mat-timelapse:before {
  content: "\e77a";
}
.icon-mat-timeline:before {
  content: "\e77b";
}
.icon-mat-timer:before {
  content: "\e77c";
}
.icon-mat-timer-10:before {
  content: "\e77d";
}
.icon-mat-timer-10-select:before {
  content: "\e77e";
}
.icon-mat-timer-3:before {
  content: "\e77f";
}
.icon-mat-timer-3-select:before {
  content: "\e780";
}
.icon-mat-timer-off:before {
  content: "\e781";
}
.icon-mat-tips-and-updates:before {
  content: "\e782";
}
.icon-mat-tire-repair:before {
  content: "\e783";
}
.icon-mat-title:before {
  content: "\e784";
}
.icon-mat-toc:before {
  content: "\e785";
}
.icon-mat-today:before {
  content: "\e786";
}
.icon-mat-toggle-off:before {
  content: "\e787";
}
.icon-mat-toggle-on:before {
  content: "\e788";
}
.icon-mat-token:before {
  content: "\e789";
}
.icon-mat-toll:before {
  content: "\e78a";
}
.icon-mat-tonality:before {
  content: "\e78b";
}
.icon-mat-topic:before {
  content: "\e78c";
}
.icon-mat-tornado:before {
  content: "\e78d";
}
.icon-mat-touch-app:before {
  content: "\e78e";
}
.icon-mat-tour:before {
  content: "\e78f";
}
.icon-mat-toys:before {
  content: "\e790";
}
.icon-mat-track-changes:before {
  content: "\e791";
}
.icon-mat-traffic:before {
  content: "\e792";
}
.icon-mat-train:before {
  content: "\e793";
}
.icon-mat-tram:before {
  content: "\e794";
}
.icon-mat-transcribe:before {
  content: "\e795";
}
.icon-mat-transfer-within-a-station:before {
  content: "\e796";
}
.icon-mat-transform:before {
  content: "\e797";
}
.icon-mat-transgender:before {
  content: "\e798";
}
.icon-mat-transit-enterexit:before {
  content: "\e799";
}
.icon-mat-translate:before {
  content: "\e79a";
}
.icon-mat-travel-explore:before {
  content: "\e79b";
}
.icon-mat-trending-down:before {
  content: "\e79c";
}
.icon-mat-trending-flat:before {
  content: "\e79d";
}
.icon-mat-trending-up:before {
  content: "\e79e";
}
.icon-mat-trip-origin:before {
  content: "\e79f";
}
.icon-mat-troubleshoot:before {
  content: "\e7a0";
}
.icon-mat-try:before {
  content: "\e7a1";
}
.icon-mat-tsunami:before {
  content: "\e7a2";
}
.icon-mat-tty:before {
  content: "\e7a3";
}
.icon-mat-tune:before {
  content: "\e7a4";
}
.icon-mat-tungsten:before {
  content: "\e7a5";
}
.icon-mat-turn-left:before {
  content: "\e7a6";
}
.icon-mat-turn-right:before {
  content: "\e7a7";
}
.icon-mat-turn-sharp-left:before {
  content: "\e7a8";
}
.icon-mat-turn-sharp-right:before {
  content: "\e7a9";
}
.icon-mat-turn-slight-left:before {
  content: "\e7aa";
}
.icon-mat-turn-slight-right:before {
  content: "\e7ab";
}
.icon-mat-turned-in:before {
  content: "\e7ac";
}
.icon-mat-turned-in-not:before {
  content: "\e7ad";
}
.icon-mat-tv:before {
  content: "\e7ae";
}
.icon-mat-tv-off:before {
  content: "\e7af";
}
.icon-mat-two-wheeler:before {
  content: "\e7b0";
}
.icon-mat-type-specimen:before {
  content: "\e7b1";
}
.icon-mat-u-turn-left:before {
  content: "\e7b2";
}
.icon-mat-u-turn-right:before {
  content: "\e7b3";
}
.icon-mat-umbrella:before {
  content: "\e7b4";
}
.icon-mat-unarchive:before {
  content: "\e7b5";
}
.icon-mat-undo:before {
  content: "\e7b6";
}
.icon-mat-unfold-less:before {
  content: "\e7b7";
}
.icon-mat-unfold-less-double:before {
  content: "\e7b8";
}
.icon-mat-unfold-more:before {
  content: "\e7b9";
}
.icon-mat-unfold-more-double:before {
  content: "\e7ba";
}
.icon-mat-unpublished:before {
  content: "\e7bb";
}
.icon-mat-unsubscribe:before {
  content: "\e7bc";
}
.icon-mat-upcoming:before {
  content: "\e7bd";
}
.icon-mat-update:before {
  content: "\e7be";
}
.icon-mat-update-disabled:before {
  content: "\e7bf";
}
.icon-mat-upgrade:before {
  content: "\e7c0";
}
.icon-mat-upload:before {
  content: "\e7c1";
}
.icon-mat-upload-file:before {
  content: "\e7c2";
}
.icon-mat-usb:before {
  content: "\e7c3";
}
.icon-mat-usb-off:before {
  content: "\e7c4";
}
.icon-mat-vaccines:before {
  content: "\e7c5";
}
.icon-mat-vape-free:before {
  content: "\e7c6";
}
.icon-mat-vaping-rooms:before {
  content: "\e7c7";
}
.icon-mat-verified:before {
  content: "\e7c8";
}
.icon-mat-verified-user:before {
  content: "\e7c9";
}
.icon-mat-vertical-align-bottom:before {
  content: "\e7ca";
}
.icon-mat-vertical-align-center:before {
  content: "\e7cb";
}
.icon-mat-vertical-align-top:before {
  content: "\e7cc";
}
.icon-mat-vertical-distribute:before {
  content: "\e7cd";
}
.icon-mat-vertical-shades:before {
  content: "\e7ce";
}
.icon-mat-vertical-shades-closed:before {
  content: "\e7cf";
}
.icon-mat-vertical-split:before {
  content: "\e7d0";
}
.icon-mat-vibration:before {
  content: "\e7d1";
}
.icon-mat-video-call:before {
  content: "\e7d2";
}
.icon-mat-video-camera-back:before {
  content: "\e7d3";
}
.icon-mat-video-camera-front:before {
  content: "\e7d4";
}
.icon-mat-video-chat:before {
  content: "\e7d5";
}
.icon-mat-video-file:before {
  content: "\e7d6";
}
.icon-mat-video-label:before {
  content: "\e7d7";
}
.icon-mat-video-library:before {
  content: "\e7d8";
}
.icon-mat-video-settings:before {
  content: "\e7d9";
}
.icon-mat-video-stable:before {
  content: "\e7da";
}
.icon-mat-videocam:before {
  content: "\e7db";
}
.icon-mat-videocam-off:before {
  content: "\e7dc";
}
.icon-mat-videogame-asset:before {
  content: "\e7dd";
}
.icon-mat-videogame-asset-off:before {
  content: "\e7de";
}
.icon-mat-view-agenda:before {
  content: "\e7df";
}
.icon-mat-view-array:before {
  content: "\e7e0";
}
.icon-mat-view-carousel:before {
  content: "\e7e1";
}
.icon-mat-view-column:before {
  content: "\e7e2";
}
.icon-mat-view-comfy:before {
  content: "\e7e3";
}
.icon-mat-view-comfy-alt:before {
  content: "\e7e4";
}
.icon-mat-view-compact:before {
  content: "\e7e5";
}
.icon-mat-view-compact-alt:before {
  content: "\e7e6";
}
.icon-mat-view-cozy:before {
  content: "\e7e7";
}
.icon-mat-view-day:before {
  content: "\e7e8";
}
.icon-mat-view-headline:before {
  content: "\e7e9";
}
.icon-mat-view-in-ar:before {
  content: "\e7ea";
}
.icon-mat-view-kanban:before {
  content: "\e7eb";
}
.icon-mat-view-list:before {
  content: "\e7ec";
}
.icon-mat-view-module:before {
  content: "\e7ed";
}
.icon-mat-view-quilt:before {
  content: "\e7ee";
}
.icon-mat-view-sidebar:before {
  content: "\e7ef";
}
.icon-mat-view-stream:before {
  content: "\e7f0";
}
.icon-mat-view-timeline:before {
  content: "\e7f1";
}
.icon-mat-view-week:before {
  content: "\e7f2";
}
.icon-mat-vignette:before {
  content: "\e7f3";
}
.icon-mat-villa:before {
  content: "\e7f4";
}
.icon-mat-visibility:before {
  content: "\e7f5";
}
.icon-mat-visibility-off:before {
  content: "\e7f6";
}
.icon-mat-voice-chat:before {
  content: "\e7f7";
}
.icon-mat-voice-over-off:before {
  content: "\e7f8";
}
.icon-mat-voicemail:before {
  content: "\e7f9";
}
.icon-mat-volcano:before {
  content: "\e7fa";
}
.icon-mat-volume-down:before {
  content: "\e7fb";
}
.icon-mat-volume-mute:before {
  content: "\e7fc";
}
.icon-mat-volume-off:before {
  content: "\e7fd";
}
.icon-mat-volume-up:before {
  content: "\e7fe";
}
.icon-mat-volunteer-activism:before {
  content: "\e7ff";
}
.icon-mat-vpn-key:before {
  content: "\e800";
}
.icon-mat-vpn-key-off:before {
  content: "\e801";
}
.icon-mat-vpn-lock:before {
  content: "\e802";
}
.icon-mat-vrpano:before {
  content: "\e803";
}
.icon-mat-wallet:before {
  content: "\e804";
}
.icon-mat-wallpaper:before {
  content: "\e805";
}
.icon-mat-warehouse:before {
  content: "\e806";
}
.icon-mat-warning:before {
  content: "\e807";
}
.icon-mat-warning-amber:before {
  content: "\e808";
}
.icon-mat-wash:before {
  content: "\e809";
}
.icon-mat-watch:before {
  content: "\e80a";
}
.icon-mat-watch-later:before {
  content: "\e80b";
}
.icon-mat-watch-off:before {
  content: "\e80c";
}
.icon-mat-water:before {
  content: "\e80d";
}
.icon-mat-water-damage:before {
  content: "\e80e";
}
.icon-mat-water-drop:before {
  content: "\e80f";
}
.icon-mat-waterfall-chart:before {
  content: "\e810";
}
.icon-mat-waves:before {
  content: "\e811";
}
.icon-mat-waving-hand:before {
  content: "\e812";
}
.icon-mat-wb-auto:before {
  content: "\e813";
}
.icon-mat-wb-cloudy:before {
  content: "\e814";
}
.icon-mat-wb-incandescent:before {
  content: "\e815";
}
.icon-mat-wb-iridescent:before {
  content: "\e816";
}
.icon-mat-wb-shade:before {
  content: "\e817";
}
.icon-mat-wb-sunny:before {
  content: "\e818";
}
.icon-mat-wb-twilight:before {
  content: "\e819";
}
.icon-mat-wc:before {
  content: "\e81a";
}
.icon-mat-web:before {
  content: "\e81b";
}
.icon-mat-web-asset:before {
  content: "\e81c";
}
.icon-mat-web-asset-off:before {
  content: "\e81d";
}
.icon-mat-web-stories:before {
  content: "\e81e";
}
.icon-mat-webhook:before {
  content: "\e81f";
}
.icon-mat-weekend:before {
  content: "\e820";
}
.icon-mat-west:before {
  content: "\e821";
}
.icon-mat-whatshot:before {
  content: "\e822";
}
.icon-mat-wheelchair-pickup:before {
  content: "\e823";
}
.icon-mat-where-to-vote:before {
  content: "\e824";
}
.icon-mat-widgets:before {
  content: "\e825";
}
.icon-mat-width-full:before {
  content: "\e826";
}
.icon-mat-width-normal:before {
  content: "\e827";
}
.icon-mat-width-wide:before {
  content: "\e828";
}
.icon-mat-wifi:before {
  content: "\e829";
}
.icon-mat-wifi-1-bar:before {
  content: "\e82a";
}
.icon-mat-wifi-2-bar:before {
  content: "\e82b";
}
.icon-mat-wifi-calling:before {
  content: "\e82c";
}
.icon-mat-wifi-calling-3:before {
  content: "\e82d";
}
.icon-mat-wifi-channel:before {
  content: "\e82e";
}
.icon-mat-wifi-find:before {
  content: "\e82f";
}
.icon-mat-wifi-lock:before {
  content: "\e830";
}
.icon-mat-wifi-off:before {
  content: "\e831";
}
.icon-mat-wifi-password:before {
  content: "\e832";
}
.icon-mat-wifi-protected-setup:before {
  content: "\e833";
}
.icon-mat-wifi-tethering:before {
  content: "\e834";
}
.icon-mat-wifi-tethering-error:before {
  content: "\e835";
}
.icon-mat-wifi-tethering-off:before {
  content: "\e836";
}
.icon-mat-wind-power:before {
  content: "\e837";
}
.icon-mat-window:before {
  content: "\e838";
}
.icon-mat-wine-bar:before {
  content: "\e839";
}
.icon-mat-woman:before {
  content: "\e83a";
}
.icon-mat-woman-2:before {
  content: "\e83b";
}
.icon-mat-work:before {
  content: "\e83c";
}
.icon-mat-work-history:before {
  content: "\e83d";
}
.icon-mat-work-off:before {
  content: "\e83e";
}
.icon-mat-work-outline:before {
  content: "\e83f";
}
.icon-mat-workspace-premium:before {
  content: "\e840";
}
.icon-mat-workspaces:before {
  content: "\e841";
}
.icon-mat-wrap-text:before {
  content: "\e842";
}
.icon-mat-wrong-location:before {
  content: "\e843";
}
.icon-mat-wysiwyg:before {
  content: "\e844";
}
.icon-mat-yard:before {
  content: "\e845";
}
.icon-mat-youtube-searched-for:before {
  content: "\e846";
}
.icon-mat-zoom-in:before {
  content: "\e847";
}
.icon-mat-zoom-in-map:before {
  content: "\e848";
}
.icon-mat-zoom-out:before {
  content: "\e849";
}
.icon-mat-zoom-out-map:before {
  content: "\e84a";
}
.icon-maximize:before {
  content: "\e8f9";
}
.icon-maximize-2:before {
  content: "\e8fa";
}
.icon-medication:before {
  content: "\e8fb";
}
.icon-meh:before {
  content: "\e8fc";
}
.icon-menu:before {
  content: "\e8fd";
}
.icon-message-circle:before {
  content: "\e8fe";
}
.icon-message-square:before {
  content: "\e8ff";
}
.icon-mic:before {
  content: "\e900";
}
.icon-mic-off:before {
  content: "\e901";
}
.icon-minimize:before {
  content: "\e902";
}
.icon-minimize-2:before {
  content: "\e903";
}
.icon-minus:before {
  content: "\e904";
}
.icon-minus-circle:before {
  content: "\e905";
}
.icon-minus-square:before {
  content: "\e906";
}
.icon-monitor:before {
  content: "\e907";
}
.icon-moon:before {
  content: "\e908";
}
.icon-more-horizontal:before {
  content: "\e909";
}
.icon-more-vertical:before {
  content: "\e90a";
}
.icon-mouse-pointer:before {
  content: "\e90b";
}
.icon-move:before {
  content: "\e90c";
}
.icon-movement:before {
  content: "\e90d";
}
.icon-music:before {
  content: "\e90e";
}
.icon-navigation:before {
  content: "\e90f";
}
.icon-navigation-2:before {
  content: "\e910";
}
.icon-no-data:before {
  content: "\e911";
}
.icon-no-data-stop:before {
  content: "\e912";
}
.icon-o2:before {
  content: "\e913";
}
.icon-octagon:before {
  content: "\e914";
}
.icon-other:before {
  content: "\e915";
}
.icon-package:before {
  content: "\e916";
}
.icon-paperclip:before {
  content: "\e917";
}
.icon-pause:before {
  content: "\e918";
}
.icon-pause-circle:before {
  content: "\e919";
}
.icon-pen-tool:before {
  content: "\e91a";
}
.icon-percent:before {
  content: "\e91b";
}
.icon-phone:before {
  content: "\e91c";
}
.icon-phone-call:before {
  content: "\e91d";
}
.icon-phone-forwarded:before {
  content: "\e91e";
}
.icon-phone-incoming:before {
  content: "\e91f";
}
.icon-phone-missed:before {
  content: "\e920";
}
.icon-phone-off:before {
  content: "\e921";
}
.icon-phone-outgoing:before {
  content: "\e922";
}
.icon-pie-chart:before {
  content: "\e923";
}
.icon-play:before {
  content: "\e924";
}
.icon-play-circle:before {
  content: "\e925";
}
.icon-plus:before {
  content: "\e926";
}
.icon-plus-circle:before {
  content: "\e927";
}
.icon-plus-square:before {
  content: "\e928";
}
.icon-pocket:before {
  content: "\e929";
}
.icon-population:before {
  content: "\e92a";
}
.icon-power:before {
  content: "\e92b";
}
.icon-press:before {
  content: "\e92c";
}
.icon-printer:before {
  content: "\e92d";
}
.icon-priority-high:before {
  content: "\e92e";
}
.icon-priority-low:before {
  content: "\e92f";
}
.icon-priority-med:before {
  content: "\e930";
}
.icon-procedure:before {
  content: "\e931";
}
.icon-program:before {
  content: "\e932";
}
.icon-radio:before {
  content: "\e933";
}
.icon-refresh-ccw:before {
  content: "\e934";
}
.icon-refresh-cw:before {
  content: "\e935";
}
.icon-repeat:before {
  content: "\e936";
}
.icon-rewind:before {
  content: "\e937";
}
.icon-rotate-ccw:before {
  content: "\e938";
}
.icon-rotate-cw:before {
  content: "\e939";
}
.icon-rss:before {
  content: "\e93a";
}
.icon-save:before {
  content: "\e93b";
}
.icon-scales:before {
  content: "\e93c";
}
.icon-scissors:before {
  content: "\e93d";
}
.icon-search:before {
  content: "\e93e";
}
.icon-send:before {
  content: "\e93f";
}
.icon-server:before {
  content: "\e940";
}
.icon-settings:before {
  content: "\e941";
}
.icon-share:before {
  content: "\e942";
}
.icon-share-2:before {
  content: "\e943";
}
.icon-shield:before {
  content: "\e944";
}
.icon-shield-off:before {
  content: "\e945";
}
.icon-shoe:before {
  content: "\e946";
}
.icon-shopping-bag:before {
  content: "\e947";
}
.icon-shopping-cart:before {
  content: "\e948";
}
.icon-shuffle:before {
  content: "\e949";
}
.icon-sidebar:before {
  content: "\e94a";
}
.icon-skip-back:before {
  content: "\e94b";
}
.icon-skip-forward:before {
  content: "\e94c";
}
.icon-slack:before {
  content: "\e94d";
}
.icon-slash:before {
  content: "\e94e";
}
.icon-sliders:before {
  content: "\e94f";
}
.icon-smartphone:before {
  content: "\e950";
}
.icon-smile:before {
  content: "\e951";
}
.icon-speaker:before {
  content: "\e952";
}
.icon-spirometer:before {
  content: "\e953";
}
.icon-square:before {
  content: "\e954";
}
.icon-star:before {
  content: "\e955";
}
.icon-stop-circle:before {
  content: "\e956";
}
.icon-sun:before {
  content: "\e957";
}
.icon-sunrise:before {
  content: "\e958";
}
.icon-sunset:before {
  content: "\e959";
}
.icon-tablet:before {
  content: "\e95a";
}
.icon-tag:before {
  content: "\e95b";
}
.icon-target:before {
  content: "\e95c";
}
.icon-temp:before {
  content: "\e95d";
}
.icon-terminal:before {
  content: "\e95e";
}
.icon-thermometer:before {
  content: "\e95f";
}
.icon-thumbs-down:before {
  content: "\e960";
}
.icon-thumbs-up:before {
  content: "\e961";
}
.icon-toggle-left:before {
  content: "\e962";
}
.icon-toggle-right:before {
  content: "\e963";
}
.icon-tool:before {
  content: "\e964";
}
.icon-trash:before {
  content: "\e965";
}
.icon-trash-2:before {
  content: "\e966";
}
.icon-trello:before {
  content: "\e967";
}
.icon-trending-down:before {
  content: "\e968";
}
.icon-trending-up:before {
  content: "\e969";
}
.icon-triangle:before {
  content: "\e96a";
}
.icon-truck:before {
  content: "\e96b";
}
.icon-tv:before {
  content: "\e96c";
}
.icon-twitch:before {
  content: "\e96d";
}
.icon-twitter:before {
  content: "\e96e";
}
.icon-type:before {
  content: "\e96f";
}
.icon-umbrella:before {
  content: "\e970";
}
.icon-underline:before {
  content: "\e971";
}
.icon-unlock:before {
  content: "\e972";
}
.icon-upload:before {
  content: "\e973";
}
.icon-upload-cloud:before {
  content: "\e974";
}
.icon-user:before {
  content: "\e975";
}
.icon-user-check:before {
  content: "\e976";
}
.icon-user-minus:before {
  content: "\e977";
}
.icon-user-plus:before {
  content: "\e978";
}
.icon-user-x:before {
  content: "\e979";
}
.icon-users:before {
  content: "\e97a";
}
.icon-video:before {
  content: "\e97b";
}
.icon-video-off:before {
  content: "\e97c";
}
.icon-voicemail:before {
  content: "\e97d";
}
.icon-volume:before {
  content: "\e97e";
}
.icon-volume-1:before {
  content: "\e97f";
}
.icon-volume-2:before {
  content: "\e980";
}
.icon-volume-x:before {
  content: "\e981";
}
.icon-watch:before {
  content: "\e982";
}
.icon-wearable:before {
  content: "\e98f";
}
.icon-wifi:before {
  content: "\e983";
}
.icon-wifi-off:before {
  content: "\e984";
}
.icon-wind:before {
  content: "\e985";
}
.icon-x:before {
  content: "\e986";
}
.icon-x-circle:before {
  content: "\e987";
}
.icon-x-octagon:before {
  content: "\e988";
}
.icon-x-square:before {
  content: "\e989";
}
.icon-youtube:before {
  content: "\e98a";
}
.icon-zap:before {
  content: "\e98b";
}
.icon-zap-off:before {
  content: "\e98c";
}
.icon-zoom-in:before {
  content: "\e98d";
}
.icon-zoom-out:before {
  content: "\e98e";
}
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
  overflow: hidden;
  animation: cal-slide-down 150ms ease-in;
}
.cal-month-view .cal-open-day-events.cal-open-day-events-closing {
  animation: cal-slide-up 150ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events.cal-open-day-events-closing {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events {
    animation: none;
  }
}
@keyframes cal-slide-down {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@keyframes cal-slide-up {
  from {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: rgb(224.25, 224.25, 224.25) !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}
.overscroll-disabled {
  overscroll-behavior-x: none;
}
.list-unstyled {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0;
}
body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}
legend {
  padding: 0;
  display: table;
}
.mega-circle-button {
  --mega-circle-button-size: 48px;
  width: var(--mega-circle-button-size);
  height: var(--mega-circle-button-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
  border: #d7d7d7 1px solid;
  background-color: #ffffff;
  color: #051440;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
  cursor: pointer;
}
.mega-circle-button .mat-mdc-button-touch-target {
  width: 100%;
  height: 100%;
}
.mega-circle-button i,
.mega-circle-button .mat-icon {
  font-size: 2rem;
  line-height: 1;
}
.mega-circle-button:hover:not(:disabled),
.mega-circle-button:focus-visible:not(:disabled) {
  background-color: #f2f2f2;
  box-shadow: 0 7px 14px rgba(5, 20, 64, 0.2);
}
.mega-circle-button:disabled {
  opacity: 0.4;
  box-shadow: none;
  cursor: not-allowed;
}
.block-button {
  display: block;
  width: 100%;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 2.1328rem / 2.8432rem TT Norms, Roboto;
  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: 400 2.1328rem / 2.8432rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 1.2rem / 2.1328rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 1.6rem / 2.1328rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(1.6rem * 0.83) / 1.6rem TT Norms, Roboto;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(1.6rem * 0.67) / 1.6rem TT Norms, Roboto;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 400 2.1328rem / 3.7904rem TT Norms, Roboto;
  letter-spacing: normal;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 1.6rem / 1.6rem TT Norms, Roboto;
  letter-spacing: normal;
}
.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 1.6rem / 1.6rem TT Norms, Roboto;
  letter-spacing: normal;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 400 2.8432rem / 3.7904rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 400 3.7904rem / 5.0512rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 5.0512rem / 6.7344rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 300 6.7344rem / 8.976rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
html {
  --mat-badge-text-font: TT Norms, Roboto;
  --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;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 2.1328rem / 2.8432rem TT Norms, Roboto;
  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: 400 2.1328rem / 2.8432rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 1.2rem / 2.1328rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 1.6rem / 2.1328rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(1.6rem * 0.83) / 1.6rem TT Norms, Roboto;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(1.6rem * 0.67) / 1.6rem TT Norms, Roboto;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 400 2.1328rem / 3.7904rem TT Norms, Roboto;
  letter-spacing: normal;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 1.6rem / 1.6rem TT Norms, Roboto;
  letter-spacing: normal;
}
.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 1.6rem / 1.6rem TT Norms, Roboto;
  letter-spacing: normal;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 400 2.8432rem / 3.7904rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 400 3.7904rem / 5.0512rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 5.0512rem / 6.7344rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 300 6.7344rem / 8.976rem TT Norms, Roboto;
  letter-spacing: normal;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: TT Norms, Roboto;
  --mat-bottom-sheet-container-text-line-height: 1.6rem;
  --mat-bottom-sheet-container-text-size: 1.6rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-label-text-font: TT Norms, Roboto;
  --mat-button-toggle-label-text-line-height: 2.1328rem;
  --mat-button-toggle-label-text-size: 1.6rem;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: TT Norms, Roboto;
  --mat-button-toggle-legacy-label-text-line-height: 2.1328rem;
  --mat-button-toggle-legacy-label-text-size: 1.6rem;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: TT Norms, Roboto;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 1.6rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 1.6rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: TT Norms, Roboto;
  --mat-expansion-header-text-size: 2.1328rem;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: TT Norms, Roboto;
  --mat-expansion-container-text-line-height: 1.6rem;
  --mat-expansion-container-text-size: 1.6rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 1.6rem;
  --mat-grid-list-tile-header-secondary-text-size: 1.6rem;
  --mat-grid-list-tile-footer-primary-text-size: 1.6rem;
  --mat-grid-list-tile-footer-secondary-text-size: 1.6rem;
}
html {
  --mat-stepper-container-text-font: TT Norms, Roboto;
  --mat-stepper-header-label-text-font: TT Norms, Roboto;
  --mat-stepper-header-label-text-size: 1.6rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 1.6rem;
  --mat-stepper-header-selected-state-label-text-size: 1.6rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: TT Norms, Roboto;
  --mat-toolbar-title-text-line-height: 2.8432rem;
  --mat-toolbar-title-text-size: 2.1328rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 400;
}
html {
  --mat-tree-node-text-font: TT Norms, Roboto;
  --mat-tree-node-text-size: 1.6rem;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: TT Norms, Roboto;
  --mat-option-label-text-line-height: 2.1328rem;
  --mat-option-label-text-size: 1.6rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: TT Norms, Roboto;
  --mat-optgroup-label-text-line-height: 2.1328rem;
  --mat-optgroup-label-text-size: 1.6rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: TT Norms, Roboto;
  --mat-card-title-text-line-height: 2.8432rem;
  --mat-card-title-text-size: 2.1328rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 400;
  --mat-card-subtitle-text-font: TT Norms, Roboto;
  --mat-card-subtitle-text-line-height: 3.7904rem;
  --mat-card-subtitle-text-size: 2.1328rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 400;
}
html {
  --mat-tooltip-supporting-text-font: TT Norms, Roboto;
  --mat-tooltip-supporting-text-size: 1.6rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
}
html {
  --mat-form-field-container-text-font: TT Norms, Roboto;
  --mat-form-field-container-text-line-height: 2.1328rem;
  --mat-form-field-container-text-size: 1.6rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 1.6rem;
  --mat-form-field-subscript-text-font: TT Norms, Roboto;
  --mat-form-field-subscript-text-line-height: 1.6rem;
  --mat-form-field-subscript-text-size: 1.6rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: TT Norms, Roboto;
  --mat-form-field-filled-label-text-size: 1.6rem;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: TT Norms, Roboto;
  --mat-form-field-outlined-label-text-size: 1.6rem;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: TT Norms, Roboto;
  --mat-select-trigger-text-line-height: 2.1328rem;
  --mat-select-trigger-text-size: 1.6rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-dialog-subhead-font: TT Norms, Roboto;
  --mat-dialog-subhead-line-height: 2.8432rem;
  --mat-dialog-subhead-size: 2.1328rem;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: TT Norms, Roboto;
  --mat-dialog-supporting-text-line-height: 2.1328rem;
  --mat-dialog-supporting-text-size: 1.6rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: TT Norms, Roboto;
  --mat-chip-label-text-line-height: 1.6rem;
  --mat-chip-label-text-size: 1.6rem;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-label-text-font: TT Norms, Roboto;
  --mat-slide-toggle-label-text-line-height: 1.6rem;
  --mat-slide-toggle-label-text-size: 1.6rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: TT Norms, Roboto;
  --mat-slide-toggle-label-text-line-height: 1.6rem;
  --mat-slide-toggle-label-text-size: 1.6rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: TT Norms, Roboto;
  --mat-radio-label-text-line-height: 1.6rem;
  --mat-radio-label-text-size: 1.6rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-label-label-text-font: TT Norms, Roboto;
  --mat-slider-label-label-text-size: 2.1328rem;
  --mat-slider-label-label-text-line-height: 3.7904rem;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 400;
}
html {
  --mat-menu-item-label-text-font: TT Norms, Roboto;
  --mat-menu-item-label-text-size: 1.6rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 2.1328rem;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-list-item-label-text-font: TT Norms, Roboto;
  --mat-list-list-item-label-text-line-height: 2.1328rem;
  --mat-list-list-item-label-text-size: 1.6rem;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: TT Norms, Roboto;
  --mat-list-list-item-supporting-text-line-height: 1.6rem;
  --mat-list-list-item-supporting-text-size: 1.6rem;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: TT Norms, Roboto;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.6rem;
  --mat-list-list-item-trailing-supporting-text-size: 1.6rem;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 1.2rem / 2.1328rem TT Norms, Roboto;
  letter-spacing: normal;
}
html {
  --mat-paginator-container-text-font: TT Norms, Roboto;
  --mat-paginator-container-text-line-height: 1.6rem;
  --mat-paginator-container-text-size: 1.6rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 1.6rem;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: TT Norms, Roboto;
  --mat-tab-label-text-size: 1.6rem;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 1.6rem;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: TT Norms, Roboto;
  --mat-checkbox-label-text-line-height: 1.6rem;
  --mat-checkbox-label-text-size: 1.6rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-label-text-font: TT Norms, Roboto;
  --mat-button-filled-label-text-size: 1.6rem;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: TT Norms, Roboto;
  --mat-button-outlined-label-text-size: 1.6rem;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: TT Norms, Roboto;
  --mat-button-protected-label-text-size: 1.6rem;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: TT Norms, Roboto;
  --mat-button-text-label-text-size: 1.6rem;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: TT Norms, Roboto;
  --mat-button-tonal-label-text-size: 1.6rem;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-fab-extended-label-text-font: TT Norms, Roboto;
  --mat-fab-extended-label-text-size: 1.6rem;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-supporting-text-font: TT Norms, Roboto;
  --mat-snack-bar-supporting-text-line-height: 1.6rem;
  --mat-snack-bar-supporting-text-size: 1.6rem;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: TT Norms, Roboto;
  --mat-table-header-headline-line-height: 3.7904rem;
  --mat-table-header-headline-size: 2.1328rem;
  --mat-table-header-headline-weight: 400;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: TT Norms, Roboto;
  --mat-table-row-item-label-text-line-height: 1.6rem;
  --mat-table-row-item-label-text-size: 1.6rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: TT Norms, Roboto;
  --mat-table-footer-supporting-text-line-height: 1.6rem;
  --mat-table-footer-supporting-text-size: 1.6rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
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));
}
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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #4d5cf2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ef465d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #ff5722;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ef465d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ef465d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #4d5cf2;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #4d5cf2;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ef465d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ef465d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff5722;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff5722;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #4d5cf2;
  --mat-progress-bar-track-color: rgba(77, 92, 242, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ef465d;
  --mat-progress-bar-track-color: rgba(239, 70, 93, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #ff5722;
  --mat-progress-bar-track-color: rgba(255, 87, 34, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #4d5cf2 87%, transparent);
  --mat-form-field-filled-caret-color: #4d5cf2;
  --mat-form-field-filled-focus-active-indicator-color: #4d5cf2;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #4d5cf2 87%, transparent);
  --mat-form-field-outlined-caret-color: #4d5cf2;
  --mat-form-field-outlined-focus-outline-color: #4d5cf2;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #4d5cf2 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ff5722;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #ff5722;
  --mat-form-field-filled-error-focus-label-text-color: #ff5722;
  --mat-form-field-filled-error-label-text-color: #ff5722;
  --mat-form-field-filled-error-caret-color: #ff5722;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #ff5722;
  --mat-form-field-filled-error-focus-active-indicator-color: #ff5722;
  --mat-form-field-filled-error-hover-active-indicator-color: #ff5722;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #ff5722;
  --mat-form-field-outlined-error-focus-label-text-color: #ff5722;
  --mat-form-field-outlined-error-label-text-color: #ff5722;
  --mat-form-field-outlined-error-hover-label-text-color: #ff5722;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #ff5722;
  --mat-form-field-outlined-error-hover-outline-color: #ff5722;
  --mat-form-field-outlined-error-outline-color: #ff5722;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ef465d 87%, transparent);
  --mat-form-field-filled-caret-color: #ef465d;
  --mat-form-field-filled-focus-active-indicator-color: #ef465d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ef465d 87%, transparent);
  --mat-form-field-outlined-caret-color: #ef465d;
  --mat-form-field-outlined-focus-outline-color: #ef465d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ef465d 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff5722 87%, transparent);
  --mat-form-field-filled-caret-color: #ff5722;
  --mat-form-field-filled-focus-active-indicator-color: #ff5722;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff5722 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff5722;
  --mat-form-field-outlined-focus-outline-color: #ff5722;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff5722 87%, transparent);
}
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 {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #4d5cf2;
  --mat-select-invalid-arrow-color: #ff5722;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ef465d;
  --mat-select-invalid-arrow-color: #ff5722;
}
.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff5722;
  --mat-select-invalid-arrow-color: #ff5722;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
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 {
  --mat-dialog-container-shape: 4px;
  --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 {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #4d5cf2;
  --mat-chip-elevated-disabled-container-color: #4d5cf2;
  --mat-chip-elevated-selected-container-color: #4d5cf2;
  --mat-chip-flat-disabled-selected-container-color: #4d5cf2;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #ef465d;
  --mat-chip-elevated-disabled-container-color: #ef465d;
  --mat-chip-elevated-selected-container-color: #ef465d;
  --mat-chip-flat-disabled-selected-container-color: #ef465d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff5722;
  --mat-chip-elevated-disabled-container-color: #ff5722;
  --mat-chip-elevated-selected-container-color: #ff5722;
  --mat-chip-flat-disabled-selected-container-color: #ff5722;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #4d5cf2;
  --mat-slide-toggle-selected-handle-color: #4d5cf2;
  --mat-slide-toggle-selected-hover-state-layer-color: #4d5cf2;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4d5cf2;
  --mat-slide-toggle-selected-focus-handle-color: #4d5cf2;
  --mat-slide-toggle-selected-hover-handle-color: #4d5cf2;
  --mat-slide-toggle-selected-pressed-handle-color: #4d5cf2;
  --mat-slide-toggle-selected-focus-track-color: #828df6;
  --mat-slide-toggle-selected-hover-track-color: #828df6;
  --mat-slide-toggle-selected-pressed-track-color: #828df6;
  --mat-slide-toggle-selected-track-color: #828df6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ef465d;
  --mat-slide-toggle-selected-handle-color: #ef465d;
  --mat-slide-toggle-selected-hover-state-layer-color: #ef465d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ef465d;
  --mat-slide-toggle-selected-focus-handle-color: #ef465d;
  --mat-slide-toggle-selected-hover-handle-color: #ef465d;
  --mat-slide-toggle-selected-pressed-handle-color: #ef465d;
  --mat-slide-toggle-selected-focus-track-color: #f47e8e;
  --mat-slide-toggle-selected-hover-track-color: #f47e8e;
  --mat-slide-toggle-selected-pressed-track-color: #f47e8e;
  --mat-slide-toggle-selected-track-color: #f47e8e;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff5722;
  --mat-slide-toggle-selected-handle-color: #ff5722;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff5722;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff5722;
  --mat-slide-toggle-selected-focus-handle-color: #ff5722;
  --mat-slide-toggle-selected-hover-handle-color: #ff5722;
  --mat-slide-toggle-selected-pressed-handle-color: #ff5722;
  --mat-slide-toggle-selected-focus-track-color: #ff8a65;
  --mat-slide-toggle-selected-hover-track-color: #ff8a65;
  --mat-slide-toggle-selected-pressed-track-color: #ff8a65;
  --mat-slide-toggle-selected-track-color: #ff8a65;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #4d5cf2;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4d5cf2;
  --mat-radio-selected-hover-icon-color: #4d5cf2;
  --mat-radio-selected-icon-color: #4d5cf2;
  --mat-radio-selected-pressed-icon-color: #4d5cf2;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ef465d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ef465d;
  --mat-radio-selected-hover-icon-color: #ef465d;
  --mat-radio-selected-icon-color: #ef465d;
  --mat-radio-selected-pressed-icon-color: #ef465d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #ff5722;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff5722;
  --mat-radio-selected-hover-icon-color: #ff5722;
  --mat-radio-selected-icon-color: #ff5722;
  --mat-radio-selected-pressed-icon-color: #ff5722;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #4d5cf2;
  --mat-slider-focus-handle-color: #4d5cf2;
  --mat-slider-handle-color: #4d5cf2;
  --mat-slider-hover-handle-color: #4d5cf2;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #4d5cf2 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #4d5cf2 4%, transparent);
  --mat-slider-inactive-track-color: #4d5cf2;
  --mat-slider-ripple-color: #4d5cf2;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #4d5cf2;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ef465d;
  --mat-slider-focus-handle-color: #ef465d;
  --mat-slider-handle-color: #ef465d;
  --mat-slider-hover-handle-color: #ef465d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ef465d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ef465d 4%, transparent);
  --mat-slider-inactive-track-color: #ef465d;
  --mat-slider-ripple-color: #ef465d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #ef465d;
}
.mat-warn {
  --mat-slider-active-track-color: #ff5722;
  --mat-slider-focus-handle-color: #ff5722;
  --mat-slider-handle-color: #ff5722;
  --mat-slider-hover-handle-color: #ff5722;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff5722 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff5722 4%, transparent);
  --mat-slider-inactive-track-color: #ff5722;
  --mat-slider-ripple-color: #ff5722;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff5722;
}
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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #4d5cf2;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4d5cf2;
  --mat-radio-selected-hover-icon-color: #4d5cf2;
  --mat-radio-selected-icon-color: #4d5cf2;
  --mat-radio-selected-pressed-icon-color: #4d5cf2;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ef465d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ef465d;
  --mat-radio-selected-hover-icon-color: #ef465d;
  --mat-radio-selected-icon-color: #ef465d;
  --mat-radio-selected-pressed-icon-color: #ef465d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff5722;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff5722;
  --mat-radio-selected-hover-icon-color: #ff5722;
  --mat-radio-selected-icon-color: #ff5722;
  --mat-radio-selected-pressed-icon-color: #ff5722;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4d5cf2;
  --mat-checkbox-selected-hover-icon-color: #4d5cf2;
  --mat-checkbox-selected-icon-color: #4d5cf2;
  --mat-checkbox-selected-pressed-icon-color: #4d5cf2;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4d5cf2;
  --mat-checkbox-selected-hover-state-layer-color: #4d5cf2;
  --mat-checkbox-selected-pressed-state-layer-color: #4d5cf2;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ef465d;
  --mat-checkbox-selected-hover-icon-color: #ef465d;
  --mat-checkbox-selected-icon-color: #ef465d;
  --mat-checkbox-selected-pressed-icon-color: #ef465d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ef465d;
  --mat-checkbox-selected-hover-state-layer-color: #ef465d;
  --mat-checkbox-selected-pressed-state-layer-color: #ef465d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff5722;
  --mat-checkbox-selected-hover-icon-color: #ff5722;
  --mat-checkbox-selected-icon-color: #ff5722;
  --mat-checkbox-selected-pressed-icon-color: #ff5722;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff5722;
  --mat-checkbox-selected-hover-state-layer-color: #ff5722;
  --mat-checkbox-selected-pressed-state-layer-color: #ff5722;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.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: #4d5cf2;
}
.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 {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.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 {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
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-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #4d5cf2;
  --mat-tab-active-ripple-color: #4d5cf2;
  --mat-tab-inactive-ripple-color: #4d5cf2;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #4d5cf2;
  --mat-tab-active-hover-label-text-color: #4d5cf2;
  --mat-tab-active-focus-indicator-color: #4d5cf2;
  --mat-tab-active-hover-indicator-color: #4d5cf2;
  --mat-tab-active-indicator-color: #4d5cf2;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ef465d;
  --mat-tab-active-ripple-color: #ef465d;
  --mat-tab-inactive-ripple-color: #ef465d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ef465d;
  --mat-tab-active-hover-label-text-color: #ef465d;
  --mat-tab-active-focus-indicator-color: #ef465d;
  --mat-tab-active-hover-indicator-color: #ef465d;
  --mat-tab-active-indicator-color: #ef465d;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff5722;
  --mat-tab-active-ripple-color: #ff5722;
  --mat-tab-inactive-ripple-color: #ff5722;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff5722;
  --mat-tab-active-hover-label-text-color: #ff5722;
  --mat-tab-active-focus-indicator-color: #ff5722;
  --mat-tab-active-hover-indicator-color: #ff5722;
  --mat-tab-active-indicator-color: #ff5722;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #4d5cf2;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ef465d;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #ff5722;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ef465d;
  --mat-checkbox-selected-hover-icon-color: #ef465d;
  --mat-checkbox-selected-icon-color: #ef465d;
  --mat-checkbox-selected-pressed-icon-color: #ef465d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ef465d;
  --mat-checkbox-selected-hover-state-layer-color: #ef465d;
  --mat-checkbox-selected-pressed-state-layer-color: #ef465d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4d5cf2;
  --mat-checkbox-selected-hover-icon-color: #4d5cf2;
  --mat-checkbox-selected-icon-color: #4d5cf2;
  --mat-checkbox-selected-pressed-icon-color: #4d5cf2;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4d5cf2;
  --mat-checkbox-selected-hover-state-layer-color: #4d5cf2;
  --mat-checkbox-selected-pressed-state-layer-color: #4d5cf2;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff5722;
  --mat-checkbox-selected-hover-icon-color: #ff5722;
  --mat-checkbox-selected-icon-color: #ff5722;
  --mat-checkbox-selected-pressed-icon-color: #ff5722;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff5722;
  --mat-checkbox-selected-hover-state-layer-color: #ff5722;
  --mat-checkbox-selected-pressed-state-layer-color: #ff5722;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #4d5cf2;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #4d5cf2;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #4d5cf2 12%, transparent);
  --mat-button-outlined-state-layer-color: #4d5cf2;
  --mat-button-protected-container-color: #4d5cf2;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #4d5cf2;
  --mat-button-text-ripple-color: color-mix(in srgb, #4d5cf2 12%, transparent);
  --mat-button-text-state-layer-color: #4d5cf2;
  --mat-button-tonal-container-color: #4d5cf2;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ef465d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #ef465d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ef465d 12%, transparent);
  --mat-button-outlined-state-layer-color: #ef465d;
  --mat-button-protected-container-color: #ef465d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #ef465d;
  --mat-button-text-ripple-color: color-mix(in srgb, #ef465d 12%, transparent);
  --mat-button-text-state-layer-color: #ef465d;
  --mat-button-tonal-container-color: #ef465d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #ff5722;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff5722;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff5722 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff5722;
  --mat-button-protected-container-color: #ff5722;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff5722;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff5722 12%, transparent);
  --mat-button-text-state-layer-color: #ff5722;
  --mat-button-tonal-container-color: #ff5722;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #4d5cf2;
  --mat-icon-button-state-layer-color: #4d5cf2;
  --mat-icon-button-ripple-color: color-mix(in srgb, #4d5cf2 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ef465d;
  --mat-icon-button-state-layer-color: #ef465d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ef465d 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #ff5722;
  --mat-icon-button-state-layer-color: #ff5722;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff5722 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-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 {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #4d5cf2;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #4d5cf2 12%, transparent);
  --mat-fab-small-container-color: #4d5cf2;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ef465d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #ef465d 12%, transparent);
  --mat-fab-small-container-color: #ef465d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #ff5722;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff5722 12%, transparent);
  --mat-fab-small-container-color: #ff5722;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #828df6;
}
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-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #4d5cf2;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ef465d;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #ff5722;
}
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: #4d5cf2;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ef465d;
  --mat-badge-text-color: #ffffff;
}
.mat-badge-warn {
  --mat-badge-background-color: #ff5722;
  --mat-badge-text-color: white;
}
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-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
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-in-range-state-background-color: color-mix(in srgb, #4d5cf2 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ef465d 20%, transparent);
  --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-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #4d5cf2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #4d5cf2 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #4d5cf2 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #4d5cf2 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #4d5cf2;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ef465d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ef465d 20%, transparent);
  --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-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef465d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ef465d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ef465d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ef465d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ef465d;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff5722 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ef465d 20%, transparent);
  --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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff5722;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff5722 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff5722 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff5722 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff5722;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.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;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #4d5cf2;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ef465d;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ff5722;
}
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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #4d5cf2;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #4d5cf2;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #4d5cf2;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #ff5722;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ff5722;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #ef465d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #ef465d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #ef465d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff5722;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff5722;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff5722;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4d5cf2;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ef465d;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff5722;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
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-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;
}
.cdk-overlay-dark-backdrop {
  background: rgba(5, 20, 64, 0.65);
}
.cdk-overlay-container {
  z-index: 1001;
}
.cdk-overlay-pane.full-screen {
  max-width: 100% !important;
}
.cdk-overlay-pane.half-screen {
  max-height: 50%;
}
.cdk-overlay-pane.fixed-dialog {
  transform: translate3d(0, 0, 0) !important;
}
.cdk-overlay-pane.org-switcher-modal .mat-mdc-dialog-container {
  border-radius: 8px !important;
}
@media only screen and (min-width: 800px) {
  .cdk-overlay-pane.org-switcher-modal {
    position: absolute !important;
    top: 55px;
    left: 24px;
  }
}
html {
  --mat-progress-spinner-active-indicator-color: #014fd3;
}
html {
  --mat-button-text-container-shape: 8px;
  --mat-button-filled-container-shape: 8px;
  --mat-button-outlined-container-shape: 8px;
  --mat-flat-button-container-shape: 8px;
  --mat-button-text-container-height: 48px;
  --mat-button-filled-container-height: 48px;
  --mat-button-outlined-container-height: 48px;
  --mat-flat-button-container-height: 48px;
  --mat-button-toggle-selected-state-text-color: #fff;
  --mat-button-toggle-selected-state-background-color: #4d5cf2;
}
.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 48px;
}
button.mat-mdc-button-base ~ button.mat-mdc-button-base,
button.mat-mdc-button-base ~ a.mat-mdc-button-base,
a.mat-mdc-button-base ~ button.mat-mdc-button-base,
a.mat-mdc-button-base ~ a.mat-mdc-button-base {
  margin-left: 8px;
}
button.mat-mdc-outlined-button,
button.mdc-button--unelevated {
  padding-left: 24px;
  padding-right: 24px;
}
.mat-mdc-icon-button [class^=icon-],
.mat-mdc-icon-button [class*=" icon-"] {
  display: block;
}
.admission-datepicker-panel .mat-calendar-body-label {
  visibility: hidden;
}
html {
  --mat-form-field-container-height: 48px;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-outlined-outline-color: #d7d7d7;
  --mat-form-field-outlined-hover-outline-color: #d7d7d7;
  --mat-form-field-outlined-focus-outline-width: 1px;
  --mat-form-field-outlined-container-shape: 8px;
}
mat-form-field.mat-mdc-form-field {
  --mat-mdc-form-field-floating-label-scale: 0.85;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 23px;
}
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-29px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.mat-mdc-checkbox--hammond {
  --mat-checkbox-state-layer-size: 50px;
}
.mat-mdc-checkbox--hammond.mat-primary {
  --mat-checkbox-unselected-focus-icon-color: #c4c4c4;
  --mat-checkbox-unselected-hover-icon-color: #c4c4c4;
  --mat-checkbox-unselected-icon-color: #d7d7d7;
  --mat-checkbox-unselected-pressed-icon-color: #d7d7d7;
}
.mat-mdc-checkbox--hammond .mdc-checkbox {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  padding: 9px;
  margin: -9px;
}
.mat-mdc-checkbox--hammond .mdc-checkbox .mdc-checkbox__background {
  top: 9px;
  left: 9px;
}
.mat-mdc-checkbox--hammond .mdc-checkbox__background {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.mat-mdc-checkbox--hammond .mat-mdc-checkbox-touch-target {
  width: 48px;
  height: 48px;
}
.mat-mdc-checkbox--hammond .mdc-checkbox__checkmark,
.mat-mdc-checkbox--hammond .mdc-checkbox__mixedmark {
  width: 18px;
}
.mat-mdc-checkbox--hammond .mdc-checkbox__checkmark {
  top: 5px;
  left: 5px;
}
.mat-mdc-checkbox--hammond .mdc-form-field > label {
  padding-left: 10px;
}
.mat-mdc-radio-button--hammond {
  --mat-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button--hammond .mdc-radio {
  height: 32px;
  width: 32px;
}
.mat-mdc-radio-button--hammond div.mdc-radio {
  padding: 4px;
}
.mat-mdc-radio-button--hammond .mdc-radio__background {
  height: 32px;
  width: 32px;
}
.mat-mdc-radio-button--hammond .mat-mdc-radio-touch-target {
  width: 40px;
  height: 40px;
}
.mat-mdc-radio-button--hammond div.mdc-radio .mdc-radio__background::before {
  top: -4px;
  left: -4px;
}
.mat-mdc-radio-button--hammond .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 3px;
}
.mat-mdc-radio-button--hammond .mdc-radio__inner-circle {
  border-width: 16px;
}
.mat-mdc-radio-button--hammond.mat-primary {
  --mat-radio-unselected-hover-icon-color: #d7d7d7;
  --mat-radio-unselected-icon-color: #d7d7d7;
  --mat-radio-unselected-pressed-icon-color: #d7d7d7;
}
html {
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-width: 56px;
  --mat-slide-toggle-track-shape: 16px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-height: 16px;
  --mat-slide-toggle-handle-width: 16px;
  --mat-slide-toggle-selected-focus-state-layer-color: #ffffff;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffffff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffffff;
  --mat-slide-toggle-selected-focus-handle-color: #d7d7d7;
  --mat-slide-toggle-selected-hover-handle-color: #d7d7d7;
  --mat-slide-toggle-selected-pressed-handle-color: #d7d7d7;
  --mat-slide-toggle-selected-focus-track-color: #4d5cf2;
  --mat-slide-toggle-selected-hover-track-color: #4d5cf2;
  --mat-slide-toggle-selected-pressed-track-color: #4d5cf2;
  --mat-slide-toggle-selected-track-color: #4d5cf2;
  --mat-slide-toggle-unselected-focus-handle-color: #f8f8f8;
  --mat-slide-toggle-unselected-focus-track-color: #d7d7d7;
  --mat-slide-toggle-unselected-handle-color: #ffffff;
  --mat-slide-toggle-unselected-hover-handle-color: #f8f8f8;
  --mat-slide-toggle-unselected-hover-track-color: #d7d7d7;
  --mat-slide-toggle-unselected-pressed-handle-color: #f8f8f8;
  --mat-slide-toggle-unselected-pressed-track-color: #d7d7d7;
  --mat-slide-toggle-unselected-track-color: #d7d7d7;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-selected-handle-size: 16px;
  --mat-slide-toggle-pressed-handle-size: 16px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 0 0 8px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 0 0 -8px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 0 0 8px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 0 0 -8px;
}
mat-slide-toggle .mdc-form-field > label {
  padding-left: 8px;
}
mat-slide-toggle .mdc-form-field > label:empty {
  padding-left: 0;
}
.current-input {
  font-size: 1.6rem;
  font-family:
    "TT Norms",
    Roboto,
    sans-serif;
  padding: 13px 24px;
  display: block;
  width: 100%;
  font-weight: 400;
  color: #051440;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  box-sizing: border-box;
  transition: border 150ms linear;
  height: 48px;
}
.current-input:focus,
.current-input:active {
  border: 1px solid #4d5cf2;
  background-color: white;
  outline: none;
  transition: border 75ms linear;
}
.current-input::placeholder {
  color: rgba(5, 20, 64, 0.4) !important;
  transition: color 0.4s 0.133s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  font-weight: 400;
}
.current-input:disabled,
.current-input.disabled {
  background-color: #f2f2f2 !important;
  border: none !important;
  color: rgba(5, 20, 64, 0.3) !important;
}
textarea.current-input {
  height: 120px !important;
}
.mega-patient-advanced-filters-overlay .mat-mdc-select-panel {
  max-height: 275px !important;
}
.input-icon-wrapper-end {
  position: relative;
}
.input-icon-wrapper-end [class^=icon-],
.input-icon-wrapper-end [class*=" icon-"],
.input-icon-wrapper-end .mat-icon {
  position: absolute;
  color: #051440;
  top: 1.2rem;
  right: 1.2rem;
}
.input-icon-wrapper-end [class^=icon-],
.input-icon-wrapper-end [class*=" icon-"] {
  font-size: 2.4rem;
}
.input-icon-wrapper-end input.current-input {
  padding-right: 2.5em !important;
  padding-left: 1.5em !important;
}
.mat-calendar-table-header-divider::after {
  display: none;
}
.mega-auto-complete-overlay .mat-mdc-autocomplete-panel {
  width: inherit !important;
  visibility: visible;
  overflow-y: hidden !important;
  max-height: 304px !important;
  padding-top: 0;
  padding-bottom: 0;
}
.mega-auto-complete-overlay .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden {
  visibility: visible !important;
}
.input-auto-complete {
  padding: 8px;
  box-sizing: border-box;
  position: fixed;
  width: inherit;
  top: inherit;
  background-color: white;
}
.input-auto-complete [class^=icon-],
.input-auto-complete [class*=" icon-"],
.input-auto-complete .mat-icon {
  top: 1.6rem;
  right: 1.6rem;
}
.mega-options {
  margin-top: 62px;
  overflow-y: auto;
  max-height: calc(100% - 58px);
  width: inherit;
}
.mega-options .search-highlight {
  font-weight: 500;
}
.mega-options .mat-mdc-option {
  font-size: 1.6rem;
}
.mega-options .mat-mdc-option:hover:not(.mat-option-disabled),
.mega-options .mat-option:focus:not(.mat-option-disabled) {
  background-color: #e1f9ff !important;
}
.last-option {
  padding: 16px;
  position: fixed;
  box-sizing: border-box;
  height: auto;
  width: inherit;
  background-color: white;
  border-radius: 0 0 8px 8px;
  box-shadow:
    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);
}
.last-option:before {
  content: "";
  height: 5px;
  width: 100%;
  position: absolute;
  top: -5px;
  background: inherit;
  z-index: 2;
  left: 0;
}
.last-option button {
  margin: 0;
}
.last-option.create-option {
  border-top: 1px solid #f2f2f2;
  color: #4d5cf2;
  font-weight: 500;
  cursor: pointer;
}
.last-option.create-option:before {
  top: -6px;
}
.last-option.create-option:hover {
  background: #f8f8f8;
}
.last-option.create-option:hover:before {
  background: white;
}
html {
  --mat-option-selected-state-label-text-color: #051440;
  --mat-option-selected-state-layer-color: #e1f9ff;
  --mat-option-focus-state-layer-color: #e1f9ff;
}
.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  border-color: currentColor;
  border-style: solid;
  border-width: 0 0 0.1em 0.1em;
  height: 0.55em;
  top: -0.1em;
  width: 0.55em;
}
mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  transform: rotate(-45deg);
}
.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  display: none;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #4d5cf2;
}
.mdc-list-item__primary-text {
  padding-top: 10px;
  padding-bottom: 10px;
  word-break: break-word;
}
.mega-mat-select {
  --mega-mat-select-ripple-color: #000;
}
.mega-mat-select.mat-mdc-select {
  display: inline-flex;
}
.mega-mat-select .mat-mdc-select-trigger {
  padding: var(--mega-mat-select-padding, 0 24px);
}
.mega-mat-select .mat-mdc-select-trigger::before {
  background-color: var(--mega-mat-select-ripple-color);
  border-radius: inherit;
  content: "";
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mega-mat-select:hover .mat-mdc-select-trigger::before {
  opacity: 0.04;
}
.mega-mat-select:focus .mat-mdc-select-trigger::before {
  opacity: 0.12;
}
.mega-mat-stroked-select {
  border-color: var(--mat-button-outlined-outline-color, rgba(0, 0, 0, 0.12));
  border-radius: var(--mat-button-outlined-container-shape, 8px);
  border-style: solid;
  border-width: var(--mat-button-outlined-outline-width, 1px);
  height: var(--mat-button-outlined-container-height, 48px);
  transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mega-mat-stroked-select.mat-mdc-select-disabled {
  background-color: #f2f2f2;
}
.mega-mat-stroked-select.mega-mat-primary {
  --mat-select-enabled-arrow-color: #4d5cf2;
  --mat-select-enabled-trigger-text-color: #4d5cf2;
  --mat-select-placeholder-text-color: #4d5cf2;
  --mat-select-trigger-text-weight: 500;
  --mega-mat-select-ripple-color: #4d5cf2;
}
.mega-mat-flat-select {
  background-color: var(--mat-button-filled-container-color, transparent);
  border-radius: var(--mat-button-filled-container-shape, 8px);
  height: var(--mat-button-filled-container-height, 48px);
}
.mega-mat-flat-select.mega-mat-primary {
  --mat-select-enabled-arrow-color: #fff;
  --mat-select-enabled-trigger-text-color: #fff;
  --mat-select-placeholder-text-color: #fff;
  --mat-select-trigger-text-weight: 500;
  --mat-button-filled-container-color: #4d5cf2;
  --mega-mat-select-ripple-color: #fff;
}
mega-select-multiple .mdc-evolution-chip__text-label {
  padding-top: 7px;
  padding-bottom: 7px;
  white-space: normal;
}
.mega-select-multiple-overlay {
  padding-top: 4px;
  padding-bottom: 4px;
}
.mega-table {
  --mat-table-header-headline-size: 1.6rem;
  --mat-table-header-headline-weight: 400;
}
.mega-table .mat-sort-header-sorted {
  font-weight: bold;
}
.mega-table .selectable {
  cursor: pointer;
}
.mega-table .selectable:hover {
  background-color: #f2f2f2;
}
a {
  color: #051440;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #4d5cf2;
  text-decoration: underline;
}
a.mat-mdc-menu-item:hover {
  text-decoration: none;
}
a.mat-mdc-unelevated-button:hover,
a.mat-mdc-outlined-button:hover {
  text-decoration: none;
}
.mat-mdc-tooltip {
  --mat-tooltip-container-color: #2a375d;
}
html {
  --mat-dialog-container-shape: 16px;
  --mat-dialog-supporting-text-color: #051440;
  --mat-dialog-headline-padding: 0 1.5rem;
  --mat-dialog-content-padding: 0 1.5rem;
  --mat-dialog-with-actions-content-padding: 0 1.5rem;
  --mat-dialog-actions-padding: 2.4rem 8px 8px;
  --mat-dialog-actions-alignment: flex-end;
}
mat-dialog-container.mat-mdc-dialog-container {
  position: relative;
  height: auto;
}
mat-dialog-container.mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 1.5rem;
}
.non-overflow-dialog-container .mat-mdc-dialog-container,
.non-overflow-dialog-container .mat-mdc-dialog-surface {
  overflow: initial !important;
}
.responsive-modal {
  width: 640px;
}
@media screen and (max-width: 680px) {
  .responsive-modal {
    width: 100vw;
    max-width: 100vw !important;
    height: 100vh;
  }
  .responsive-modal mat-dialog-container.mat-mdc-dialog-container {
    --mat-dialog-container-shape: 0;
  }
}
.mega-tabs {
  --mat-tab-active-label-text-color: #051440;
  --mat-tab-active-focus-label-text-color: #051440;
  --mat-tab-active-hover-label-text-color: #051440;
  --mat-tab-inactive-label-text-color: #2a375d;
  --mat-tab-inactive-focus-label-text-color: #2a375d;
  --mat-tab-inactive-hover-label-text-color: #2a375d;
}
.mega-tabs .mdc-tab {
  min-width: 160px;
}
.mega-tabs .mat-mdc-tab-header {
  --mat-tab-active-indicator-height: 4px;
  --mat-tab-active-indicator-shape: 2px;
}
.mega-tabs .mat-mdc-tab-header-pagination-before {
  box-shadow: -7px 0px 5px -5px #d7d7d7;
  border-left: 1px solid #d7d7d7;
  order: 2;
}
.mega-tabs .mat-mdc-tab-header-pagination-after {
  order: 3;
}
.edit-patient-information-page_tabs .mat-mdc-tab-links {
  max-width: 515px;
}
.display-mode__group .cdk-virtual-scroll-content-wrapper {
  display: grid;
  gap: 16px;
  padding: 16px 24px;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 1730px) {
  .display-mode__group .cdk-virtual-scroll-content-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1250px) and (max-width: 1730px) {
  .display-mode__group .cdk-virtual-scroll-content-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1250px) {
  .display-mode__group .cdk-virtual-scroll-content-wrapper {
    grid-template-columns: 1fr;
  }
}
.mega-alert__container {
  --mat-snack-bar-container-shape: 8px;
  --mat-snack-bar-supporting-text-line-height: 2rem;
}
.mega-alert__container.mat-mdc-snack-bar-container {
  margin: 24px;
}
.mega-alert__container--error {
  --mat-snack-bar-supporting-text-color: #fff;
  --mat-snack-bar-container-color: #ef465d;
  --mat-snack-bar-button-color: #fff;
  --mat-icon-button-icon-color: #fff;
}
.mega-alert__container--success {
  --mat-snack-bar-supporting-text-color: #051440;
  --mat-snack-bar-container-color: #fff;
  --mat-snack-bar-button-color: #4d5cf2;
  --mat-icon-button-icon-color: #4d5cf2;
}
.mega-alert__container--info {
  --mat-snack-bar-supporting-text-color: #fff;
  --mat-snack-bar-container-color: #2a375d;
  --mat-snack-bar-button-color: #fff;
  --mat-icon-button-icon-color: #fff;
}
.mega-alert__container .mdc-snackbar__surface {
  padding: 8px;
}
.mega-alert__container div.mdc-snackbar__surface {
  min-width: 0;
}
.mega-alert__container .mat-mdc-button {
  padding-left: 24px;
  padding-right: 24px;
}
@media print {
  html.cdk-global-scrollblock {
    position: static;
  }
  html body {
    background: white;
    height: unset;
  }
  body > :not(.print-container) {
    display: none;
  }
}
.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__location-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI1NS44NTYgMjU1Ljg1NiI+PHBhdGggZD0iTTEyNy45MjggMzguOGMtMzAuNzUgMC01NS43NjggMjUuMDE3LTU1Ljc2OCA1NS43NjdzMjUuMDE4IDU1Ljc2NyA1NS43NjggNTUuNzY3IDU1Ljc2OC0yNS4wMTcgNTUuNzY4LTU1Ljc2N1MxNTguNjc4IDM4LjggMTI3LjkyOCAzOC44em0wIDk2LjUzM2MtMjIuNDc5IDAtNDAuNzY4LTE4LjI4OC00MC43NjgtNDAuNzY3UzEwNS40NDkgNTMuOCAxMjcuOTI4IDUzLjhzNDAuNzY4IDE4LjI4OCA0MC43NjggNDAuNzY3LTE4LjI4OCA0MC43NjYtNDAuNzY4IDQwLjc2NnoiLz48cGF0aCBkPSJNMTI3LjkyOCAwQzc1Ljc4NCAwIDMzLjM2MiA0Mi40MjIgMzMuMzYyIDk0LjU2NmMwIDMwLjA3MiAyNS4yMiA3NC44NzUgNDAuMjUzIDk4LjkwNCA5Ljg5MSAxNS44MDkgMjAuNTIgMzAuODU1IDI5LjkyOCA0Mi4zNjUgMTUuMTAxIDE4LjQ3NCAyMC41MDYgMjAuMDIgMjQuMzg2IDIwLjAyIDMuOTM4IDAgOS4wNDEtMS41NDcgMjQuMDk1LTIwLjAzMSA5LjQyOS0xMS41NzkgMjAuMDYzLTI2LjYxNiAyOS45NDQtNDIuMzQyIDE1LjEzNi0yNC4wODggNDAuNTI3LTY4Ljk3MSA0MC41MjctOTguOTE3QzIyMi40OTUgNDIuNDIyIDE4MC4wNzMgMCAxMjcuOTI4IDB6bTQzLjY0MSAxODEuODAzYy0xOS4zOTYgMzEuNDgzLTM3LjIwMyA1Mi43NTctNDMuNzMgNTguMTg4LTYuNTYxLTUuMjY0LTI0LjA3OS0yNi4wMzItNDMuNzQ2LTU4LjA4OS0yMi43MDctMzcuMDE1LTM1LjczLTY4Ljg0OC0zNS43My04Ny4zMzZDNDguMzYyIDUwLjY5MyA4NC4wNTUgMTUgMTI3LjkyOCAxNXM3OS41NjYgMzUuNjkzIDc5LjU2NiA3OS41NjZjLjAwMSAxOC4zODItMTMuMDk0IDUwLjE3OC0zNS45MjUgODcuMjM3eiIvPjwvc3ZnPg==);
  --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(/assets/stream-chat/icons/stream-chat-icons.eot);
  src:
    url(/assets/stream-chat/icons/stream-chat-icons.eot#iefix) format("embedded-opentype"),
    url(/assets/stream-chat/icons/stream-chat-icons.woff) format("woff2"),
    url(/assets/stream-chat/icons/stream-chat-icons.woff) format("woff"),
    url(/assets/stream-chat/icons/stream-chat-icons.ttf) format("truetype"),
    url(/assets/stream-chat/icons/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(/assets/stream-chat/icons/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-geolocation {
  margin: var(--str-chat__attachment-margin);
  min-width: 200px;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--str-chat__spacing-2);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-geolocation__icon {
  height: calc(var(--str-chat__spacing-px) * 150);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-attachment-geolocation__placeholder-link {
  position: absolute;
  inset-inline-end: 0.75rem;
  inset-block: 0.75rem;
  height: calc(var(--str-chat__spacing-px) * 20);
  width: calc(var(--str-chat__spacing-px) * 20);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status {
  display: flex;
  justify-content: center;
  padding: 0.5rem 2rem;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__stop-sharing-button {
  color: var(--str-chat__danger-color);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-status {
  color: var(--str-chat__info-color);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-until {
  text-transform: lowercase;
}
.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__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__location-preview,
.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__location-preview .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-metadata,
.str-chat__attachment-preview-list .str-chat__attachment-preview-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__location-preview .str-chat__attachment-preview-metadata .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-metadata .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-metadata .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-end .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-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-subtitle,
.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-subtitle,
.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-subtitle,
.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-subtitle,
.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-subtitle,
.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-subtitle,
.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__location-preview .str-chat__location-preview-image,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-icon,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__location-preview-image,
.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__location-preview-image,
.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__location-preview-image,
.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__location-preview .str-chat__location-preview-image svg,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-icon svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__location-preview-image svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-icon svg,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__location-preview-image 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__location-preview-image 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: 1;
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-delete svg {
  width: calc(var(--str-chat__spacing-px) * 24);
  height: calc(var(--str-chat__spacing-px) * 24);
}
.str-chat__attachment-preview-list .str-chat__attachment-preview-error {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 24);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: unset;
  background: unset;
  border: unset;
  border-radius: unset;
  inset-inline-start: 0;
  cursor: pointer;
  z-index: 0;
}
.str-chat__attachment-preview-list-angular-host {
  width: 100%;
  max-width: 100%;
}
.str-chat__message-textarea-angular-host {
  position: relative;
}
.str-chat__message-textarea-angular-host mention-list {
  width: 100%;
}
.str-chat__message-textarea-angular-host .mention-menu {
  padding: var(--str-chat__spacing-2) 0 !important;
  margin: 0 !important;
  max-width: 100%;
}
.str-chat__message-textarea-angular-host .mention-menu .mention-item {
  padding: 0 !important;
}
.str-chat__suggestion-list-container {
  position: absolute;
  bottom: calc(100% + var(--str-chat__spacing-2_5));
  width: 100%;
  padding: var(--str-chat__spacing-2) 0;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list {
  overflow-y: auto;
  max-height: calc(var(--str-chat__spacing-px) * 320);
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: unset;
  margin: unset;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react {
  overflow-y: unset;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react .str-chat__suggestion-list-item > button {
  width: 100%;
}
.str-chat__slash-command {
  padding: var(--str-chat__spacing-2_5);
}
.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args {
  margin-inline-start: var(--str-chat__spacing-2);
}
.str-chat__user-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__user-item .str-chat__user-item--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  width: 100%;
}
.str-chat__emoji-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--str-chat__spacing-2_5);
  column-gap: var(--str-chat__spacing-2);
}
.str-chat__emoji-item .str-chat__emoji-item--name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  width: 100%;
}
.str-chat__message-textarea-angular-host--autocomplete-hidden mention-list {
  display: none;
}
.str-chat__audio_recorder-container {
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-height: 3.25rem;
  padding-inline: 1rem;
}
.str-chat__audio_recorder,
stream-voice-recorder-wavebar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.str-chat__audio_recorder button,
stream-voice-recorder-wavebar button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  padding: 0;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__cancel-button {
  --str-chat-icon-height: 28px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__cancel-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__cancel-button svg {
  height: 28px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__toggle-playback-button {
  --str-chat-icon-height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__toggle-playback-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__toggle-playback-button svg {
  height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__pause-recording-button {
  --str-chat-icon-height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__pause-recording-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__pause-recording-button svg {
  height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__resume-recording-button {
  --str-chat-icon-height: 24px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__resume-recording-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__resume-recording-button svg {
  height: 24px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__stop-button {
  --str-chat-icon-height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__stop-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__stop-button svg {
  height: 12px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button,
stream-voice-recorder-wavebar .str-chat__audio_recorder__complete-button {
  --str-chat-icon-height: 16px;
}
.str-chat__audio_recorder .str-chat__audio_recorder__complete-button svg,
stream-voice-recorder-wavebar .str-chat__audio_recorder__complete-button svg {
  height: 16px;
}
.str-chat__audio_recorder .str-chat__recording-timer,
stream-voice-recorder-wavebar .str-chat__recording-timer {
  display: flex;
  align-items: center;
  width: 3rem;
}
.str-chat__audio_recorder .str-chat__recording-timer--hours,
stream-voice-recorder-wavebar .str-chat__recording-timer--hours {
  width: 3.75rem;
}
.str-chat__audio_recorder .str-chat__wave-progress-bar__track-container,
stream-voice-recorder-wavebar .str-chat__wave-progress-bar__track-container {
  padding-block: 0.5rem;
  overflow-x: auto;
  height: 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);
}
.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 {
  position: relative;
}
.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;
  position: absolute;
  height: var(--str-chat__dialog-overlay-height);
  width: 100%;
  z-index: 2;
}
.str-chat__dialog {
  width: 100%;
}
.str-chat__dialog .str-chat__dialog__body {
  padding: 2rem 1rem;
  overflow-y: auto;
}
.str-chat__dialog .str-chat__dialog__body .str-chat__dialog__title {
  margin-bottom: 1rem;
}
.str-chat__dialog .str-chat__dialog__controls {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  padding: 2.25rem 1.25rem;
}
.str-chat__dialog .str-chat__dialog__controls .str-chat__dialog__controls-button {
  background: none;
  border: none;
}
.str-chat-angular__dialog-body.str-chat__dialog__body {
  padding: 0;
}
.str-chat-angular__dialog-body .str-chat__dialog__controls {
  padding-bottom: 0;
}
.str-chat__prompt-dialog input[type=text] {
  width: 100%;
  padding: 0.625rem 1rem;
}
.str-chat__dialog-menu {
  overflow: hidden;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.75rem;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button .str-chat__dialog-menu__button-icon {
  height: 1rem;
  width: 1rem;
}
.str-chat__dialog-menu .str-chat__dialog-menu__button .str-chat__dialog-menu__button-text {
  padding-inline: 0.675rem;
}
.str-chat__drag-and-drop-container__item {
  display: flex;
  width: 100%;
  padding-block: 0.25rem;
}
.str-chat__dropzone-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 5;
}
.str-chat__dropzone-container p {
  margin: unset;
}
.str-chat__edit-message-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  row-gap: var(--str-chat__spacing-5);
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  max-height: 100%;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.str-chat__edit-message-form .str-chat__edit-message-form-options button {
  cursor: pointer;
  margin: 0;
}
.str-chat-angular__edit-message-form .str-chat__message-input-angular-host {
  max-height: 100%;
  min-height: 0;
  display: flex;
  min-width: 0;
  max-width: 100%;
}
.str-chat-angular__edit-message-form .str-chat__modal--open .str-chat__modal__inner {
  height: 40%;
  max-height: 80%;
  min-width: 90%;
  max-width: 90%;
  width: 90%;
  flex-basis: min-content;
}
@media only screen and (min-device-width: 768px) {
  .str-chat-angular__edit-message-form .str-chat__modal--open .str-chat__modal__inner {
    min-width: 40%;
    max-width: 60%;
    width: min-content;
  }
}
.str-chat__dialog__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.str-chat__dialog__field .str-chat__form-field-error {
  margin-left: 0.5rem;
}
.str-chat__form__switch-field {
  width: 100%;
  padding: 1rem;
}
.str-chat__form__switch-field input[type=checkbox] {
  display: none;
}
.str-chat__form__switch-field label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.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__form__switch-field .str-chat__form__switch-field__switch .str-chat__form__switch-field__switch-handle {
  height: 1.5rem;
  width: 1.5rem;
}
.str-chat__form__switch-field .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on {
  justify-content: flex-end;
}
.str-chat__dropdown .str-chat__dropdown__open-button {
  width: 100%;
  text-align: start;
}
.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--poll {
  --str-chat-icon-width: var(--str-chat-icon-height);
  -webkit-mask: var(--str-chat__poll-icon) no-repeat center/contain;
  mask: var(--str-chat__poll-icon) no-repeat center/contain;
}
.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__link-preview-card--loading .str-chat__link-preview-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title {
  height: calc(var(--str-chat__spacing-px) * 16);
  width: 100%;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {
  height: calc(var(--str-chat__spacing-px) * 12);
  width: 100%;
}
.str-chat {
  --str-chat__loading-indicator-size: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: rotate 1s linear infinite;
}
.str-chat__loading-indicator svg {
  width: var(--str-chat__loading-indicator-size);
  height: var(--str-chat__loading-indicator-size);
}
@-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__modal.str-chat__share-location-modal .str-chat__modal__close-button {
  display: none;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__modal-header {
  padding-top: 0;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation {
  padding: 0.5rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__form__switch-field {
  padding: 0.5rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__dropdown__open-button {
  padding: 0.5rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__dialog-contents .str-chat__dropdown__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-block: 0.25rem;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__body .str-chat__live-location-activation .str-chat__dialog-contents .str-chat__dropdown__items .str-chat__live-location-sharing-duration-option {
  padding: 0.25rem 0.5rem;
  width: 100%;
  text-align: start;
}
.str-chat__modal.str-chat__share-location-modal .str-chat__share-location-dialog .str-chat__dialog__controls {
  padding: 1.25rem 1rem 0;
}
.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-reminder,
.str-chat__quoted-message-preview .str-chat__message-reminder {
  grid-area: message-reminder;
  padding-block: 0.5rem 0.125rem;
  margin: 0;
}
.str-chat__message.str-chat__message--other,
.str-chat__message.str-chat__quoted-message-preview,
.str-chat__quoted-message-preview.str-chat__message--other,
.str-chat__quoted-message-preview.str-chat__quoted-message-preview {
  grid-template-areas: ". message-reminder" "avatar message" ". replies" ". translation-notice" ". custom-metadata" ". metadata";
  column-gap: var(--str-chat__spacing-2);
  grid-template-columns: auto 1fr;
  justify-items: flex-start;
}
.str-chat__message.str-chat__message--me,
.str-chat__quoted-message-preview.str-chat__message--me {
  grid-template-areas: "message-reminder" "message" "replies" "translation-notice" "custom-metadata" "metadata";
  justify-items: end;
}
.str-chat__message.str-chat__message--me > .str-chat__message-sender-avatar,
.str-chat__quoted-message-preview.str-chat__message--me > .str-chat__message-sender-avatar {
  display: none;
}
.str-chat__message.str-chat__message--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: "reminder reminder" "reactions reactions" "options message-bubble";
  grid-template-columns: 1fr auto;
}
.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options,
.str-chat__quoted-message-preview.str-chat__message--me .str-chat__message-inner .str-chat__message-options {
  flex-direction: row;
}
.str-chat__message .str-chat__translation-notice,
.str-chat__quoted-message-preview .str-chat__translation-notice {
  grid-area: translation-notice;
}
.str-chat__message .str-chat__translation-notice button,
.str-chat__quoted-message-preview .str-chat__translation-notice button {
  cursor: pointer;
  padding: var(--str-chat__spacing-1) 0;
  margin: 0;
}
.str-chat__message .str-chat__custom-message-metadata,
.str-chat__quoted-message-preview .str-chat__custom-message-metadata {
  grid-area: custom-metadata;
  margin-block-start: var(--str-chat__spacing-0_5);
}
.str-chat__message .str-chat__message-metadata,
.str-chat__quoted-message-preview .str-chat__message-metadata {
  grid-area: metadata;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--str-chat__spacing-1);
  margin-block-start: var(--str-chat__spacing-0_5);
}
.str-chat__message .str-chat__message-metadata .str-chat__message-simple-name,
.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-name {
  overflow-y: hidden;
}
.str-chat__message .str-chat__message-metadata .str-chat__message-simple-timestamp + .str-chat__mesage-simple-edited::before,
.str-chat__quoted-message-preview .str-chat__message-metadata .str-chat__message-simple-timestamp + .str-chat__mesage-simple-edited::before {
  content: "\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-status-sent,
.str-chat__quoted-message-preview .str-chat__message-status-sent {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 12);
}
.str-chat__message .str-chat__message-status-sent svg,
.str-chat__quoted-message-preview .str-chat__message-status-sent svg {
  width: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
}
.str-chat__message .str-chat__message-status-delivered,
.str-chat__quoted-message-preview .str-chat__message-status-delivered {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15);
}
.str-chat__message .str-chat__message-status-delivered svg,
.str-chat__quoted-message-preview .str-chat__message-status-delivered svg {
  width: var(--str-chat-icon-height);
  height: var(--str-chat-icon-height);
}
.str-chat__message .str-chat__message-replies-count-button-wrapper,
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper,
.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper,
.str-chat__quoted-message-preview .str-chat__message-is-thread-reply-button-wrapper {
  grid-area: replies;
}
.str-chat__message .str-chat__message-replies-count-button-wrapper button,
.str-chat__message .str-chat__message-is-thread-reply-button-wrapper button,
.str-chat__quoted-message-preview .str-chat__message-replies-count-button-wrapper button,
.str-chat__quoted-message-preview .str-chat__message-is-thread-reply-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);
}
.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__quoted-message-bubble,
.str-chat__quoted-message-preview .str-chat__quoted-message-bubble {
  display: flex;
  column-gap: var(--str-chat__spacing-1);
  min-width: 0;
  width: 100%;
}
.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__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message-options,
.str-chat__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,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message-options {
  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__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner,
.str-chat__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,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--other .str-chat__message-inner {
  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__ul:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner,
.str-chat__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,
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) .str-chat__li:has(.str-chat__message-options--active) .str-chat__message--me .str-chat__message-inner {
  margin-inline-start: 0;
}
.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) {
}
@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-inner:focus-within .str-chat__message-options {
  display: flex;
}
.str-chat__message--other .str-chat__message-inner:not(:has(.str-chat__message-options--active)) {
  margin-inline-end: var(--str-chat-message-options-size);
}
.str-chat__message--me .str-chat__message-inner {
  margin-inline-start: var(--str-chat-message-options-size);
}
.str-chat__li--middle .str-chat__message,
.str-chat__li--top .str-chat__message {
  margin-block-end: var(--str-chat__spacing-0_5);
}
.str-chat__li--middle .str-chat__message .str-chat__message-metadata,
.str-chat__li--top .str-chat__message .str-chat__message-metadata {
  display: none;
}
.str-chat__li--middle .str-chat__message > .str-chat__message-sender-avatar,
.str-chat__li--top .str-chat__message > .str-chat__message-sender-avatar {
  visibility: hidden;
}
.str-chat__li--bottom .str-chat__message,
.str-chat__li--single .str-chat__message {
  margin-block-end: var(--str-chat__spacing-2);
}
.str-chat__date-separator {
  display: flex;
  padding: var(--str-chat__spacing-8);
  align-items: center;
}
.str-chat__date-separator-line {
  flex: 1;
  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__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-angular__create-poll {
  --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 21);
  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__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__quoted-message-preview .str-chat__quoted-poll-preview__name {
  white-space: nowrap;
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.str-chat__message-input .str-chat__recording-permission-denied-notification {
  position: absolute;
  left: 0.5rem;
  max-width: 100%;
  bottom: 100%;
  padding: 1rem;
  margin-inline: 0.5rem;
  z-index: 2;
}
.str-chat__message-input .str-chat__recording-permission-denied-notification .str-chat__recording-permission-denied-notification__dismiss-button-container {
  display: flex;
  justify-content: flex-end;
}
.str-chat__message-input-angular-host {
  max-height: 50%;
}
.str-chat-angular__message-input {
  height: 100%;
  max-height: 100%;
}
.str-chat-angular__message-input-inner {
  height: 100%;
  max-height: 100%;
  min-height: 0;
  flex-grow: 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__send-to-channel-checkbox__container {
  width: 100%;
  display: flex;
  padding: 0.5rem 0.75rem;
}
.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field {
  display: flex;
  align-items: center;
}
.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field label {
  padding-inline: 0.5rem;
}
.str-chat__send-to-channel-checkbox__container .str-chat__send-to-channel-checkbox__field input {
  margin: 0;
}
.str-chat__main-panel-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  align-items: center;
}
.str-chat__list {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
}
.str-chat__list .str-chat__message-list-scroll {
  padding: 0 var(--str-chat__spacing-2);
}
.str-chat__list .str-chat__message-list-scroll .str-chat__li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
  padding-inline: var(--str-chat__spacing-2);
}
.str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {
  margin-inline: calc(-1 * var(--str-chat__spacing-2));
}
@media only screen and (min-device-width: 768px) {
  .str-chat__list .str-chat__message-list-scroll {
    padding: 0 min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__list .str-chat__message-list-scroll .str-chat__li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%));
    padding-inline: min(var(--str-chat__spacing-10), 4%);
  }
  .str-chat__list .str-chat__message-list-scroll .str-chat__parent-message-li {
    margin-inline: calc(-1 * min(var(--str-chat__spacing-10), 4%) - 2px);
  }
}
.str-chat__list .str-chat__message-list-scroll .str-chat__ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.str-chat__list .str-chat__parent-message-li {
  padding-block-end: var(--str-chat__spacing-4);
  margin-block-end: var(--str-chat__spacing-4);
}
.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {
  text-align: start;
  padding-top: var(--str-chat__spacing-3);
}
.str-chat__jump-to-latest-message {
  position: absolute;
  inset-block-end: var(--str-chat__spacing-4);
  inset-inline-end: var(--str-chat__spacing-2);
  z-index: 2;
}
.str-chat__jump-to-latest-message .str-chat__jump-to-latest-unread-count {
  position: absolute;
  padding: var(--str-chat__spacing-0_5) var(--str-chat__spacing-2);
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
}
.str-chat__main-panel .str-chat__ul .str-chat__li:first-of-type {
  padding-top: 4.5rem;
}
.str-chat__main-panel .str-chat__ul .str-chat__date-separator + .str-chat__li:first-of-type {
  padding-top: inherit;
}
.str-chat__virtual-list {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  flex: 1;
  -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: none;
  border: none;
  cursor: pointer;
  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-action {
  padding: 0.675rem;
  font: var(--str-chat__subtitle-text);
  color: var(--str-chat__primary-color);
}
.str-chat__poll-results-modal button,
.str-chat__poll-answer-list-modal button,
.str-chat__add-poll-answer-modal button,
.str-chat__suggest-poll-option-modal button,
.str-chat__poll-options-modal button {
  background: none;
  border: none;
  cursor: pointer;
}
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__close-button,
.str-chat__poll-actions:not(.str-chat-angular__poll-actions) .str-chat__modal .str-chat__modal__close-button {
  display: none;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner {
  padding: 0 0 0.5rem;
  overflow: hidden;
  max-width: 400px;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__tooltip,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__tooltip {
  max-width: 300px;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__suggest-poll-option .str-chat__form-field-error,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-answer-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-answer-list .str-chat__loading-indicator-placeholder,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option--full-vote-list .str-chat__loading-indicator-placeholder,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__title,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__title,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-answer-list__body,
.str-chat-react__modal.str-chat__poll-action-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-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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list {
  padding-bottom: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat-react__modal.str-chat__poll-action-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__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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer-list,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__option-list {
  gap: 0.5rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-results__body,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__modal__poll-option-list__body {
  gap: 2rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option__show-all-votes-button,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-option__show-all-votes-button {
  padding-bottom: 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-answer .str-chat__poll-answer__text,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__poll-answer .str-chat__poll-answer__text {
  margin: 0;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__checkmark,
.str-chat__poll-actions .str-chat__modal .str-chat__modal__inner .str-chat__checkmark {
  margin-right: 1rem;
}
.str-chat-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option__header,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-option__header .str-chat__poll-option__option-text,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-vote,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-vote .str-chat__poll-vote__author,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-vote .str-chat__poll-vote__author .str-chat__poll-vote__author__name,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-result-option-vote-counter,
.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-react__modal.str-chat__poll-action-modal .str-chat__modal__inner .str-chat__poll-result-option-vote-counter .str-chat__poll-result-winning-option-icon,
.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-angular__create-poll-modal .str-chat__modal .str-chat__modal__close-button,
.str-chat__modal.str-chat__create-poll-modal .str-chat__modal__close-button {
  display: none;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__modal__inner,
.str-chat__modal.str-chat__create-poll-modal .str-chat__modal__inner {
  padding: 0;
  max-height: unset;
  display: block;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog button,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__modal-header,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__modal-header {
  padding-block: 14px;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__modal-header .str-chat__modal-header__close-button,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__dialog__body,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__dialog__body {
  flex: 1 1;
  padding: 1rem;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__dialog__body form,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset {
  margin: 0;
  padding: 0;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset .str-chat__form__input-field .str-chat__form__input-field__value {
  width: 100%;
}
.str-chat-angular__create-poll-modal .str-chat__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,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field--with-label .str-chat__form__input-field__value,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field__value input,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__input-field__value input {
  width: 100%;
}
.str-chat-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__switch-field,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field .str-chat__form__input-field__value,
.str-chat__modal.str-chat__create-poll-modal .str-chat__poll-creation-dialog .str-chat__form__expandable-field .str-chat__form__input-field .str-chat__form__input-field__value {
  padding: 0;
}
.str-chat-angular__create-poll-modal .str-chat__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,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-fieldset__values,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__field-label,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field--draggable,
.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-angular__create-poll-modal .str-chat__modal .str-chat__poll-creation-dialog .str-chat__form__input-field--draggable .str-chat__drag-handle,
.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;
}
@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-angular__poll-actions .str-chat__modal__poll-option-list {
  max-height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.str-chat-angular__poll-actions .str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body {
  max-height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.str-chat-angular__poll-actions .str-chat__modal__poll-option-list .str-chat__modal__poll-option-list__body stream-poll-options-list {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.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);
}
.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__cta-button {
  font: var(--str-chat__subtitle-text);
}
.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__geolocation-attachment-border-radius: calc( var(--str-chat__message-bubble-border-radius) - var(--str-chat__attachment-margin) );
  --str-chat__geolocation-attachment-color: var(--str-chat__text-color);
  --str-chat__geolocation-attachment-secondary-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__geolocation-attachment-background-color: var(--str-chat__secondary-background-color);
  --str-chat__geolocation-attachment-border-block-start: none;
  --str-chat__geolocation-attachment-border-block-end: none;
  --str-chat__geolocation-attachment-border-inline-start: none;
  --str-chat__geolocation-attachment-border-inline-end: none;
  --str-chat__geolocation-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-geolocation {
  background: var(--str-chat__geolocation-attachment-background-color);
  color: var(--str-chat__geolocation-attachment-color);
  box-shadow: var(--str-chat__geolocation-attachment-box-shadow);
  border-radius: var(--str-chat__geolocation-attachment-border-radius);
  border-block-start: var(--str-chat__geolocation-attachment-border-block-start);
  border-block-end: var(--str-chat__geolocation-attachment-border-block-end);
  border-inline-start: var(--str-chat__geolocation-attachment-border-inline-start);
  border-inline-end: var(--str-chat__geolocation-attachment-border-inline-end);
  overflow: hidden;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__placeholder .str-chat__message-attachment-geolocation__placeholder-link {
  color: currentColor;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status {
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__stop-sharing-button {
  background: none;
  border: none;
  font: var(--str-chat__subtitle-medium-text);
  cursor: pointer;
}
.str-chat__attachment-list .str-chat__message-attachment-geolocation .str-chat__message-attachment-geolocation__status .str-chat__message-attachment-geolocation__status--active .str-chat__message-attachment-geolocation__status--active-until {
  font: var(--str-chat__caption-text);
}
.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__location-preview,
.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__location-preview .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-name,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-title,
.str-chat__attachment-preview-list .str-chat__attachment-preview-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__location-preview .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-subtitle,
.str-chat__attachment-preview-list .str-chat__attachment-preview-file .str-chat__attachment-preview-subtitle {
  font: var(--str-chat__caption-text);
}
.str-chat__attachment-preview-list .str-chat__location-preview .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-download,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-download,
.str-chat__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__location-preview .str-chat__attachment-preview-file-download svg path,
.str-chat__attachment-preview-list .str-chat__attachment-preview-unsupported .str-chat__attachment-preview-file-download svg path,
.str-chat__attachment-preview-list .str-chat__attachment-preview-voice-recording .str-chat__attachment-preview-file-download svg path,
.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__location-preview .str-chat__location-preview-image {
  color: var(--str-chat__active-primary-color);
}
.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);
  text-align: left;
  font: var(--str-chat__subtitle-text);
}
.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-name {
  text-transform: capitalize;
  font: var(--str-chat__subtitle2-text);
}
.str-chat__slash-command .str-chat__slash-command-header .str-chat__slash-command-args {
  color: var(--str-chat__slash-command-args-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__user-item {
  background: var(--str-chat__mention-list-user-item-background-color);
  color: var(--str-chat__mention-list-user-item-color);
  box-shadow: var(--str-chat__mention-list-user-item-box-shadow);
  border-radius: var(--str-chat__mention-list-user-item-border-radius);
  border-block-start: var(--str-chat__mention-list-user-item-border-block-start);
  border-block-end: var(--str-chat__mention-list-user-item-border-block-end);
  border-inline-start: var(--str-chat__mention-list-user-item-border-inline-start);
  border-inline-end: var(--str-chat__mention-list-user-item-border-inline-end);
}
.str-chat__user-item .str-chat__user-item--name {
  font: var(--str-chat__subtitle-text);
}
.str-chat__user-item .str-chat__user-item-at {
  font: var(--str-chat__subtitle2-text);
  color: var(--str-chat__mention-list-user-item-at-sign-color);
}
.str-chat__emoji-item {
  background: var(--str-chat__mention-list-emoji-item-background-color);
  color: var(--str-chat__mention-list-emoji-item-color);
  box-shadow: var(--str-chat__mention-list-emoji-item-box-shadow);
  border-radius: var(--str-chat__mention-list-emoji-item-border-radius);
  border-block-start: var(--str-chat__mention-list-emoji-item-border-block-start);
  border-block-end: var(--str-chat__mention-list-emoji-item-border-block-end);
  border-inline-start: var(--str-chat__mention-list-emoji-item-border-inline-start);
  border-inline-end: var(--str-chat__mention-list-emoji-item-border-inline-end);
}
.str-chat__emoji-item .str-chat__emoji-item--name {
  font: var(--str-chat__subtitle-text);
}
.str-chat__suggestion-list-container {
  background: var(--str-chat__suggestion-list-container-background-color);
  color: var(--str-chat__suggestion-list-container-color);
  box-shadow: var(--str-chat__suggestion-list-container-box-shadow);
  border-radius: var(--str-chat__suggestion-list-container-border-radius);
  border-block-start: var(--str-chat__suggestion-list-container-border-block-start);
  border-block-end: var(--str-chat__suggestion-list-container-border-block-end);
  border-inline-start: var(--str-chat__suggestion-list-container-border-inline-start);
  border-inline-end: var(--str-chat__suggestion-list-container-border-inline-end);
}
.str-chat__suggestion-list-container .str-chat__suggestion-list .str-chat__suggestion-list-item > a {
  text-decoration: none;
}
.str-chat__suggestion-list-container .str-chat__suggestion-list .str-chat__suggestion-item--selected {
  background-color: var(--str-chat__suggestion-list-item--selected-background-color);
}
.str-chat__suggestion-list-container .str-chat__suggestion-list--react .str-chat__suggestion-list-item > button {
  background: none;
  border: none;
  text-decoration: none;
}
.str-chat__base-image {
  color: 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);
}
.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__load-more-button__button {
  width: 80%;
}
.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;
}
.str-chat__channel-list .str-chat__channel-list-empty svg path {
  fill: var(--str-chat__channel-list-empty-indicator-color);
}
.str-chat__channel-list .str-chat__channel-list-empty {
  color: 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__dropzone-container-color: var(--str-chat__on-primary-color);
  --str-chat__dropzone-container-background-color: var(--str-chat__primary-overlay-color);
  --str-chat__dropzone-container-backdrop-filter: blur(3px);
}
.str-chat__dropzone-container {
  background-color: var(--str-chat__dropzone-container-background-color);
  color: var(--str-chat__dropzone-container-color);
  backdrop-filter: var(--str-chat__dropzone-container-backdrop-filter);
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__edit-message-modal-button-border-radius: none;
  --str-chat__edit-message-modal-send-button-color: var(--str-chat__primary-color);
  --str-chat__edit-message-modal-cancel-button-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__edit-message-modal-button-background-color: 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 {
}
.str-chat input::-webkit-outer-spin-button,
.str-chat input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.str-chat {
}
.str-chat input[type=number] {
  -moz-appearance: textfield;
}
.str-chat__form-field-error {
  font-size: 0.75rem;
  color: var(--str-chat__danger-color);
}
.str-chat__form__switch-field {
  background-color: var(--str-chat__tertiary-surface-color);
  border-radius: 0.75rem;
}
.str-chat__form__switch-field,
.str-chat__form__switch-field label {
  cursor: pointer;
}
.str-chat__form__switch-field label {
  display: flex;
  gap: 0.5rem;
}
.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__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__form__switch-field .str-chat__form__switch-field__switch.str-chat__form__switch-field__switch--on {
  background-color: var(--str-chat__green600);
}
.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__form__switch-field--disabled .str-chat__form__switch-field--disabled,
.str-chat__form__switch-field--disabled .str-chat__form__switch-field--disabled .str-chat__form__switch-field__switch,
.str-chat__form__switch-field--disabled label {
  cursor: not-allowed;
}
.str-chat__dropdown .str-chat__dropdown__open-button {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__dropdown .str-chat__dropdown__items {
  background-color: var(--str-chat__background-color);
}
.str-chat {
  --str-chat-icon-color: var(--str-chat__text-color);
}
.str-chat__icon {
  color: var(--str-chat-icon-color);
}
.str-chat__icon--error {
  --str-chat-icon-color: var(--str-chat__danger-color);
}
.str-chat__icon--poll {
  background-color: var(--str-chat-icon-color);
}
.str-chat {
  --str-chat__image-carousel-stepper-color: var(--str-chat__text-color);
}
@media only screen and (max-device-width: 768px) {
  .str-chat__message .str-chat__attachment-list .str-chat__modal--open .str-chat__modal__inner {
    border-radius: 0;
  }
}
.str-chat__image-carousel .str-chat__image-carousel-stepper {
  --str-chat-icon-color: var(--str-chat__image-carousel-stepper-color);
  cursor: pointer;
}
.str-chat__image-carousel .str-chat__image-carousel-stepper svg path {
  fill: var(--str-chat__image-carousel-stepper-color);
}
.str-chat {
  --str-chat__link-preview-loading-state-color: var(--str-chat__disabled-color);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content {
  border-left: 2px solid var(--str-chat__primary-color);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-title {
  font: var(--str-chat__body-medium-text);
}
.str-chat__link-preview-card .str-chat__link-preview-card__content .str-chat__link-preview-card__content-description {
  font: var(--str-chat__caption-text);
}
.str-chat__link-preview-card .str-chat__link-preview-card__dismiss-button svg path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title,
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description {
  background-image:
    linear-gradient(
      -90deg,
      var(--str-chat__link-preview-loading-state-color) 0%,
      var(--str-chat__link-preview-loading-state-color) 100%);
  animation: pulsate 1s linear 0s infinite alternate;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title:nth-of-type(2),
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description:nth-of-type(2) {
  animation: pulsate 1s linear 0.3334s infinite alternate;
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title:last-of-type,
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description:last-of-type {
  animation: pulsate 1s linear 0.6667s infinite alternate;
}
@keyframes pulsate {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-title,
.str-chat__link-preview-card--loading .str-chat__link-preview-card__content-description {
  border-radius: calc(var(--str-chat__spacing-px) * 3);
}
.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__share-location-dialog .str-chat__live-location-activation {
  border-radius: var(--str-chat__border-radius-sm);
  border: 1px solid var(--str-chat__secondary-overlay-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__form__switch-field {
  background-color: var(--str-chat__background-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__open-button {
  border-radius: var(--str-chat__border-radius-xs);
  border: 1px solid var(--str-chat__secondary-overlay-color);
  background-color: var(--str-chat__tertiary-surface-color);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__items {
  box-shadow: 0 0 8px var(--str-chat__box-shadow-color);
  border-radius: var(--str-chat__border-radius-xs);
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__items .str-chat__live-location-sharing-duration-option {
  background: none;
  border: none;
  cursor: pointer;
}
.str-chat__share-location-dialog .str-chat__live-location-activation .str-chat__dropdown__items .str-chat__live-location-sharing-duration-option:hover {
  background-color: var(--str-chat__message-options-hover-background-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-reminder-color: var(--str-chat__primary-color);
  --str-chat__message-reminder-background-color: var(--str-chat__secondary-background-color);
  --str-chat__message-reminder-border-block-start: none;
  --str-chat__message-reminder-border-block-end: none;
  --str-chat__message-reminder-border-inline-start: none;
  --str-chat__message-reminder-border-inline-end: none;
  --str-chat__message-reminder-box-shadow: none;
  --str-chat__message-reminder-border-radius: 0;
}
.str-chat__message--system {
  background: var(--str-chat__system-message-background-color);
  color: var(--str-chat__system-message-color);
  box-shadow: var(--str-chat__system-message-box-shadow);
  border-radius: var(--str-chat__system-message-border-radius);
  border-block-start: var(--str-chat__system-message-border-block-start);
  border-block-end: var(--str-chat__system-message-border-block-end);
  border-inline-start: var(--str-chat__system-message-border-inline-start);
  border-inline-end: var(--str-chat__system-message-border-inline-end);
  font: var(--str-chat__caption-text);
}
.str-chat__date-separator {
  background: var(--str-chat__date-separator-background-color);
  color: var(--str-chat__date-separator-color);
  box-shadow: var(--str-chat__date-separator-box-shadow);
  border-radius: var(--str-chat__date-separator-border-radius);
  border-block-start: var(--str-chat__date-separator-border-block-start);
  border-block-end: var(--str-chat__date-separator-border-block-end);
  border-inline-start: var(--str-chat__date-separator-border-inline-start);
  border-inline-end: var(--str-chat__date-separator-border-inline-end);
  font: var(--str-chat__body-text);
}
.str-chat__date-separator-line {
  background-color: var(--str-chat__date-separator-line-color);
  border: none;
}
.str-chat__message-mention {
  color: var(--str-chat__message-mention-color);
  font: var(--str-chat__body2-medium-text);
}
.str-chat__message {
  background: var(--str-chat__message-background-color);
  color: var(--str-chat__message-color);
  box-shadow: var(--str-chat__message-box-shadow);
  border-radius: var(--str-chat__message-border-radius);
  border-block-start: var(--str-chat__message-border-block-start);
  border-block-end: var(--str-chat__message-border-block-end);
  border-inline-start: var(--str-chat__message-border-inline-start);
  border-inline-end: var(--str-chat__message-border-inline-end);
}
.str-chat__message a {
  text-decoration: none;
  color: var(--str-chat__message-link-color);
}
.str-chat__message .str-chat__message-reminder {
  background: var(--str-chat__message-reminder-background-color);
  color: var(--str-chat__message-reminder-color);
  box-shadow: var(--str-chat__message-reminder-box-shadow);
  border-radius: var(--str-chat__message-reminder-border-radius);
  border-block-start: var(--str-chat__message-reminder-border-block-start);
  border-block-end: var(--str-chat__message-reminder-border-block-end);
  border-inline-start: var(--str-chat__message-reminder-border-inline-start);
  border-inline-end: var(--str-chat__message-reminder-border-inline-end);
  font: var(--str-chat__caption-medium-text);
}
.str-chat__message .str-chat__message-bubble {
  background: var(--str-chat__message-bubble-background-color);
  color: var(--str-chat__message-bubble-color);
  box-shadow: var(--str-chat__message-bubble-box-shadow);
  border-radius: var(--str-chat__message-bubble-border-radius);
  border-block-start: var(--str-chat__message-bubble-border-block-start);
  border-block-end: var(--str-chat__message-bubble-border-block-end);
  border-inline-start: var(--str-chat__message-bubble-border-inline-start);
  border-inline-end: var(--str-chat__message-bubble-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message .str-chat__message--deleted-inner {
  background: var(--str-chat__deleted-message-background-color);
  color: var(--str-chat__deleted-message-color);
  box-shadow: var(--str-chat__deleted-message-box-shadow);
  border-radius: var(--str-chat__deleted-message-border-radius);
  border-block-start: var(--str-chat__deleted-message-border-block-start);
  border-block-end: var(--str-chat__deleted-message-border-block-end);
  border-inline-start: var(--str-chat__deleted-message-border-inline-start);
  border-inline-end: var(--str-chat__deleted-message-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message .str-chat__message--blocked-inner {
  background: var(--str-chat__blocked-message-background-color);
  color: var(--str-chat__blocked-message-color);
  box-shadow: var(--str-chat__blocked-message-box-shadow);
  border-radius: var(--str-chat__blocked-message-border-radius);
  border-block-start: var(--str-chat__blocked-message-border-block-start);
  border-block-end: var(--str-chat__blocked-message-border-block-end);
  border-inline-start: var(--str-chat__blocked-message-border-inline-start);
  border-inline-end: var(--str-chat__blocked-message-border-inline-end);
  font: var(--str-chat__body2-text);
}
.str-chat__message.str-chat__message--me .str-chat__message-bubble {
  color: var(--str-chat__own-message-bubble-color);
  background-color: var(--str-chat__own-message-bubble-background-color);
}
.str-chat__message .str-chat__message-options {
  --str-chat-icon-color: var(--str-chat__message-options-color);
}
.str-chat__message .str-chat__message-options .str-chat__message-actions-box-button,
.str-chat__message .str-chat__message-options .str-chat__message-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-status-sent svg path,
.str-chat__message .str-chat__message-status-delivered svg path {
  fill: var(--str-chat__text-low-emphasis-color);
}
.str-chat__message .str-chat__message-replies-count-button-wrapper button,
.str-chat__message .str-chat__message-is-thread-reply-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);
}
.str-chat__message-actions-box .str_chat__button-with-submenu--submenu-open {
  background-color: var(--str-chat__message-actions-box-item-hover-background-color);
}
.str-chat__message-actions-box .str-chat__message-actions-box__submenu {
  background: var(--str-chat__message-actions-box-background-color);
  color: var(--str-chat__message-actions-box-color);
  box-shadow: var(--str-chat__message-actions-box-box-shadow);
  border-radius: var(--str-chat__message-actions-box-border-radius);
  border-block-start: var(--str-chat__message-actions-box-border-block-start);
  border-block-end: var(--str-chat__message-actions-box-border-block-end);
  border-inline-start: var(--str-chat__message-actions-box-border-inline-start);
  border-inline-end: var(--str-chat__message-actions-box-border-inline-end);
}
@media (hover: none) {
  .str-chat__message-actions-box .str-chat__message-actions-list-item-button:hover {
    background-color: 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__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__file-input-container,
.str-chat__message-input .str-chat-angular__create-poll {
  --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,
.str-chat__message-input .str-chat-angular__create-poll 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__attachment-selector-actions-menu .str-chat__attachment-selector-actions-menu__add-location-button .str-chat__dialog-menu__button-icon {
  -webkit-mask: var(--str-chat__location-icon) no-repeat center/contain;
  mask: var(--str-chat__location-icon) no-repeat center/contain;
}
.str-chat__send-to-channel-checkbox__field * {
  cursor: pointer;
}
.str-chat__send-to-channel-checkbox__field label {
  color: var(--str-chat__text-low-emphasis-color);
  font: var(--str-chat__body-text);
}
.str-chat {
  --str-chat__message-list-border-radius: 0;
  --str-chat__message-list-color: var(--str-chat__text-color);
  --str-chat__message-list-background-color: var(--str-chat__background-color);
  --str-chat__message-list-box-shadow: none;
  --str-chat__message-list-border-block-start: none;
  --str-chat__message-list-border-block-end: none;
  --str-chat__message-list-border-inline-start: none;
  --str-chat__message-list-border-inline-end: none;
  --str-chat__jump-to-latest-message-border-radius: var(--str-chat__circle-fab-border-radius);
  --str-chat__jump-to-latest-message-color: var(--str-chat__circle-fab-color);
  --str-chat__jump-to-latest-message-background-color: var(--str-chat__circle-fab-background-color);
  --str-chat__jump-to-latest-message-pressed-background-color: var( --str-chat__circle-fab-pressed-background-color );
  --str-chat__jump-to-latest-message-box-shadow: var(--str-chat__circle-fab-box-shadow);
  --str-chat__jump-to-latest-message-border-block-start: var( --str-chat__circle-fab-border-block-start );
  --str-chat__jump-to-latest-message-border-block-end: var(--str-chat__circle-fab-border-block-end);
  --str-chat__jump-to-latest-message-border-inline-start: var( --str-chat__circle-fab-border-inline-start );
  --str-chat__jump-to-latest-message-border-inline-end: var( --str-chat__circle-fab-border-inline-end );
  --str-chat__jump-to-latest-message-unread-count-background-color: var( --str-chat__jump-to-latest-message-color );
  --str-chat__jump-to-latest-message-unread-count-color: var( --str-chat__jump-to-latest-message-background-color );
  --str-chat__thread-head-start-color: var(--str-chat__text-low-emphasis-color);
  --str-chat__thread-head-start-border-block-end-color: var(--str-chat__surface-color);
}
.str-chat__list {
  background: var(--str-chat__message-list-background-color);
  color: var(--str-chat__message-list-color);
  box-shadow: var(--str-chat__message-list-box-shadow);
  border-radius: var(--str-chat__message-list-border-radius);
  border-block-start: var(--str-chat__message-list-border-block-start);
  border-block-end: var(--str-chat__message-list-border-block-end);
  border-inline-start: var(--str-chat__message-list-border-inline-start);
  border-inline-end: var(--str-chat__message-list-border-inline-end);
}
.str-chat__list .str-chat__parent-message-li {
  border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);
}
.str-chat__list .str-chat__parent-message-li .str-chat__thread-start {
  color: var(--str-chat__thread-head-start-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat__jump-to-latest-message {
  --str-chat-icon-color: var(--str-chat__jump-to-latest-message-unread-count-background-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab {
  background: var(--str-chat__jump-to-latest-message-background-color);
  color: var(--str-chat__jump-to-latest-message-color);
  box-shadow: var(--str-chat__jump-to-latest-message-box-shadow);
  border-radius: var(--str-chat__jump-to-latest-message-border-radius);
  border-block-start: var(--str-chat__jump-to-latest-message-border-block-start);
  border-block-end: var(--str-chat__jump-to-latest-message-border-block-end);
  border-inline-start: var(--str-chat__jump-to-latest-message-border-inline-start);
  border-inline-end: var(--str-chat__jump-to-latest-message-border-inline-end);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab svg path {
  fill: var(--str-chat__jump-to-latest-message-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab:active {
  background-color: var(--str-chat__jump-to-latest-message-pressed-background-color);
}
.str-chat__jump-to-latest-message .str-chat__circle-fab .str-chat__jump-to-latest-unread-count {
  background-color: var(--str-chat__jump-to-latest-message-unread-count-background-color);
  color: var(--str-chat__jump-to-latest-message-unread-count-color);
  border-radius: var(--str-chat__jump-to-latest-message-border-radius);
  font: var(--str-chat__caption-text);
}
.str-chat {
  --str-chat__virtual-list-border-radius: 0;
  --str-chat__virtual-list-color: var(--str-chat__text-color);
  --str-chat__virtual-list-background-color: var(--str-chat__background-color);
  --str-chat__virtual-list-box-shadow: none;
  --str-chat__virtual-list-border-block-start: none;
  --str-chat__virtual-list-border-block-end: none;
  --str-chat__virtual-list-border-inline-start: none;
  --str-chat__virtual-list-border-inline-end: none;
}
.str-chat__virtual-list {
  background: var(--str-chat__virtual-list-background-color);
  color: var(--str-chat__virtual-list-color);
  box-shadow: var(--str-chat__virtual-list-box-shadow);
  border-radius: var(--str-chat__virtual-list-border-radius);
  border-block-start: var(--str-chat__virtual-list-border-block-start);
  border-block-end: var(--str-chat__virtual-list-border-block-end);
  border-inline-start: var(--str-chat__virtual-list-border-inline-start);
  border-inline-end: var(--str-chat__virtual-list-border-inline-end);
}
.str-chat__virtual-list .str-chat__parent-message-li {
  border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);
}
.str-chat__virtual-list .str-chat__parent-message-li .str-chat__thread-start {
  color: var(--str-chat__thread-head-start-color);
  font: var(--str-chat__subtitle-text);
}
.str-chat {
  --str-chat__message-reactions-border-radius: none;
  --str-chat__message-reactions-color: var(--str-chat__text-color);
  --str-chat__message-reactions-background-color: 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;
  max-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-react__modal.str-chat__modal--open.str-chat__image-modal .str-chat__modal__inner.str-chat-react__modal__inner,
.str-chat-react__modal.str-chat__modal--open.str-chat__gallery-modal .str-chat__modal__inner.str-chat-react__modal__inner {
  background-color: transparent;
  width: unset;
  max-width: unset;
  height: unset;
  padding: 0;
}
.str-chat-react__modal.str-chat__modal--open.str-chat__image-modal .str-chat__modal__inner.str-chat-react__modal__inner img,
.str-chat-react__modal.str-chat__modal--open.str-chat__gallery-modal .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-option-list--full,
.str-chat__poll-answer,
.str-chat__modal__poll-option-list__title,
.str-chat__modal__poll-results .str-chat__modal__poll-results__title,
.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__modal .str-chat__poll-answer__text,
.str-chat__modal .str-chat__modal__poll-option-list__title,
.str-chat__modal .str-chat__modal__poll-results__title,
.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__modal .str-chat__poll-option-list--full,
.str-chat__modal .str-chat__poll-answer,
.str-chat__modal .str-chat__modal__poll-option-list__title,
.str-chat__modal .str-chat__modal__poll-results__title,
.str-chat__modal .str-chat__poll-option,
.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__modal .str-chat__poll-option-list--full .str-chat__poll-option-text,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option-list--full .str-chat__poll-option-text {
  font-weight: 500;
}
.str-chat__modal .str-chat__poll-option-list--full .str-chat__poll-option--votable:hover,
.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__modal .str-chat__poll-option .str-chat__poll-option__header,
.str-chat__poll-actions .str-chat__modal .str-chat__poll-option .str-chat__poll-option__header {
  font: var(--str-chat__subtitle-text);
}
.str-chat__modal .str-chat__poll-option .str-chat__poll-option__header .str-chat__poll-option__option-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__modal .str-chat__poll-option .str-chat__poll-option__show-all-votes-button,
.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 {
  --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 {
  --zero: 0;
  --metadata-font-size: 12px;
  --main-font-size: 16px;
}
.str-chat {
  --str-chat__font-family: "TT Norms", Roboto;
  --str-chat__body-text: var(--main-font-size) var(--str-chat__font-family);
  --str-chat__body2-text: var(--main-font-size) var(--str-chat__font-family);
  --str-chat__message-bubble-color: #051440;
  --str-chat__message-bubble-background-color: #f6f8fc;
  --str-chat__own-message-bubble-color: #ffffff;
  --str-chat__own-message-bubble-background-color: #4d5cf2;
  --str-chat__patient-message-bubble-color: #051440;
  --str-chat__patient-message-background-color: #ffffff;
  --str-chat__message-bubble-border-no-radius: var(--zero);
  --str-chat__metadata-font-size: var(--metadata-font-size);
  --str-chat__message-textarea-border-radius: var(--str-chat__spacing-2);
  --str-chat__subtitle-text: var(--main-font-size) var(--str-chat__font-family);
}
.str-chat .str-chat__li--top .str-chat__message .str-chat__message-metadata,
.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-metadata {
  display: flex;
}
.str-chat__date-separator {
  justify-content: center;
}
.str-chat__date-separator-date {
  background-color: #f2f2f2;
  color: #051440;
  padding: var(--str-chat__spacing-2_5) var(--str-chat__spacing-4) var(--str-chat__spacing-2_5) var(--str-chat__spacing-4);
  border-radius: var(--str-chat__spacing-2);
}
.str-chat__typing-indicator {
  margin-left: var(--str-chat__spacing-5);
}
.str-chat__loading-indicator-placeholder {
  display: none;
}
.str-chat__jump-to-latest-message .str-chat__circle-fab .str-chat__jump-to-latest-unread-count {
  font: var(--str-chat__body-text);
}
.str-chat .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text {
  padding: var(--str-chat__spacing-0_5) var(--str-chat__spacing-1_5);
}
.str-chat .str-chat__message-notification {
  padding: var(--str-chat__spacing-0_5) var(--str-chat__spacing-3);
}
.str-chat .str-chat__message--error-message {
  font: var(--str-chat__metadata-font-size);
}
.str-chat .str-chat__message--failed .str-chat__message-error-icon {
  right: var(--str-chat__spacing-11);
  bottom: calc(var(--str-chat__spacing-1_5) * -1);
}
.str-chat .str-chat__message-inner {
  display: flex;
  flex-direction: column;
  width: 85%;
}
.str-chat .str-chat__message-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  hyphens: none;
}
.str-chat .str-chat__message-textarea-container {
  min-height: var(--str-chat__spacing-8);
}
.str-chat .str-chat__message-date {
  display: flex;
  font-size: var(--metadata-font-size);
  line-height: var(--main-font-size);
}
.str-chat .str-chat__message .str-chat__li--middle .str-chat__message .str-chat__message-metadata {
  display: flex;
}
.str-chat .str-chat__message-metadata {
  font-size: var(--metadata-font-size);
  margin-left: var(--str-chat__spacing-2);
  margin-block-start: var(--str-chat__spacing-2_5);
}
.str-chat .str-chat__message-bubble {
  margin-top: var(--str-chat__spacing-7);
  padding: var(--str-chat__spacing-4);
  box-sizing: border-box;
}
.str-chat .str-chat__message--me .str-chat__message-metadata {
  justify-content: unset;
  text-align: unset;
}
.str-chat .str-chat__message--other,
.str-chat .str-chat__message--me {
  justify-items: end;
}
.str-chat .str-chat__message--other .str-chat__message-bubble,
.str-chat .str-chat__message--me .str-chat__message-bubble {
  border-radius: calc(var(--str-chat__message-bubble-border-radius) / 3);
  border-end-end-radius: calc(var(--str-chat__message-bubble-border-no-radius));
}
.str-chat .str-chat__message--other .str-chat__message-inner,
.str-chat .str-chat__message--me .str-chat__message-inner {
  margin-inline-start: var(--zero);
  margin-inline-end: var(--zero);
}
.str-chat .str-chat__message-send-can-be-retried .str-chat__message-bubble {
  border: var(--str-chat__spacing-px) solid #ef465d;
  background-color: #ffffff;
  color: #051440;
}
.str-chat .str-chat__message--patient {
  justify-items: start;
}
.str-chat .str-chat__message--patient .str-chat__message-bubble {
  color: var(--str-chat__patient-message-bubble-color);
  background-color: var(--str-chat__patient-message-background-color);
  border: var(--str-chat__spacing-px) solid #4d5cf2;
  margin-left: var(--zero);
  border-radius: calc(var(--str-chat__message-bubble-border-radius) / 3);
  border-end-start-radius: calc(var(--str-chat__message-bubble-border-no-radius));
}
.str-chat .str-chat__message-input .str-chat__message-input-inner {
  padding-left: var(--str-chat__spacing-3);
  padding-right: var(--str-chat__spacing-3);
}
.str-chat__custom-notification {
  height: auto;
  margin-bottom: var(--zero);
}
.str-chat__notification,
.str-chat__list-notifications {
  background: none;
  color: #051440;
  font-size: var(--str-chat__spacing-8);
  box-shadow: none;
  margin: auto;
  width: 95%;
  text-align: center;
  line-height: normal;
}
.str-chat__empty-channel .str-chat__empty-channel-notifications {
  position: inherit;
}
.str-chat__empty-channel stream-icon,
.str-chat__empty-channel p {
  display: none;
}
.d-flex {
  display: flex;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  background-color: #051440;
  background-image: url("./assets/bg-W4BSTEVL.png");
  font-size: 10px;
  color: #051440;
  background-position: 0% -5%;
  background-size: 56%;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0;
  padding: 0;
}
html ::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
html ::-webkit-scrollbar-thumb {
  background-color: #d7d7d7;
  border-radius: 2px;
}
html {
  scrollbar-color: #d7d7d7 #f2f2f2;
}
html ::selection {
  color: #51589a;
  background: #c9cdfb;
}
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  background: #ffffff;
  color: #051440;
  font-size: 1.4rem;
  border-radius: 6px;
  text-decoration: none;
  z-index: 1000;
  transform: translateY(-200%);
  transition: transform 0.15s ease;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #051440;
}
.skip-link:focus-visible {
  transform: translateY(0);
}
.skip-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
:focus-visible:is(a, button, select, [role=button], [tabindex]:not([tabindex="-1"])) {
  outline: var(--mega-focus-outline, 3px solid #051440);
  outline-offset: var(--mega-focus-outline-offset, 2px);
  box-shadow: var(--mega-focus-box-shadow, 0 0 0 2px #ffffff);
}
[data-mega-skip-focus-styles] {
  --mega-focus-outline: none;
  --mega-focus-outline-offset: 0;
  --mega-focus-box-shadow: none;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
label.label {
  font: bold 1.3rem "TT Norms";
  letter-spacing: 0.26px;
  margin-bottom: 1.2rem;
  display: block;
}
.m-0 {
  margin: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.m-1 {
  margin: 16px !important;
}
.mt-1 {
  margin-top: 16px !important;
}
.ml-1 {
  margin-left: 16px !important;
}
.mr-1 {
  margin-right: 16px !important;
}
.mb-1 {
  margin-bottom: 16px !important;
}
.p-1 {
  padding: 16px !important;
}
.pt-1 {
  padding-top: 16px !important;
}
.pl-1 {
  padding-left: 16px !important;
}
.pr-1 {
  padding-right: 16px !important;
}
.pb-1 {
  padding-bottom: 16px !important;
}
.m-2 {
  margin: 32px !important;
}
.mt-2 {
  margin-top: 32px !important;
}
.ml-2 {
  margin-left: 32px !important;
}
.mr-2 {
  margin-right: 32px !important;
}
.mb-2 {
  margin-bottom: 32px !important;
}
.p-2 {
  padding: 32px !important;
}
.pt-2 {
  padding-top: 32px !important;
}
.pl-2 {
  padding-left: 32px !important;
}
.pr-2 {
  padding-right: 32px !important;
}
.pb-2 {
  padding-bottom: 32px !important;
}
.m-3 {
  margin: 48px !important;
}
.mt-3 {
  margin-top: 48px !important;
}
.ml-3 {
  margin-left: 48px !important;
}
.mr-3 {
  margin-right: 48px !important;
}
.mb-3 {
  margin-bottom: 48px !important;
}
.p-3 {
  padding: 48px !important;
}
.pt-3 {
  padding-top: 48px !important;
}
.pl-3 {
  padding-left: 48px !important;
}
.pr-3 {
  padding-right: 48px !important;
}
.pb-3 {
  padding-bottom: 48px !important;
}
.m-4 {
  margin: 64px !important;
}
.mt-4 {
  margin-top: 64px !important;
}
.ml-4 {
  margin-left: 64px !important;
}
.mr-4 {
  margin-right: 64px !important;
}
.mb-4 {
  margin-bottom: 64px !important;
}
.p-4 {
  padding: 64px !important;
}
.pt-4 {
  padding-top: 64px !important;
}
.pl-4 {
  padding-left: 64px !important;
}
.pr-4 {
  padding-right: 64px !important;
}
.pb-4 {
  padding-bottom: 64px !important;
}
.m-5 {
  margin: 80px !important;
}
.mt-5 {
  margin-top: 80px !important;
}
.ml-5 {
  margin-left: 80px !important;
}
.mr-5 {
  margin-right: 80px !important;
}
.mb-5 {
  margin-bottom: 80px !important;
}
.p-5 {
  padding: 80px !important;
}
.pt-5 {
  padding-top: 80px !important;
}
.pl-5 {
  padding-left: 80px !important;
}
.pr-5 {
  padding-right: 80px !important;
}
.pb-5 {
  padding-bottom: 80px !important;
}
.m-6 {
  margin: 96px !important;
}
.mt-6 {
  margin-top: 96px !important;
}
.ml-6 {
  margin-left: 96px !important;
}
.mr-6 {
  margin-right: 96px !important;
}
.mb-6 {
  margin-bottom: 96px !important;
}
.p-6 {
  padding: 96px !important;
}
.pt-6 {
  padding-top: 96px !important;
}
.pl-6 {
  padding-left: 96px !important;
}
.pr-6 {
  padding-right: 96px !important;
}
.pb-6 {
  padding-bottom: 96px !important;
}
.m-7 {
  margin: 112px !important;
}
.mt-7 {
  margin-top: 112px !important;
}
.ml-7 {
  margin-left: 112px !important;
}
.mr-7 {
  margin-right: 112px !important;
}
.mb-7 {
  margin-bottom: 112px !important;
}
.p-7 {
  padding: 112px !important;
}
.pt-7 {
  padding-top: 112px !important;
}
.pl-7 {
  padding-left: 112px !important;
}
.pr-7 {
  padding-right: 112px !important;
}
.pb-7 {
  padding-bottom: 112px !important;
}
.m-8 {
  margin: 128px !important;
}
.mt-8 {
  margin-top: 128px !important;
}
.ml-8 {
  margin-left: 128px !important;
}
.mr-8 {
  margin-right: 128px !important;
}
.mb-8 {
  margin-bottom: 128px !important;
}
.p-8 {
  padding: 128px !important;
}
.pt-8 {
  padding-top: 128px !important;
}
.pl-8 {
  padding-left: 128px !important;
}
.pr-8 {
  padding-right: 128px !important;
}
.pb-8 {
  padding-bottom: 128px !important;
}
.m-9 {
  margin: 144px !important;
}
.mt-9 {
  margin-top: 144px !important;
}
.ml-9 {
  margin-left: 144px !important;
}
.mr-9 {
  margin-right: 144px !important;
}
.mb-9 {
  margin-bottom: 144px !important;
}
.p-9 {
  padding: 144px !important;
}
.pt-9 {
  padding-top: 144px !important;
}
.pl-9 {
  padding-left: 144px !important;
}
.pr-9 {
  padding-right: 144px !important;
}
.pb-9 {
  padding-bottom: 144px !important;
}
.m-10 {
  margin: 160px !important;
}
.mt-10 {
  margin-top: 160px !important;
}
.ml-10 {
  margin-left: 160px !important;
}
.mr-10 {
  margin-right: 160px !important;
}
.mb-10 {
  margin-bottom: 160px !important;
}
.p-10 {
  padding: 160px !important;
}
.pt-10 {
  padding-top: 160px !important;
}
.pl-10 {
  padding-left: 160px !important;
}
.pr-10 {
  padding-right: 160px !important;
}
.pb-10 {
  padding-bottom: 160px !important;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.ml-sm {
  margin-left: 5px;
}
.lh-2 {
  line-height: 2rem;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.gap-8 {
  gap: 8px;
}
.mr-gap-8 > * {
  margin-right: 8px;
}
.mb-gap-8 > * {
  margin-bottom: 8px;
}
.gap-16 {
  gap: 16px;
}
.mr-gap-16 > * {
  margin-right: 16px;
}
.mb-gap-16 > * {
  margin-bottom: 16px;
}
.gap-24 {
  gap: 24px;
}
.mr-gap-24 > * {
  margin-right: 24px;
}
.mb-gap-24 > * {
  margin-bottom: 24px;
}
.gap-32 {
  gap: 32px;
}
.mr-gap-32 > * {
  margin-right: 32px;
}
.mb-gap-32 > * {
  margin-bottom: 32px;
}
.link-button {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  color: #051440;
  margin-top: 8px;
  display: inline-block;
  border: none;
  padding: 0;
  background: none;
}
.link-button:disabled {
  opacity: 0.6;
}
.link-button .mat-icon {
  vertical-align: -5px;
}
.clickable {
  cursor: pointer;
}
.survey-response-dialog-tabs .mat-mdc-tab-labels {
  max-width: 30%;
  margin-bottom: 16px;
}
label.control-label {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 1.2rem;
}
label.control-label span.tag {
  display: inline-block;
  background-color: #051440;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 0px 3px;
  vertical-align: bottom;
}
label.pre-control-label {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 1.2rem;
}
.has-error input,
.form-group.has-error input {
  border: 1px solid #ef465d !important;
}
.has-error .input-wrapper {
  border: 1px solid #ef465d !important;
}
.form-error {
  color: #ef465d;
}
.form-error p {
  margin: 0;
}
p.help {
  font-size: 1.36rem;
  margin-bottom: 24px !important;
}
.link-button.close-button {
  position: absolute;
  right: 16px;
  top: 16px;
  margin: 0;
}
.link-button.close-button [class^=icon-],
.link-button.close-button [class*=" icon-"] {
  font-size: 2.4rem;
}
.link-button.download-button {
  position: absolute;
  right: 48px;
  top: 16px;
  margin: 0;
}
.link-button.download-button [class^=icon-],
.link-button.download-button [class*=" icon-"] {
  font-size: 2.4rem;
}
.mat-typography p[class*=hammond][class*=error] {
  margin: 5px 0 5px 0;
}
@media only screen and (min-width: 800px) {
  hammond-input[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-date-picker[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-date[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-radio-list[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-radio-button-list[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-checkbox[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-weight[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-height[class*=hammond-input-] ~ [class*=hammond-input-],
  hammond-input-tel[class*=hammond-input-] ~ [class*=hammond-input-] {
    margin-top: 4.8rem !important;
  }
  hammond-input [class$=_label],
  hammond-input [class$=-label],
  hammond-date-picker [class$=_label],
  hammond-date-picker [class$=-label],
  hammond-input-date [class$=_label],
  hammond-input-date [class$=-label],
  hammond-input-radio-list [class$=_label],
  hammond-input-radio-list [class$=-label],
  hammond-input-radio-button-list [class$=_label],
  hammond-input-radio-button-list [class$=-label],
  hammond-input-checkbox [class$=_label],
  hammond-input-checkbox [class$=-label],
  hammond-input-weight [class$=_label],
  hammond-input-weight [class$=-label],
  hammond-input-height [class$=_label],
  hammond-input-height [class$=-label],
  hammond-input-tel [class$=_label],
  hammond-input-tel [class$=-label] {
    margin-bottom: 1.2rem;
  }
  hammond-input-select[class*=hammond-input-] ~ [class*=hammond-input-] {
    margin-top: 4.8rem !important;
  }
}
.overflow-shadow {
  border-bottom: 1px #d7d7d7 solid;
}
hr {
  border: none;
  margin: 32px 0;
  background: #d7d7d7;
  height: 1px;
}
hr.large-spacing {
  margin: 48px 0;
}
.badge {
  border-radius: 5rem;
  padding: 0.2rem 0.6rem 0.1rem 0.6rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.badge.primary {
  color: white;
  background: #4d5cf2;
}
.badge.secondary {
  color: #4d5cf2;
  background: white;
}
.badge.success {
  color: #03721e;
  background: #dbf8db;
}
.badge.warn {
  color: #934401;
  background: #fbecdb;
}
.badge.error {
  color: #b00625;
  background: #fbeae9;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left !important;
}
.opacity-0 {
  opacity: calc(0 / 10) !important;
}
.opacity-1 {
  opacity: calc(1 / 10) !important;
}
.opacity-2 {
  opacity: calc(2 / 10) !important;
}
.opacity-3 {
  opacity: calc(3 / 10) !important;
}
.opacity-4 {
  opacity: calc(4 / 10) !important;
}
.opacity-5 {
  opacity: calc(5 / 10) !important;
}
.opacity-6 {
  opacity: calc(6 / 10) !important;
}
.opacity-7 {
  opacity: calc(7 / 10) !important;
}
.opacity-8 {
  opacity: calc(8 / 10) !important;
}
.opacity-9 {
  opacity: calc(9 / 10) !important;
}
.opacity-10 {
  opacity: calc(10 / 10) !important;
}
.text-red {
  color: #ef465d !important;
}
.text-primary {
  color: #4d5cf2 !important;
}
.text-success {
  color: #03721e !important;
}
.text-warn {
  color: #934401 !important;
}
.text-error {
  color: #b00625 !important;
}
.font-bold {
  font-weight: 700;
}
.spinner-white .spinner {
  background-image:
    linear-gradient(
      0deg,
      #666666 50%,
      #ffffff 50%) !important;
}
.spinner-white .spinner::after {
  background: #ffffff !important;
}
.outcomes-feedback hammond-input-radio-list-with-freetext {
  display: flex;
  flex-flow: row wrap;
}
.outcomes-feedback hammond-input-radio-list-with-freetext .hammond-input-radio-list-with-freetext_label {
  width: 100%;
}
.outcomes-feedback hammond-input-radio-list-with-freetext .hammond-input-radio-list-with-freetext_option {
  flex: 1;
}
.mega-tooltip {
  position: relative;
}
.mega-tooltip-list::after,
.mega-tooltip::after {
  content: attr(data-tooltip);
  font-size: 1.1rem;
  display: none;
  min-width: 100px;
  background-color: #2a375d;
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1000;
  white-space: pre-wrap;
  pointer-events: none;
  font-family: "TT Norms";
  line-height: 1.6rem;
}
.mega-tooltip-list::after {
  top: 50px;
}
.single-patient-header .mega-tooltip-list::after,
.display-mode .mega-tooltip-list::after {
  top: 80px;
}
.mega-tooltip-list:hover::after,
.mega-tooltip:hover::after {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mega-tooltip::after {
  top: 130%;
  left: 50%;
  transform: translateX(-50%);
}
.mega-tooltip--top::after {
  top: 0;
  left: auto;
  transform: translateY(-130%);
}
.mega-tooltip--left::after {
  left: 0;
  transform: none;
}
.mega-tooltip--right::after {
  left: auto;
  right: 0;
  transform: none;
}
.mega-tooltip--nowrap::after {
  min-width: 0;
  white-space: nowrap;
}
hammond-input-select.patients-header_sort-group_select.mega-tooltip::after {
  top: 100%;
  z-index: 5;
}
.patient-information-panel_item .mega-tooltip::after {
  min-width: 80px;
}
[hammond-button] [class^=icon-],
[hammond-button] [class*=" icon-"] {
  font-size: 1.2em;
}
.mega-body--responsive {
}
.mega-body--responsive .hammond-input-radio-button-list {
  margin-bottom: 0.857em;
}
.mega-body--responsive .hammond-input-radio-button-list-label {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0.429em;
}
.mega-body--responsive .hammond-input-radio-button-list-option {
  margin: 0 0 0.286em;
}
.mega-body--responsive .hammond-input-radio-button-list-option-label {
  display: inline-block;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding-left: 2em;
}
.mega-body--responsive .hammond-input-radio-button-list-option-label::before {
  border-color: #025ccc;
  border-width: 0.071em;
  top: 0.143em;
  top: calc(0.5lh - 0.714em);
  width: 1.429em;
  height: 1.429em;
}
.mega-body--responsive .hammond-input-radio-button-list input:checked + label::before {
  border-color: #025ccc;
  border-width: 0.071em;
}
.mega-body--responsive .hammond-input-radio-button-list input:checked + label::after {
  background-color: #014fd3;
  top: 0.5em;
  top: calc(0.5lh - 0.357em);
  left: 0.357em;
  width: 0.714em;
  height: 0.714em;
}
.mega-body--responsive [class*=hammond-input-] ~ .hammond-input-radio-button-list {
  margin-top: 0 !important;
}
.mega-body--responsive {
}
.mega-body--responsive hammond-multi-select {
  display: block;
  margin-bottom: 0.857em;
}
.mega-body--responsive .hammond-input-holder-input-area {
  font-size: inherit;
}
.mega-body--responsive .hammond-tag {
  font-size: inherit;
  letter-spacing: inherit;
}
.mega-body--responsive hammond-multi-select .multi-select-component hammond-tag .hammond-tag.normal.normal {
  font-size: inherit;
}
.mega-body--responsive hammond-multi-select .multi-select-component hammond-input-holder .hammond-input-holder-input-area .hammond-input-text-input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.mega-body--responsive {
}
.mega-body--responsive .current-input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.d-flex,
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .mdc-form-field,
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .menu__header {
  display: flex;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .menu__header {
  flex-direction: row;
}
.mega-header-item {
  color: #9bcffc;
  display: block;
  font-size: 24px;
  position: relative;
  z-index: 0;
  padding: 4px 4px 14px;
  margin-bottom: -10px;
}
button.mega-header-item {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1.6rem;
}
.mega-header-item::before {
  background-color: #9bcffc;
  border-radius: 4px;
  content: "";
  display: block;
  height: 32px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.05s ease-in-out;
  width: 32px;
  z-index: -1;
}
.mega-header-item::after {
  background-color: #fbfbfb;
  border-radius: 2px;
  content: "";
  display: block;
  height: 2px;
  opacity: 0;
  position: absolute;
  top: 32px;
  width: 1em;
}
.mega-header-item:hover,
.mega-header-item:focus {
  color: #0046be;
  text-decoration: none;
}
.mega-header-item:hover::before,
.mega-header-item:focus::before {
  opacity: 1;
}
.mega-header-item:hover {
  text-decoration: none;
}
.mega-header-item[aria-expanded=true] {
  color: #fbfbfb;
}
.mega-header-item[aria-expanded=true]::before {
  opacity: 0;
}
.active .mega-header-item {
  color: #fbfbfb;
}
.active .mega-header-item::before {
  opacity: 0;
}
.active .mega-header-item::after {
  opacity: 1;
}
.mega-header-item i {
  display: inline-block;
}
.mega-header-item span {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.mega-header-item span:not(caption) {
  position: absolute !important;
}
.mega-header-item--alt {
  color: #014fd3;
}
.mega-header-item--alt::before {
  background-color: #e3f1fb;
  border: 1px solid #014fd3;
  border-radius: 32px;
  opacity: 1;
}
.mega-header-item--alt:hover,
.mega-header-item--alt:focus {
  color: #0046be;
}
.mega-header-item--alt:hover::before,
.mega-header-item--alt:focus::before {
  border-color: #0046be;
}
.mega-header-item--alt[aria-expanded=true],
.active .mega-header-item--alt {
  color: #002e84;
}
.mega-header-item--alt[aria-expanded=true]::before,
.active .mega-header-item--alt::before {
  border-color: #002e84;
  opacity: 1;
}
.mega-header-item--alt[aria-expanded=true]::after,
.active .mega-header-item--alt::after {
  opacity: 0;
}
.mega-header-overlay {
  --mat-menu-item-focus-state-layer-color: #e3f1fb;
  --mat-menu-item-hover-state-layer-color: #e3f1fb;
  --mat-menu-item-label-text-color: #014fd3;
  --mat-menu-item-label-text-font:
    Human BBY Digital,
    Human Fallback,
    Arial,
    Helvetica,
    sans-serif;
  --mat-menu-item-leading-spacing: 8px;
  --mat-menu-item-trailing-spacing: 8px;
}
.mega-header-overlay .mat-mdc-menu-panel {
  border: 1px solid #c7c9cc;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.08);
}
.mega-header-overlay .mat-mdc-menu-content {
  padding: 8px 16px 16px 24px;
}
.mega-header-overlay .mat-mdc-menu-item {
  border-left: 2px solid #c7c9cc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  min-height: 32px;
}
.mega-header-overlay .mat-mdc-menu-item:not([disabled]):hover,
.mega-header-overlay .mat-mdc-menu-item:not([disabled]).cdk-program-focused,
.mega-header-overlay .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused {
  border-left-color: #014fd3;
  color: #014fd3;
}
.mega-header-overlay .mat-mdc-menu-item-highlighted:not([disabled]) {
  --mat-menu-item-focus-state-layer-color: transparent;
  --mat-menu-item-label-text-color: #050505;
  border-left-color: #014fd3;
}
.mega-header-overlay .mat-mdc-menu-item[disabled] {
  --mat-menu-item-label-text-color: #050505;
  opacity: 1;
}
.mega-header-overlay .mat-mdc-menu-item--heading {
  --mat-menu-item-label-text-size: 18px;
  --mat-menu-item-label-text-weight: 700;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  border-left: none;
  margin-left: -24px;
  margin-right: -16px;
  min-height: 48px;
  width: calc(100% + 40px);
}
.mega-header-overlay .mat-mdc-menu-item--heading[disabled] {
  pointer-events: none;
}
.mega-header-overlay .mat-mdc-menu-item--selectable {
  -webkit-user-select: text;
  user-select: text;
}
.mega-header-overlay .mat-mdc-menu-item--selectable[disabled]::after {
  display: none;
}
.mega-header-overlay .mat-mdc-menu--divided {
  background-color: #fbfbfb;
  border-top: 1px solid #c7c9cc;
  margin: 8px -16px -16px -24px;
  padding: 8px 16px 16px 16px;
}
.mega-header-overlay .mat-mdc-menu--divided .mat-mdc-menu-item {
  border-left: none;
}
.mega-header-overlay--mobile {
  margin-left: -22px;
  margin-top: 12px;
}
.mega-header-overlay--mobile .mat-mdc-menu-panel {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: calc(100vh - 76px);
  width: 280px;
}
.mega-header-overlay--notifications .mat-mdc-menu-panel {
  border: 1px solid #c7c9cc;
  border-radius: 8px;
  width: 138px;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content {
  padding: 0;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .menu__header {
  justify-content: space-between;
  border-bottom: 1px solid #c7c9cc;
  padding: 16px;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  background-color: #e3f1fb;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .mat-mdc-menu-item {
  color: #014fd3;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .mat-mdc-menu-item span {
  color: #014fd3;
  flex-grow: 1;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .mat-mdc-menu-item.selected span {
  color: #050505;
}
.mega-header-overlay--notifications.notifications-panel-menu__popover .mat-mdc-menu-content .mat-mdc-menu-item.selected i {
  color: #014fd3;
  float: right;
  font-size: 24px;
  vertical-align: middle;
}
[mega-header] .mega-tooltip::after {
  top: 100%;
}

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