npm - @stream-io/video-react-sdk - Versions diffs - 1.20.0 → 1.20.2 - Mend

@stream-io/video-react-sdk 1.20.0 → 1.20.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,19 @@
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+## [1.20.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.20.1...@stream-io/video-react-sdk-1.20.2) (2025-09-02)
+### Dependency Updates
+- `@stream-io/video-styling` updated to version `1.5.1`
+## [1.20.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.20.0...@stream-io/video-react-sdk-1.20.1) (2025-08-22)
+### Dependency Updates
+- `@stream-io/video-client` updated to version `1.28.1`
+- `@stream-io/video-react-bindings` updated to version `1.7.16`
 ## [1.20.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.19.8...@stream-io/video-react-sdk-1.20.0) (2025-08-21)
 ### Dependency Updates

package/dist/css/styles.css CHANGED Viewed

@@ -234,8 +234,8 @@
   margin-inline-end: 8px;
 }
 .str-video__composite-button .str-video__composite-button__button-group .str-video__loading-indicator__icon {
-  width: 1.375rem;
-  height: 1.375rem;
+  width: 1.25rem;
+  height: 1.25rem;
   -webkit-mask-size: 1.25rem;
   mask-size: 1.25rem;
 }
@@ -903,7 +903,7 @@
   margin-top: var(--str-video__spacing-md);
 }
 .str-video__participant-list .str-video__participant-list__content-header {
-  display: none;
+  display: flex;
   align-items: center;
   gap: 0.5rem;
   margin-top: var(--str-video__spacing-md);

package/dist/css/styles.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-theme-variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/BackgroundFilters/BackgroundFilters-layout.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallControls/CancelCallButton.scss","../../src/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallLayout/PipLayout-layout.scss","../../src/CallLayout/PipLayout-theme.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DropdownSelect/DropdownSelect.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Portal-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;;ACJJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7JF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;;;ADjBF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EAGA;;;AAKF;EACE;;;ACrGF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFnBE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EESA;EAGA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EAGA;;AAEA;EACE;;AAKF;EACE;;AAON;EACE;;AAIA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAGE;;AAIA;EACE;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AC/KJ;EACE;EACA;EAGA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE,aACE;EAKF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMR;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAEA;EACE;;;AChFJ;EACE;EACA;EAEA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAKN;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AC7GR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;;AC9HR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EAEI;IACE;IACA;;EAEA;IACE;;;AC/IR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACpBJ;EACE;;;ACCF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,mBAHiB;EAIjB,WAJiB;;AAQrB;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5GJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EZdF;EACA;EAEA;EACA;EACA;;AYaA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AC7BJ;EACE;;AAIA;EbEF;EACA,YaDQ;EbER;EACA;EACA;EACA;EACA,mBaJQ;EbKR,WaLQ;EbMR,kBaPQ;;AAKN;EbNF,oBaQQ;EbPR,YaOQ;EbNR;EACA;EACA;EACA;EACA,mBaIQ;EbHR,WaGQ;EbFR,kBaCQ;;AAKN;EbdF,oBagBQ;EbfR,YaeQ;EbdR;EACA;EACA;EACA;EACA,mBaYQ;EbXR,WaWQ;EbVR,kBaSQ;;AAKN;EbtBF,oBawBQ;EbvBR,YauBQ;EbtBR;EACA;EACA;EACA;EACA,mBaoBQ;EbnBR,WamBQ;EblBR,kBaiBQ;;AAKN;Eb9BF,oBagCQ;Eb/BR,Ya+BQ;Eb9BR;EACA;EACA;EACA;EACA,mBa4BQ;Eb3BR,Wa2BQ;Eb1BR,kBayBQ;;;AC3CV;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIA;EACE;EACA;;AAGA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;;;AAGF;EhBEE;EACA,YgBDE;EhBEF;EACA;EACA;EACA;EACA,mBgBJE;EhBKF,WgBLE;EhBMF,kBgBPE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EhBxBA,oBgB0BI;EhBzBJ,YgByBI;EhBxBJ;EACA;EACA;EACA;EACA,mBgBsBI;EhBrBJ,WgBqBI;EhBpBJ,kBgBmBI;;;AAMN;EhBjCE,oBgBmCE;EhBlCF,YgBkCE;EhBjCF;EACA;EACA;EACA;EACA,mBgB+BE;EhB9BF,WgB8BE;EhB7BF,kBgB4BE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;;ACjHJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAGF;AAAA;EACE;;;AC1GN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;;;AAMR;EACE;IACE;;;ACrGJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AC7MJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;EvBQE,oBuBNE;EvBOF,YuBPE;EvBQF;EACA;EACA;EACA;EACA,mBAPmD;EAQnD,WARmD;EASnD,kBuBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;EACA;EAMA;EACA;;AALA;EACE;;;ACLJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA;EACA;;;ACHF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EAEA;EAEA;EACA;EAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;ACjDN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACpBN;EACE;EACA;EACA;;AAEA;E7BGA,oB6BDI;E7BEJ,Y6BFI;E7BGJ;EACA;EACA;EACA;EACA,mB6BLI;E7BMJ,W6BNI;E7BOJ,kB6BRI;;AAKJ;EACE;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;EAPE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAKA;EACA;;AAGF;EAbE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAWA;EACA;;AAGF;EAnBE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAiBA;EACA;;AAGF;EACE;EA1BA,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAwBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAxCE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAsCA;EACA;EACA;;AAKN;EACE;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;;ACvNN;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;EtCHE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;;AsCNA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EtC9BA,oBsCgCI;EtC/BJ,YsC+BI;EtC9BJ;EACA;EACA;EACA;EACA,mBsC4BI;EtC3BJ,WsC2BI;EtC1BJ,kBsCyBI;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EtC9CF,oBsCgDM;EtC/CN,YsC+CM;EtC9CN;EACA;EACA;EACA;EACA,mBsC4CM;EtC3CN,WsC2CM;EtC1CN,kBsCyCM;;;AC3DR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EzCRE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EyCFA;EACA;;AAEA;EACE;;;ACpCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;E/CXE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;E+CCA","file":"styles.css","sourcesContent":[".str-video {\n ,\n ::before,\n ::after {\n box-sizing: border-box;\n }\n}\n",".str-video {\n // Brand colors\n --str-video__brand-color1: #005fff;\n --str-video__brand-color2: #69e5f6;\n --str-video__brand-color3: #00e2a1;\n --str-video__brand-color4: #ffd646;\n --str-video__brand-color5: #dc433b;\n --str_video__brand-color6: #b38af8;\n\n //Base colors\n --str-video__base-color1: #e3e4e5;\n --str-video__base-color2: #979ca0;\n --str-video__base-color3: #4c535b;\n --str-video__base-color4: #000000;\n --str-video__base-color5: #0c0d0e;\n --str-video__base-color6: #19232d;\n --str-video__base-color7: #101213;\n\n //Backdrops\n --str-video__backdrop1: rgba(0, 0, 0, 0.5);\n\n //Button colors:\n --str-video__button-default-base: #19232d;\n --str-video__button-default-hover: #323b44;\n --str-video__button-default-pressed: #0c0d0e;\n --str-video__button-default-active: #19232d;\n --str-video__button-default-disabled: #1e262e;\n\n --str-video__button-primary-base: #19232d;\n --str-video__button-primary-hover: #4c8fff;\n --str-video__button-primary-pressed: #0c48ab;\n --str-video__button-primary-active: #005fff;\n\n --str-video__button-secondary-base: #19232d;\n --str-video__button-secondary-hover: #e96962;\n --str-video__button-secondary-pressed: #6a3233;\n --str-video__button-secondary-active: #dc433b;\n\n --str-video__button-tertiary-base: #dc433b;\n --str-video__button-tertiary-hover: #e96962;\n --str-video__button-tertiary-pressed: #6a3233;\n --str-video__button-tertiary-active: #31292f;\n\n //Icon colors:\n --str-video__icon-default: #eff0f1;\n --str-video__icon-hover: #eff0f1;\n --str-video__icon-pressed: #656b72;\n --str-video__icon-active: #e3e4e5;\n --str-video__icon-alert: #e3e4e5;\n --str-video__icon-disabled: #7e8389;\n\n //Alerts colors:\n --str-video__alert-success: #00e2a1;\n --str-video__alert-caution: #ffd646;\n --str-video__alert-warning: #dc433b;\n\n //Alerts backgrounds:\n --str-video__alert-success-background: rgba(0, 226, 161, 0.5);\n --str-video__alert-caution-background: rgba(255, 214, 70, 0.5);\n --str-video__alert-warning-background: rgba(220, 67, 59, 0.5);\n\n //Font sizes\n --str-video__font-size-xxs: 0.625rem;\n --str-video__font-size-xs: 0.75rem;\n --str-video__font-size-sm: 0.875rem;\n --str-video__font-size-md: 1rem;\n --str-video__font-size-lg: 1.125rem;\n --str-video__font-size-xl: 1.25rem;\n --str-video__font-size-xxl: 1.5rem;\n\n // Border raduiuses\n --str-video__border-radius-xxs: 4px;\n --str-video__border-radius-xs: 8px;\n --str-video__border-radius-sm: 12px;\n --str-video__border-radius-md: 18px;\n --str-video__border-radius-lg: 24px;\n --str-video__border-radius-xl: 30px;\n --str-video__border-radius-xxl: 48px;\n --str-video__border-radius-circle: 999px;\n\n // spacing\n --str-video__spacing-xxs: 4px;\n --str-video__spacing-xs: 6px;\n --str-video__spacing-sm: 8px;\n --str-video__spacing-md: 12px;\n --str-video__spacing-lg: 16px;\n --str-video__spacing-xl: 20px;\n\n // Colors\n // Main colors\n --str-video__primary-color: #005fff;\n --str-video__secondary-color: #669fff;\n\n // Text colors\n --str-video__text-color1: #ffffff;\n --str-video__text-color2: #b4b7bb;\n --str-video__text-color3: #72767e;\n --str-video__text-color4: #f7f7f8;\n\n // Danger and info colors\n --str-video__info-color: #4ce68c;\n --str-video__info-color--accent: #20e070;\n --str-video__danger-color: #ff3742;\n --str-video__danger-color--accent: #ff000e;\n\n // Surface and background colors\n --str-video__background-color0: #000000;\n --str-video__background-color1: #1c1e22;\n --str-video__background-color2: #272a30;\n --str-video__background-color3: #f4f4f5;\n --str-video__background-color4: #121416;\n --str-video__background-color5: #1d2938;\n --str-video__background-color6: #b4b7bb;\n --str-video__background-color7: #72767e;\n --str-video__overlay-color: rgba(39, 42, 48, 0.75);\n --str-video__livestream-overlay-color: rgba(39, 42, 48, 0.25);\n --str-video__livestream-overlay-color-hovered: rgba(39, 42, 48, 0.5);\n\n // Icons - base64 encoded SVGs\n\n --str-video__icon--call-accept: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n --str-video__icon--call-end: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQuNTgwMSAxNi4wMzA0TDYuNTgwMSAxNC40NDA0QzcuMDYwMSAxNC4wNjA0IDcuMzQwMSAxMy40ODA0IDcuMzQwMSAxMi44NzA0VjEwLjI3MDRDMTAuMzYwMSA5LjI5MDQgMTMuNjMwMSA5LjI4MDQgMTYuNjYwMSAxMC4yNzA0VjEyLjg4MDRDMTYuNjYwMSAxMy40OTA0IDE2Ljk0MDEgMTQuMDcwNCAxNy40MjAxIDE0LjQ1MDRMMTkuNDEwMSAxNi4wMzA0QzIwLjIxMDEgMTYuNjYwNCAyMS4zNTAxIDE2LjYwMDQgMjIuMDcwMSAxNS44ODA0TDIzLjI5MDEgMTQuNjYwNEMyNC4wOTAxIDEzLjg2MDQgMjQuMDkwMSAxMi41MzA0IDIzLjI0MDEgMTEuNzgwNEMxNi44MzAxIDYuMTIwNCA3LjE3MDEgNi4xMjA0IDAuNzYwMTAzIDExLjc4MDRDLTAuMDg5ODk3IDEyLjUzMDQgLTAuMDg5ODk3IDEzLjg2MDQgMC43MTAxMDMgMTQuNjYwNEwxLjkzMDEgMTUuODgwNEMyLjY0MDEgMTYuNjAwNCAzLjc4MDEgMTYuNjYwNCA0LjU4MDEgMTYuMDMwNFoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--camera: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEwLjVWN0MxNyA2LjQ1IDE2LjU1IDYgMTYgNkg0QzMuNDUgNiAzIDYuNDUgMyA3VjE3QzMgMTcuNTUgMy40NSAxOCA0IDE4SDE2QzE2LjU1IDE4IDE3IDE3LjU1IDE3IDE3VjEzLjVMMTkuMjkgMTUuNzlDMTkuOTIgMTYuNDIgMjEgMTUuOTcgMjEgMTUuMDhWOC45MUMyMSA4LjAyIDE5LjkyIDcuNTcgMTkuMjkgOC4yTDE3IDEwLjVaIiBmaWxsPSIjQjBCNEI3Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--camera-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjI5MTUgMTQuNzY5OVY5LjQ3OTlDMjEuMjkxNSA4LjU4OTkgMjAuMjExNSA4LjEzOTkgMTkuNTgxNSA4Ljc2OTlMMTcuMjkxNSAxMS4wNjk5VjcuNTY5OUMxNy4yOTE1IDcuMDE5OSAxNi44NDE1IDYuNTY5OSAxNi4yOTE1IDYuNTY5OUgxMC42ODE1TDE5LjU5MTUgMTUuNDc5OUMyMC4yMTE1IDE2LjEwOTkgMjEuMjkxNSAxNS42NTk5IDIxLjI5MTUgMTQuNzY5OVpNMy4wMDE0OCAzLjEyOTlDMi42MTE0OCAzLjUxOTkgMi42MTE0OCA0LjE0OTkgMy4wMDE0OCA0LjUzOTlMNS4wMjE0OCA2LjU2OTlINC4yOTE0OEMzLjc0MTQ4IDYuNTY5OSAzLjI5MTQ4IDcuMDE5OSAzLjI5MTQ4IDcuNTY5OVYxNy41Njk5QzMuMjkxNDggMTguMTE5OSAzLjc0MTQ4IDE4LjU2OTkgNC4yOTE0OCAxOC41Njk5SDE2LjI5MTVDMTYuNTAxNSAxOC41Njk5IDE2LjY4MTUgMTguNDg5OSAxNi44NDE1IDE4LjM4OTlMMTkuMzIxNSAyMC44Njk5QzE5LjcxMTUgMjEuMjU5OSAyMC4zNDE1IDIxLjI1OTkgMjAuNzMxNSAyMC44Njk5QzIxLjEyMTUgMjAuNDc5OSAyMS4xMjE1IDE5Ljg0OTkgMjAuNzMxNSAxOS40NTk5TDQuNDExNDggMy4xMjk5QzQuMDIxNDggMi43Mzk5IDMuMzkxNDggMi43Mzk5IDMuMDAxNDggMy4xMjk5WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');\n --str-video__icon--caret: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--caret-down: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--caret-up: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--chevron-down: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgOC4yOTUwNEwxMiAxMi44NzVMMTYuNTkgOC4yOTUwNEwxOCA5LjcwNTA0TDEyIDE1LjcwNUw2IDkuNzA1MDRMNy40MSA4LjI5NTA0WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');\n --str-video__icon--chevron-up: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgMTUuNzA1TDEyIDExLjEyNUwxNi41OSAxNS43MDVMMTggMTQuMjk1TDEyIDguMjk1MDRMNiAxNC4yOTVMNy40MSAxNS43MDVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--chevron-right: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuOTk3NjcgMjEuMDE0OUM3LjQ4NzY3IDIxLjUwNDkgOC4yNzc2NyAyMS41MDQ5IDguNzY3NjcgMjEuMDE0OUwxNy4wNzc3IDEyLjcwNDlDMTcuNDY3NyAxMi4zMTQ5IDE3LjQ2NzcgMTEuNjg0OSAxNy4wNzc3IDExLjI5NDlMOC43Njc2NyAyLjk4NDkzQzguMjc3NjcgMi40OTQ5MyA3LjQ4NzY3IDIuNDk0OTMgNi45OTc2NyAyLjk4NDkzQzYuNTA3NjcgMy40NzQ5MyA2LjUwNzY3IDQuMjY0OTMgNi45OTc2NyA0Ljc1NDkzTDE0LjIzNzcgMTIuMDA0OUw2Ljk4NzY3IDE5LjI1NDlDNi41MDc2NyAxOS43MzQ5IDYuNTA3NjcgMjAuNTM0OSA2Ljk5NzY3IDIxLjAxNDlaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--call-latency: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMjkgMTcuOTk4OEMxMi41NTUyIDE3Ljk5ODggMTMuMDAyOSAxNy41NTExIDEzLjAwMjkgMTYuOTk4OEMxMy4wMDI5IDE2LjQ0NjUgMTIuNTU1MiAxNS45OTg4IDEyLjAwMjkgMTUuOTk4OEMxMS40NTA2IDE1Ljk5ODggMTEuMDAyOSAxNi40NDY1IDExLjAwMjkgMTYuOTk4OEMxMS4wMDI5IDE3LjU1MTEgMTEuNDUwNiAxNy45OTg4IDEyLjAwMjkgMTcuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTcuMDAyOTMgMTIuOTk4OEM3LjU1NTIxIDEyLjk5ODggOC4wMDI5MyAxMi41NTExIDguMDAyOTMgMTEuOTk4OEM4LjAwMjkzIDExLjQ0NjUgNy41NTUyMSAxMC45OTg4IDcuMDAyOTMgMTAuOTk4OEM2LjQ1MDY0IDEwLjk5ODggNi4wMDI5MyAxMS40NDY1IDYuMDAyOTMgMTEuOTk4OEM2LjAwMjkzIDEyLjU1MTEgNi40NTA2NCAxMi45OTg4IDcuMDAyOTMgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE3LjAwMjkgMTIuOTk4OEMxNy41NTUyIDEyLjk5ODggMTguMDAyOSAxMi41NTExIDE4LjAwMjkgMTEuOTk4OEMxOC4wMDI5IDExLjQ0NjUgMTcuNTU1MiAxMC45OTg4IDE3LjAwMjkgMTAuOTk4OEMxNi40NTA2IDEwLjk5ODggMTYuMDAyOSAxMS40NDY1IDE2LjAwMjkgMTEuOTk4OEMxNi4wMDI5IDEyLjU1MTEgMTYuNDUwNiAxMi45OTg4IDE3LjAwMjkgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTEyLjAwMjkgMi45OTg3OEMxMS40NTI5IDIuOTk4NzggMTEuMDAyOSAzLjQ0ODc4IDExLjAwMjkgMy45OTg3OFY1Ljk5ODc4QzExLjAwMjkgNi41NDg3OCAxMS40NTI5IDYuOTk4NzggMTIuMDAyOSA2Ljk5ODc4QzEyLjU1MjkgNi45OTg3OCAxMy4wMDI5IDYuNTQ4NzggMTMuMDAyOSA1Ljk5ODc4VjUuMDc4NzhDMTYuMzEyOSA1LjU1ODc4IDE4Ljg3MjkgOC4zMjg3OCAxOS4wMDI5IDExLjczODhDMTkuMTQyOSAxNS41ODg4IDE1Ljk3MjkgMTguOTM4OCAxMi4xMjI5IDE4Ljk5ODhDOC4xOTI5MyAxOS4wNTg4IDUuMDAyOTMgMTUuOTA4OCA1LjAwMjkzIDExLjk5ODhDNS4wMDI5MyAxMC4zMTg4IDUuNTkyOTMgOC43Nzg3OCA2LjU4MjkzIDcuNTc4NzhMMTEuMjkyOSAxMi4yOTg4QzExLjY4MjkgMTIuNjg4OCAxMi4zMTI5IDEyLjY4ODggMTIuNzAyOSAxMi4yOTg4QzEzLjA5MjkgMTEuOTA4OCAxMy4wOTI5IDExLjI3ODggMTIuNzAyOSAxMC44ODg4TDcuMjYyOTMgNS40NTg3OEM2Ljg4MjkzIDUuMDc4NzggNi4yNjI5MyA1LjA2ODc4IDUuODYyOTMgNS40Mzg3OEM0LjEwMjkzIDcuMDY4NzggMy4wMDI5MyA5LjM5ODc4IDMuMDAyOTMgMTEuOTk4OEMzLjAwMjkzIDE3LjAzODggNy4xNDI5MyAyMS4xMTg4IDEyLjIxMjkgMjAuOTk4OEMxNi45MTI5IDIwLjg4ODggMjAuODQyOSAxNi45ODg4IDIwLjk5MjkgMTIuMjg4OEMyMS4xNjI5IDcuMTg4NzggMTcuMDcyOSAyLjk5ODc4IDEyLjAwMjkgMi45OTg3OFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');\n --str-video__icon--close: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjI5OTcgNS43MDk5N0MxNy45MDk3IDUuMzE5OTcgMTcuMjc5NyA1LjMxOTk3IDE2Ljg4OTcgNS43MDk5N0wxMS45OTk3IDEwLjU5TDcuMTA5NzMgNS42OTk5N0M2LjcxOTczIDUuMzA5OTcgNi4wODk3MyA1LjMwOTk3IDUuNjk5NzMgNS42OTk5N0M1LjMwOTczIDYuMDg5OTcgNS4zMDk3MyA2LjcxOTk3IDUuNjk5NzMgNy4xMDk5N0wxMC41ODk3IDEyTDUuNjk5NzMgMTYuODlDNS4zMDk3MyAxNy4yOCA1LjMwOTczIDE3LjkxIDUuNjk5NzMgMTguM0M2LjA4OTczIDE4LjY5IDYuNzE5NzMgMTguNjkgNy4xMDk3MyAxOC4zTDExLjk5OTcgMTMuNDFMMTYuODg5NyAxOC4zQzE3LjI3OTcgMTguNjkgMTcuOTA5NyAxOC42OSAxOC4yOTk3IDE4LjNDMTguNjg5NyAxNy45MSAxOC42ODk3IDE3LjI4IDE4LjI5OTcgMTYuODlMMTMuNDA5NyAxMkwxOC4yOTk3IDcuMTA5OTdDMTguNjc5NyA2LjcyOTk3IDE4LjY3OTcgNi4wODk5NyAxOC4yOTk3IDUuNzA5OTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--connection-quality-poor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iI0UzRTRFNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjREM0MzNCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiNFM0U0RTUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');\n --str-video__icon--connection-quality-good: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTI0ODA1IDYuMjVDMC45MjQ4MDUgMi45MzYyOSAzLjYxMTEgMC4yNSA2LjkyNDggMC4yNUgzMi45MjQ4VjI2LjI1QzMyLjkyNDggMjkuNTYzNyAzMC4yMzg1IDMyLjI1IDI2LjkyNDggMzIuMjVIMC45MjQ4MDVWNi4yNVoiIGZpbGw9IiMwQzBEMEUiIGZpbGwtb3BhY2l0eT0iMC42NSIvPgo8cGF0aCBkPSJNMTYuOTI0OCAyMC4yNUwxNi45MjQ4IDE1LjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS45MjQ4IDIwLjI1TDExLjkyNDggMTguMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxLjkyNDggMjAuMjVMMjEuOTI0OCAxMi4yNSIgc3Ryb2tlPSIjRTNFNEU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');\n --str-video__icon--connection-quality-excellent: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjMDBFMkExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');\n --str-video__icon--download: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MDcgNi4zMzM1SDE2LjAwMDdWMy4wMDAxNkMxNi4wMDA3IDIuNjMzNSAxNS43MDA3IDIuMzMzNSAxNS4zMzQgMi4zMzM1SDEyLjY2NzNDMTIuMzAwNyAyLjMzMzUgMTIuMDAwNyAyLjYzMzUgMTIuMDAwNyAzLjAwMDE2VjYuMzMzNUgxMC45NDA3QzEwLjM0NzMgNi4zMzM1IDEwLjA0NzMgNy4wNTM1IDEwLjQ2NzMgNy40NzM1TDEzLjUyNzMgMTAuNTMzNUMxMy43ODczIDEwLjc5MzUgMTQuMjA3MyAxMC43OTM1IDE0LjQ2NzMgMTAuNTMzNUwxNy41MjczIDcuNDczNUMxNy45NDczIDcuMDUzNSAxNy42NTQgNi4zMzM1IDE3LjA2MDcgNi4zMzM1Wk05LjMzMzk4IDEzLjAwMDJDOS4zMzM5OCAxMy4zNjY4IDkuNjMzOTggMTMuNjY2OCAxMC4wMDA3IDEzLjY2NjhIMTguMDAwN0MxOC4zNjczIDEzLjY2NjggMTguNjY3MyAxMy4zNjY4IDE4LjY2NzMgMTMuMDAwMkMxOC42NjczIDEyLjYzMzUgMTguMzY3MyAxMi4zMzM1IDE4LjAwMDcgMTIuMzMzNUgxMC4wMDA3QzkuNjMzOTggMTIuMzMzNSA5LjMzMzk4IDEyLjYzMzUgOS4zMzM5OCAxMy4wMDAyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');\n --str-video__icon--ellipsis: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBDNC45IDEwIDQgMTAuOSA0IDEyQzQgMTMuMSA0LjkgMTQgNiAxNEM3LjEgMTQgOCAxMy4xIDggMTJDOCAxMC45IDcuMSAxMCA2IDEwWk0xOCAxMEMxNi45IDEwIDE2IDEwLjkgMTYgMTJDMTYgMTMuMSAxNi45IDE0IDE4IDE0QzE5LjEgMTQgMjAgMTMuMSAyMCAxMkMyMCAxMC45IDE5LjEgMTAgMTggMTBaTTEyIDEwQzEwLjkgMTAgMTAgMTAuOSAxMCAxMkMxMCAxMy4xIDEwLjkgMTQgMTIgMTRDMTMuMSAxNCAxNCAxMy4xIDE0IDEyQzE0IDEwLjkgMTMuMSAxMCAxMiAxMFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');\n --str-video__icon--film-roll: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgNkMyLjQ1IDYgMiA2LjQ1IDIgN1YyMEMyIDIxLjEgMi45IDIyIDQgMjJIMTdDMTcuNTUgMjIgMTggMjEuNTUgMTggMjFDMTggMjAuNDUgMTcuNTUgMjAgMTcgMjBINUM0LjQ1IDIwIDQgMTkuNTUgNCAxOVY3QzQgNi40NSAzLjU1IDYgMyA2Wk0yMCAySDhDNi45IDIgNiAyLjkgNiA0VjE2QzYgMTcuMSA2LjkgMTggOCAxOEgyMEMyMS4xIDE4IDIyIDE3LjEgMjIgMTZWNEMyMiAyLjkgMjEuMSAyIDIwIDJaTTEyIDE0LjVWNS41TDE3LjQ3IDkuNkMxNy43NCA5LjggMTcuNzQgMTAuMiAxNy40NyAxMC40TDEyIDE0LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--filter: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMSAzLjc1QS43NS43NSAwIDAgMSAxLjc1IDNoMTIuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMS43NUEuNzUuNzUgMCAwIDEgMSAzLjc1em0yLjUgNEEuNzUuNzUgMCAwIDEgNC4yNSA3aDcuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTcuNWEuNzUuNzUgMCAwIDEtLjc1LS43NXpNNi43NSAxMWEuNzUuNzUgMCAwIDAgMCAxLjVoMi41YS43NS43NSAwIDAgMCAwLTEuNWgtMi41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+XAo8L3N2Zz4K');\n --str-video__icon--fullscreen: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibSAxMCwxNiAyLDAgMCwtNCA0LDAgMCwtMiBMIDEwLDEwIGwgMCw2IDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjAsMTAgMCwyIDQsMCAwLDQgMiwwIEwgMjYsMTAgbCAtNiwwIDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjQsMjQgLTQsMCAwLDIgTCAyNiwyNiBsIDAsLTYgLTIsMCAwLDQgMCwwIHoiLz4KPHBhdGggZD0iTSAxMiwyMCAxMCwyMCAxMCwyNiBsIDYsMCAwLC0yIC00LDAgMCwtNCAwLDAgeiIvPgo8L3N2Zz4=');\n --str-video__icon--info-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==');\n --str-video__icon--kick-user: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xNCw4YzAtMi4yMS0xLjc5LTQtNC00UzYsNS43OSw2LDhzMS43OSw0LDQsNFMxNCwxMC4yMSwxNCw4eiBNMTcsMTB2Mmg2di0ySDE3eiBNMiwxOHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00IFMyLDE1LjM0LDIsMTh6Ii8+PC9nPjwvc3ZnPg==');\n --str-video__icon--livestream-viewers: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2OTdfMjU1NykiPgo8cGF0aCBkPSJNOC4zNzc0NCA0LjU2MjVDMTAuNzQ2MiA0LjU2MjUgMTIuODU4NyA1Ljg5Mzc1IDEzLjg4OTkgOEMxMi44NTg3IDEwLjEwNjIgMTAuNzQ2MiAxMS40Mzc1IDguMzc3NDQgMTEuNDM3NUM2LjAwODY5IDExLjQzNzUgMy44OTYxOSAxMC4xMDYyIDIuODY0OTQgOEMzLjg5NjE5IDUuODkzNzUgNi4wMDg2OSA0LjU2MjUgOC4zNzc0NCA0LjU2MjVaTTguMzc3NDQgMy4zMTI1QzUuMjUyNDQgMy4zMTI1IDIuNTgzNjkgNS4yNTYyNSAxLjUwMjQ0IDhDMi41ODM2OSAxMC43NDM4IDUuMjUyNDQgMTIuNjg3NSA4LjM3NzQ0IDEyLjY4NzVDMTEuNTAyNCAxMi42ODc1IDE0LjE3MTIgMTAuNzQzOCAxNS4yNTI0IDhDMTQuMTcxMiA1LjI1NjI1IDExLjUwMjQgMy4zMTI1IDguMzc3NDQgMy4zMTI1Wk04LjM3NzQ0IDYuNDM3NUM5LjIzOTk0IDYuNDM3NSA5LjkzOTk0IDcuMTM3NSA5LjkzOTk0IDhDOS45Mzk5NCA4Ljg2MjUgOS4yMzk5NCA5LjU2MjUgOC4zNzc0NCA5LjU2MjVDNy41MTQ5NCA5LjU2MjUgNi44MTQ5NCA4Ljg2MjUgNi44MTQ5NCA4QzYuODE0OTQgNy4xMzc1IDcuNTE0OTQgNi40Mzc1IDguMzc3NDQgNi40Mzc1Wk04LjM3NzQ0IDUuMTg3NUM2LjgyNzQ0IDUuMTg3NSA1LjU2NDk0IDYuNDUgNS41NjQ5NCA4QzUuNTY0OTQgOS41NSA2LjgyNzQ0IDEwLjgxMjUgOC4zNzc0NCAxMC44MTI1QzkuOTI3NDQgMTAuODEyNSAxMS4xODk5IDkuNTUgMTEuMTg5OSA4QzExLjE4OTkgNi40NSA5LjkyNzQ0IDUuMTg3NSA4LjM3NzQ0IDUuMTg3NVoiIGZpbGw9IiNGQ0ZDRkMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84Njk3XzI1NTciPgo8cmVjdCB4PSIwLjg3NzQ0MSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');\n --str-video__icon--loading: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuOTIxMyAxNUMzMC45MjEzIDIzLjI4NDMgMjQuMjA1NiAzMCAxNS45MjEzIDMwQzEwLjcxNTQgMzAgNi4xMjg5OSAyNy4zNDggMy40MzkyMSAyMy4zMjE0TDUuMTAzNDkgMjIuMjExOUM3LjQzNDYzIDI1LjcwMTYgMTEuNDA5NiAyOCAxNS45MjEzIDI4QzIzLjEwMSAyOCAyOC45MjEzIDIyLjE3OTcgMjguOTIxMyAxNUMyOC45MjEzIDcuODIwMyAyMy4xMDEgMiAxNS45MjEzIDJMMTUuOTIxMyAwQzI0LjIwNTYgMCAzMC45MjEzIDYuNzE1NzMgMzAuOTIxMyAxNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMykiLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMyIgeDE9IjMuNDM5MjEiIHkxPSIwIiB4Mj0iMy40MzkyMSIgeTI9IjMwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLXNlbWl0cmFuc3BhcmVudCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLW9wYXF1ZSIgb2Zmc2V0PSIxIiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPg==');\n --str-video__icon--logout: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDA2NTEgMi45MTY2N0g2LjUwNjUxQzYuODI3MzQgMi45MTY2NyA3LjA4OTg0IDIuNjU0MTcgNy4wODk4NCAyLjMzMzMzQzcuMDg5ODQgMi4wMTI1IDYuODI3MzQgMS43NSA2LjUwNjUxIDEuNzVIMy4wMDY1MUMyLjM2NDg0IDEuNzUgMS44Mzk4NCAyLjI3NSAxLjgzOTg0IDIuOTE2NjdWMTEuMDgzM0MxLjgzOTg0IDExLjcyNSAyLjM2NDg0IDEyLjI1IDMuMDA2NTEgMTIuMjVINi41MDY1MUM2LjgyNzM0IDEyLjI1IDcuMDg5ODQgMTEuOTg3NSA3LjA4OTg0IDExLjY2NjdDNy4wODk4NCAxMS4zNDU4IDYuODI3MzQgMTEuMDgzMyA2LjUwNjUxIDExLjA4MzNIMy4wMDY1MVYyLjkxNjY3WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMTIuMTM1NyA2Ljc5NTgzTDEwLjUwODIgNS4xNjgzM0MxMC4zMjE1IDQuOTgxNjcgMTAuMDA2NSA1LjExIDEwLjAwNjUgNS4zNzI1VjYuNDE2NjdINS45MjMxOEM1LjYwMjM0IDYuNDE2NjcgNS4zMzk4NCA2LjY3OTE3IDUuMzM5ODQgN0M1LjMzOTg0IDcuMzIwODMgNS42MDIzNCA3LjU4MzMzIDUuOTIzMTggNy41ODMzM0gxMC4wMDY1VjguNjI3NUMxMC4wMDY1IDguODkgMTAuMzIxNSA5LjAxODMzIDEwLjUwMjMgOC44MzE2N0wxMi4xMjk4IDcuMjA0MTdDMTIuMjQ2NSA3LjA5MzMzIDEyLjI0NjUgNi45MDY2NyAxMi4xMzU3IDYuNzk1ODNaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--low-bandwidth: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMjQgMEgwdjI0aDI0eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik04LjEgNWMuMTcgMCAuMzIuMDkuNDEuMjNsLjA3LjE1IDUuMTggMTEuNjVjLjE2LjI5LjI2LjYxLjI2Ljk2IDAgMS4xMS0uOSAyLjAxLTIuMDEgMi4wMS0uOTYgMC0xLjc3LS42OC0xLjk2LTEuNTlsLS4wMS0uMDNMNy42IDUuNWMwLS4yOC4yMi0uNS41LS41TTIzIDlsLTIgMmExMi42NiAxMi42NiAwIDAgMC0xMC41My0zLjYyTDkuMjggNC43YzQuODMtLjg2IDkuOTguNTcgMTMuNzIgNC4zTTMgMTEgMSA5YTE1LjQgMTUuNCAwIDAgMSA1LjU5LTMuNTdsLjUzIDIuODJDNS42MiA4Ljg3IDQuMjIgOS43OCAzIDExbTQgNC0yLTJjLjgtLjggMS43LTEuNDIgMi42Ni0xLjg5bC41NSAyLjkyYy0uNDIuMjctLjgzLjU5LTEuMjEuOTdtMTItMi0yIDJhNy4xIDcuMSAwIDAgMC00LjAzLTJsLTEuMjgtMi44OGMyLjYzLS4wOCA1LjMuODcgNy4zMSAyLjg4Ii8+PC9zdmc+');\n --str-video__icon--magnifier-glass: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQ4NDkxIDcuODYwM0g3Ljk1NTk3TDcuNzY4NSA3LjY3OTUyQzguNTcxOTUgNi43NDIxNiA4Ljk4NzA2IDUuNDYzMzQgOC43NTk0MiA0LjEwNDE4QzguNDQ0NzMgMi4yNDI4NSA2Ljg5MTQgMC43NTY0NzQgNS4wMTY2OSAwLjUyODgzQzIuMTg0NTMgMC4xODA2NjkgLTAuMTk5MDMxIDIuNTY0MjMgMC4xNDkxMyA1LjM5NjM5QzAuMzc2Nzc0IDcuMjcxMSAxLjg2MzE1IDguODI0NDMgMy43MjQ0OCA5LjEzOTEyQzUuMDgzNjQgOS4zNjY3NiA2LjM2MjQ2IDguOTUxNjUgNy4yOTk4MiA4LjE0ODJMNy40ODA2IDguMzM1NjdWOC44NjQ2MUwxMC4zMjYxIDExLjcxMDJDMTAuNjAwNyAxMS45ODQ3IDExLjA0OTIgMTEuOTg0NyAxMS4zMjM4IDExLjcxMDJDMTEuNTk4MyAxMS40MzU2IDExLjU5ODMgMTAuOTg3IDExLjMyMzggMTAuNzEyNUw4LjQ4NDkxIDcuODYwM1pNNC40Njc2NiA3Ljg2MDNDMi44MDA1MSA3Ljg2MDMgMS40NTQ3MyA2LjUxNDUyIDEuNDU0NzMgNC44NDczNkMxLjQ1NDczIDMuMTgwMjEgMi44MDA1MSAxLjgzNDQzIDQuNDY3NjYgMS44MzQ0M0M2LjEzNDgyIDEuODM0NDMgNy40ODA2IDMuMTgwMjEgNy40ODA2IDQuODQ3MzZDNy40ODA2IDYuNTE0NTIgNi4xMzQ4MiA3Ljg2MDMgNC40Njc2NiA3Ljg2MDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n --str-video__icon--mic: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OSAxNC41QzEzLjY1OSAxNC41IDE0Ljk5OSAxMy4xNiAxNC45OTkgMTEuNVY1LjVDMTQuOTk5IDMuODQgMTMuNjU5IDIuNSAxMS45OTkgMi41QzEwLjMzOSAyLjUgOC45OTkwMSAzLjg0IDguOTk5MDEgNS41VjExLjVDOC45OTkwMSAxMy4xNiAxMC4zMzkgMTQuNSAxMS45OTkgMTQuNVpNMTcuOTA5IDExLjVDMTcuNDE5IDExLjUgMTcuMDA5IDExLjg2IDE2LjkyOSAxMi4zNUMxNi41MTkgMTQuNyAxNC40NjkgMTYuNSAxMS45OTkgMTYuNUM5LjUyOTAxIDE2LjUgNy40NzkwMSAxNC43IDcuMDY5MDEgMTIuMzVDNi45ODkwMSAxMS44NiA2LjU3OTAxIDExLjUgNi4wODkwMSAxMS41QzUuNDc5MDEgMTEuNSA0Ljk5OTAxIDEyLjA0IDUuMDg5MDEgMTIuNjRDNS41NzkwMSAxNS42NCA3Ljk3OTAxIDE3Ljk5IDEwLjk5OSAxOC40MlYyMC41QzEwLjk5OSAyMS4wNSAxMS40NDkgMjEuNSAxMS45OTkgMjEuNUMxMi41NDkgMjEuNSAxMi45OTkgMjEuMDUgMTIuOTk5IDIwLjVWMTguNDJDMTYuMDE5IDE3Ljk5IDE4LjQxOSAxNS42NCAxOC45MDkgMTIuNjRDMTkuMDA5IDEyLjA0IDE4LjUxOSAxMS41IDE3LjkwOSAxMS41WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');\n --str-video__icon--mic-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE0LjkyMDQgMTEuMVY1LjVDMTQuOTIwNCAzLjg0IDEzLjU4MDQgMi41IDExLjkyMDQgMi41QzEwLjM4MDQgMi41IDkuMTMwMzkgMy42NiA4Ljk2MDM5IDUuMTVMMTQuOTIwNCAxMS4xWk0xOC4wMDA0IDExLjVDMTcuNTkwNCAxMS41IDE3LjIzMDQgMTEuOCAxNy4xNzA0IDEyLjIxQzE3LjEyMDQgMTIuNTMgMTcuMDUwNCAxMi44NSAxNi45NTA0IDEzLjE0TDE4LjIyMDQgMTQuNDFDMTguNTIwNCAxMy44MSAxOC43NDA0IDEzLjE2IDE4Ljg1MDQgMTIuNDdDMTguOTIwNCAxMS45NiAxOC41MjA0IDExLjUgMTguMDAwNCAxMS41Wk0zLjYzMDM5IDQuMDZDMy4yNDAzOSA0LjQ1IDMuMjQwMzkgNS4wOCAzLjYzMDM5IDUuNDdMOC45MjAzOSAxMC43N1YxMS4yQzguOTIwMzkgMTIuMzkgOS41MjAzOSAxMy41MiAxMC41NTA0IDE0LjExQzExLjMwMDQgMTQuNTQgMTEuOTYwNCAxNC41NSAxMi41NzA0IDE0LjQyTDE0LjIzMDQgMTYuMDhDMTMuNTIwNCAxNi40MSAxMi43MzA0IDE2LjYgMTEuOTIwNCAxNi42QzkuMzgwMzkgMTYuNiA3LjA0MDM5IDE0LjgzIDYuNjcwMzkgMTIuMjFDNi42MTAzOSAxMS44IDYuMjUwMzkgMTEuNSA1Ljg0MDM5IDExLjVDNS4zMjAzOSAxMS41IDQuOTIwMzkgMTEuOTYgNC45OTAzOSAxMi40N0M1LjQ1MDM5IDE1LjQzIDcuOTUwMzkgMTcuNzcgMTAuOTIwNCAxOC4yMlYyMC41QzEwLjkyMDQgMjEuMDUgMTEuMzcwNCAyMS41IDExLjkyMDQgMjEuNUMxMi40NzA0IDIxLjUgMTIuOTIwNCAyMS4wNSAxMi45MjA0IDIwLjVWMTguMjJDMTMuODMwNCAxOC4wOSAxNC42OTA0IDE3Ljc3IDE1LjQ3MDQgMTcuMzJMMTguOTYwNCAyMC44MUMxOS4zNTA0IDIxLjIgMTkuOTgwNCAyMS4yIDIwLjM3MDQgMjAuODFDMjAuNzYwNCAyMC40MiAyMC43NjA0IDE5Ljc5IDIwLjM3MDQgMTkuNEw1LjA0MDM5IDQuMDZDNC42NTAzOSAzLjY3IDQuMDIwMzkgMy42NyAzLjYzMDM5IDQuMDZaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--network-quality: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNCA5LjJINi42QzcuMzcgOS4yIDggOS44MyA4IDEwLjZWMTcuNkM4IDE4LjM3IDcuMzcgMTkgNi42IDE5SDYuNEM1LjYzIDE5IDUgMTguMzcgNSAxNy42VjEwLjZDNSA5LjgzIDUuNjMgOS4yIDYuNCA5LjJaTTEyIDVDMTIuNzcgNSAxMy40IDUuNjMgMTMuNCA2LjRWMTcuNkMxMy40IDE4LjM3IDEyLjc3IDE5IDEyIDE5QzExLjIzIDE5IDEwLjYgMTguMzcgMTAuNiAxNy42VjYuNEMxMC42IDUuNjMgMTEuMjMgNSAxMiA1Wk0xNy42IDEzQzE4LjM3IDEzIDE5IDEzLjYzIDE5IDE0LjRWMTcuNkMxOSAxOC4zNyAxOC4zNyAxOSAxNy42IDE5QzE2LjgzIDE5IDE2LjIgMTguMzcgMTYuMiAxNy42VjE0LjRDMTYuMiAxMy42MyAxNi44MyAxMyAxNy42IDEzWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');\n --str-video__icon--reactions: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzIDQuNUMyMyA1LjA1IDIyLjU1IDUuNSAyMiA1LjVIMjFWNi41QzIxIDcuMDUgMjAuNTUgNy41IDIwIDcuNUMxOS40NSA3LjUgMTkgNy4wNSAxOSA2LjVWNS41SDE4QzE3LjQ1IDUuNSAxNyA1LjA1IDE3IDQuNUMxNyAzLjk1IDE3LjQ1IDMuNSAxOCAzLjVIMTlWMi41QzE5IDEuOTUgMTkuNDUgMS41IDIwIDEuNUMyMC41NSAxLjUgMjEgMS45NSAyMSAyLjVWMy41SDIyQzIyLjU1IDMuNSAyMyAzLjk1IDIzIDQuNVpNMjAuNTIgOS40NUMyMC44MyAxMC40MSAyMSAxMS40NCAyMSAxMi41QzIxIDE4LjAyIDE2LjUyIDIyLjUgMTEgMjIuNUM1LjQ4IDIyLjUgMSAxOC4wMiAxIDEyLjVDMSA2Ljk4IDUuNDggMi41IDExIDIuNUMxMi41IDIuNSAxMy45MiAyLjg0IDE1LjIgMy40NEMxNS4wOCAzLjc3IDE1IDQuMTIgMTUgNC41QzE1IDUuODUgMTUuOSA3IDE3LjEzIDcuMzdDMTcuNSA4LjYgMTguNjUgOS41IDIwIDkuNUMyMC4xOCA5LjUgMjAuMzUgOS40OCAyMC41MiA5LjQ1Wk02IDEwQzYgMTAuODMgNi42NyAxMS41IDcuNSAxMS41QzguMzMgMTEuNSA5IDEwLjgzIDkgMTBDOSA5LjE3IDguMzMgOC41IDcuNSA4LjVDNi42NyA4LjUgNiA5LjE3IDYgMTBaTTE1LjMxIDE0LjVINi42OUM2LjMxIDE0LjUgNi4wNiAxNC45MiA2LjI1IDE1LjI1QzcuMiAxNi44OSA4Ljk3IDE4IDExIDE4QzEzLjAzIDE4IDE0LjggMTYuODkgMTUuNzUgMTUuMjVDMTUuOTQgMTQuOTIgMTUuNyAxNC41IDE1LjMxIDE0LjVaTTE2IDEwQzE2IDkuMTcgMTUuMzMgOC41IDE0LjUgOC41QzEzLjY3IDguNSAxMyA5LjE3IDEzIDEwQzEzIDEwLjgzIDEzLjY3IDExLjUgMTQuNSAxMS41QzE1LjMzIDExLjUgMTYgMTAuODMgMTYgMTBaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--recording-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTEyIDIwQzcuNTggMjAgNCAxNi40MiA0IDEyQzQgNy41OCA3LjU4IDQgMTIgNEMxNi40MiA0IDIwIDcuNTggMjAgMTJDMjAgMTYuNDIgMTYuNDIgMjAgMTIgMjBaIiBmaWxsPSIjQjBCNEI3Ii8+CjxwYXRoIGQ9Ik0xMiAxN0MxNC43NjE0IDE3IDE3IDE0Ljc2MTQgMTcgMTJDMTcgOS4yMzg1OCAxNC43NjE0IDcgMTIgN0M5LjIzODU4IDcgNyA5LjIzODU4IDcgMTJDNyAxNC43NjE0IDkuMjM4NTggMTcgMTIgMTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--recording-on: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41MiAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNMTMgMTRIN0M2LjQ1IDE0IDYgMTMuNTUgNiAxM1Y3QzYgNi40NSA2LjQ1IDYgNyA2SDEzQzEzLjU1IDYgMTQgNi40NSAxNCA3VjEzQzE0IDEzLjU1IDEzLjU1IDE0IDEzIDE0WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');\n --str-video__icon--refresh: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTk2MCAwdjIxMy4zMzNjNDExLjYyNyAwIDc0Ni42NjcgMzM0LjkzNCA3NDYuNjY3IDc0Ni42NjdTMTM3MS42MjcgMTcwNi42NjcgOTYwIDE3MDYuNjY3IDIxMy4zMzMgMTM3MS43MzMgMjEzLjMzMyA5NjBjMC0xOTcuMDEzIDc4LjQtMzgyLjUwNyAyMTMuMzM0LTUyMC43NDd2MjU0LjA4SDY0MFYxMDYuNjY3SDUzLjMzM1YzMjBoMTkxLjA0Qzg4LjY0IDQ5NC4wOCAwIDcyMC45NiAwIDk2MGMwIDUyOS4yOCA0MzAuNjEzIDk2MCA5NjAgOTYwczk2MC00MzAuNzIgOTYwLTk2MFMxNDg5LjM4NyAwIDk2MCAwIi8+PC9zdmc+Cg==');\n --str-video__icon--screen-share-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjIgMTcuMSAyMiAxNlY2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDFDMC40NSAxOCAwIDE4LjQ1IDAgMTlDMCAxOS41NSAwLjQ1IDIwIDEgMjBIMjNDMjMuNTUgMjAgMjQgMTkuNTUgMjQgMTlDMjQgMTguNDUgMjMuNTUgMTggMjMgMThIMjBaTTEzIDE0LjQ3VjEyLjI4QzEwLjIyIDEyLjI4IDguMzkgMTMuMTMgNyAxNUM3LjU2IDEyLjMzIDkuMTEgOS42NyAxMyA5LjEzVjdMMTYuNjEgMTAuMzZDMTYuODIgMTAuNTYgMTYuODIgMTAuODkgMTYuNjEgMTEuMDlMMTMgMTQuNDdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--screen-share-on: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPU91dGxpbmVkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuODkgMjEuMSA0IDIwIDRINEMyLjg5IDQgMiA0Ljg5IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDBWMjBIMjRWMThIMjBaTTQgMTZWNkgyMFYxNi4wMUw0IDE2Wk0xMyA5LjEzQzkuMTEgOS42NyA3LjU2IDEyLjMzIDcgMTVDOC4zOSAxMy4xMyAxMC4yMiAxMi4yOCAxMyAxMi4yOFYxNC40N0wxNyAxMC43M0wxMyA3VjkuMTNaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--settings: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ5OTcgMTJDMTkuNDk5NyAxMS43NyAxOS40ODk3IDExLjU1IDE5LjQ2OTcgMTEuMzJMMjEuMzI5NyA5LjkxQzIxLjcyOTcgOS42MSAyMS44Mzk3IDkuMDUgMjEuNTg5NyA4LjYxTDE5LjcxOTcgNS4zOEMxOS40Njk3IDQuOTQgMTguOTI5NyA0Ljc2IDE4LjQ2OTcgNC45NkwxNi4zMTk3IDUuODdDMTUuOTQ5NyA1LjYxIDE1LjU1OTcgNS4zOCAxNS4xNDk3IDUuMTlMMTQuODU5NyAyLjg4QzE0Ljc5OTcgMi4zOCAxNC4zNjk3IDIgMTMuODY5NyAySDEwLjEzOTdDOS42Mjk2NyAyIDkuMTk5NjcgMi4zOCA5LjEzOTY3IDIuODhMOC44NDk2NyA1LjE5QzguNDM5NjcgNS4zOCA4LjA0OTY2IDUuNjEgNy42Nzk2NyA1Ljg3TDUuNTI5NjcgNC45NkM1LjA2OTY3IDQuNzYgNC41Mjk2NyA0Ljk0IDQuMjc5NjcgNS4zOEwyLjQwOTY3IDguNjJDMi4xNTk2NyA5LjA2IDIuMjY5NjcgOS42MSAyLjY2OTY3IDkuOTJMNC41Mjk2NyAxMS4zM0M0LjUwOTY3IDExLjU1IDQuNDk5NjcgMTEuNzcgNC40OTk2NyAxMkM0LjQ5OTY3IDEyLjIzIDQuNTA5NjcgMTIuNDUgNC41Mjk2NyAxMi42OEwyLjY2OTY3IDE0LjA5QzIuMjY5NjcgMTQuMzkgMi4xNTk2NyAxNC45NSAyLjQwOTY3IDE1LjM5TDQuMjc5NjcgMTguNjJDNC41Mjk2NyAxOS4wNiA1LjA2OTY3IDE5LjI0IDUuNTI5NjcgMTkuMDRMNy42Nzk2NyAxOC4xM0M4LjA0OTY2IDE4LjM5IDguNDM5NjcgMTguNjIgOC44NDk2NyAxOC44MUw5LjEzOTY3IDIxLjEyQzkuMTk5NjcgMjEuNjIgOS42Mjk2NyAyMiAxMC4xMjk3IDIySDEzLjg1OTdDMTQuMzU5NyAyMiAxNC43ODk3IDIxLjYyIDE0Ljg0OTcgMjEuMTJMMTUuMTM5NyAxOC44MUMxNS41NDk3IDE4LjYyIDE1LjkzOTcgMTguMzkgMTYuMzA5NyAxOC4xM0wxOC40NTk3IDE5LjA0QzE4LjkxOTcgMTkuMjQgMTkuNDU5NyAxOS4wNiAxOS43MDk3IDE4LjYyTDIxLjU3OTcgMTUuMzlDMjEuODI5NyAxNC45NSAyMS43MTk3IDE0LjQgMjEuMzE5NyAxNC4wOUwxOS40NTk3IDEyLjY4QzE5LjQ4OTcgMTIuNDUgMTkuNDk5NyAxMi4yMyAxOS40OTk3IDEyWk0xMi4wMzk3IDE1LjVDMTAuMTA5NyAxNS41IDguNTM5NjcgMTMuOTMgOC41Mzk2NyAxMkM4LjUzOTY3IDEwLjA3IDEwLjEwOTcgOC41IDEyLjAzOTcgOC41QzEzLjk2OTcgOC41IDE1LjUzOTcgMTAuMDcgMTUuNTM5NyAxMkMxNS41Mzk3IDEzLjkzIDEzLjk2OTcgMTUuNSAxMi4wMzk3IDE1LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--speaker: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgMTAuMDAxOFYxNC4wMDE4QzMgMTQuNTUxOCAzLjQ1IDE1LjAwMTggNCAxNS4wMDE4SDdMMTAuMjkgMTguMjkxOEMxMC45MiAxOC45MjE4IDEyIDE4LjQ3MTggMTIgMTcuNTgxOFY2LjQxMTc5QzEyIDUuNTIxNzkgMTAuOTIgNS4wNzE3OSAxMC4yOSA1LjcwMTc5TDcgOS4wMDE3OUg0QzMuNDUgOS4wMDE3OSAzIDkuNDUxNzkgMyAxMC4wMDE4Wk0xNi41IDEyLjAwMThDMTYuNSAxMC4yMzE4IDE1LjQ4IDguNzExNzkgMTQgNy45NzE3OVYxNi4wMjE4QzE1LjQ4IDE1LjI5MTggMTYuNSAxMy43NzE4IDE2LjUgMTIuMDAxOFpNMTQgNC40NTE3OVY0LjY1MTc5QzE0IDUuMDMxNzkgMTQuMjUgNS4zNjE3OSAxNC42IDUuNTAxNzlDMTcuMTggNi41MzE3OSAxOSA5LjA2MTc5IDE5IDEyLjAwMThDMTkgMTQuOTQxOCAxNy4xOCAxNy40NzE4IDE0LjYgMTguNTAxOEMxNC4yNCAxOC42NDE4IDE0IDE4Ljk3MTggMTQgMTkuMzUxOFYxOS41NTE4QzE0IDIwLjE4MTggMTQuNjMgMjAuNjIxOCAxNS4yMSAyMC40MDE4QzE4LjYgMTkuMTExOCAyMSAxNS44NDE4IDIxIDEyLjAwMThDMjEgOC4xNjE3OSAxOC42IDQuODkxNzkgMTUuMjEgMy42MDE3OUMxNC42MyAzLjM3MTc5IDE0IDMuODIxNzkgMTQgNC40NTE3OVoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--stats: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjg5MTEgMTAuNTQ3NUwxMi44MzExIDEwLjA1NzVDMTIuNDQxMSA5Ljg3NzQ2IDEyLjQ0MTEgOS4zMjc0NiAxMi44MzExIDkuMTQ3NDZMMTMuODkxMSA4LjY1NzQ2TDE0LjM4MTEgNy42MDc0NkMxNC41NjExIDcuMjE3NDYgMTUuMTExMSA3LjIxNzQ2IDE1LjI5MTEgNy42MDc0NkwxNS43ODExIDguNjY3NDZMMTYuODMxMSA5LjE1NzQ2QzE3LjIyMTEgOS4zMzc0NiAxNy4yMjExIDkuODg3NDYgMTYuODMxMSAxMC4wNjc1TDE1Ljc3MTEgMTAuNTU3NUwxNS4yODExIDExLjYwNzVDMTUuMTAxMSAxMS45OTc1IDE0LjU1MTEgMTEuOTk3NSAxNC4zNzExIDExLjYwNzVMMTMuODkxMSAxMC41NDc1Wk00LjI4MTA3IDEzLjYwNzVMNC43NzEwNyAxMi41NDc1TDUuODMxMDcgMTIuMDU3NUM2LjIyMTA3IDExLjg3NzUgNi4yMjEwNyAxMS4zMjc1IDUuODMxMDcgMTEuMTQ3NUw0Ljc3MTA3IDEwLjY1NzVMNC4yODEwNyA5LjYwNzQ2QzQuMTExMDcgOS4yMTc0NiAzLjU1MTA3IDkuMjE3NDYgMy4zODEwNyA5LjYwNzQ2TDIuODkxMDcgMTAuNjY3NUwxLjgzMTA3IDExLjE1NzVDMS40NDEwNyAxMS4zMzc1IDEuNDQxMDcgMTEuODg3NSAxLjgzMTA3IDEyLjA2NzVMMi44OTEwNyAxMi41NTc1TDMuMzgxMDcgMTMuNjA3NUMzLjU1MTA3IDEzLjk5NzUgNC4xMTEwNyAxMy45OTc1IDQuMjgxMDcgMTMuNjA3NVpNOC43OTEwNyA4LjU5NzQ2TDkuNDIxMDcgNy4xOTc0NkwxMC44MjExIDYuNTY3NDZDMTEuMjExMSA2LjM4NzQ2IDExLjIxMTEgNS44Mzc0NiAxMC44MjExIDUuNjU3NDZMOS40MjEwNyA1LjAyNzQ2TDguNzkxMDcgMy42Mjc0NkM4LjYxMTA3IDMuMjM3NDYgOC4wNjEwNyAzLjIzNzQ2IDcuODgxMDcgMy42Mjc0Nkw3LjI1MTA3IDUuMDI3NDZMNS44NTEwNyA1LjY1NzQ2QzUuNDYxMDcgNS44Mzc0NiA1LjQ2MTA3IDYuMzg3NDYgNS44NTEwNyA2LjU2NzQ2TDcuMjUxMDcgNy4xOTc0Nkw3Ljg4MTA3IDguNTk3NDZDOC4wNTEwNyA4Ljk4NzQ2IDguNjExMDcgOC45ODc0NiA4Ljc5MTA3IDguNTk3NDZaTTIyLjE3MTEgOC44Nzc0NkMyMS43NzExIDguNDc3NDYgMjEuMTAxMSA4LjQ4NzQ2IDIwLjcyMTEgOC45MTc0NkwxNC4zMzExIDE2LjA5NzVMMTEuMDQxMSAxMi44MDc1QzEwLjY1MTEgMTIuNDE3NSAxMC4wMjExIDEyLjQxNzUgOS42MzEwNyAxMi44MDc1TDMuNTkxMDcgMTguODU3NUMzLjE4MTA3IDE5LjI2NzUgMy4xODEwNyAxOS45NDc1IDMuNTkxMDcgMjAuMzU3NUM0LjAwMTA3IDIwLjc2NzUgNC42ODEwNyAyMC43Njc1IDUuMDkxMDcgMjAuMzU3NUwxMC4zNDExIDE1LjA5NzVMMTMuNTkxMSAxOC4zNDc1QzE0LjAwMTEgMTguNzU3NSAxNC42NjExIDE4LjczNzUgMTUuMDQxMSAxOC4zMDc1TDIyLjIxMTEgMTAuMjM3NUMyMi41NjExIDkuODQ3NDYgMjIuNTQxMSA5LjI0NzQ2IDIyLjE3MTEgOC44Nzc0NloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--pin: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAxMi44N0MxOSAxMi40IDE4LjY2IDEyLjAyIDE4LjIgMTEuODlDMTYuOTMgMTEuNTQgMTYgMTAuMzggMTYgOVY0SDE3QzE3LjU1IDQgMTggMy41NSAxOCAzQzE4IDIuNDUgMTcuNTUgMiAxNyAySDdDNi40NSAyIDYgMi40NSA2IDNDNiAzLjU1IDYuNDUgNCA3IDRIOFY5QzggMTAuMzggNy4wNyAxMS41NCA1LjggMTEuODlDNS4zNCAxMi4wMiA1IDEyLjQgNSAxMi44N1YxM0M1IDEzLjU1IDUuNDUgMTQgNiAxNEgxMC45OEwxMSAyMUMxMSAyMS41NSAxMS40NSAyMiAxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMUwxMi45OCAxNEgxOEMxOC41NSAxNCAxOSAxMy41NSAxOSAxM1YxMi44N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');\n --str-video__icon--no-audio: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjMzNjI5IDAuNzcyNzA5TDkuNzQ5MjQgMC40NDI2MTNDOS45MzYxNCAwLjI5MjkyOSAxMC4yMTE5IDAuMzE5NTk2IDEwLjM2NTEgMC41MDIxNzZDMTAuNDI5MyAwLjU3ODY3NyAxMC40NjQ0IDAuNjc0NTYzIDEwLjQ2NDMgMC43NzM0ODdWMS4zMzU0NlYxLjMzNzE1VjEuODY0NDdWMS45MjUyM1YxMy4yMDcyVjEzLjI2ODFWMTMuNzk1NVYxMy43OTcxVjE0LjM1OUMxMC40NjQ0IDE0LjU5NTEgMTAuMjY4NiAxNC43ODY2IDEwLjAyNjkgMTQuNzg2OEM5LjkyNTY4IDE0Ljc4NjggOS44Mjc1MyAxNC43NTI2IDkuNzQ5MjIgMTQuNjg5OUw5LjMzNjI2IDE0LjM1OTdMOS4zMzUzOSAxNC4zNTlMOC45MDg2MSAxNC4wMTc4TDguODU5NzMgMTMuOTc4N0w1LjExNjcyIDEwLjk4NjFMNS4xMTU4NSAxMC45ODYxSDEuNzEyMTNDMS4yMjg3NiAxMC45ODYxIDAuODM2OTE0IDEwLjYwMzMgMC44MzY5MTQgMTAuMTMxMlY1LjAwMTMzQzAuODM2OTE0IDQuNTI5MTQgMS4yMjg3NiA0LjE0NjM1IDEuNzEyMTMgNC4xNDYzNUg1LjExNTg1TDguODU5NzMgMS4xNTM2NUw4LjkwOTY0IDEuMTEzNzVMOS4zMzUzMiAwLjc3MzQ4N0w5LjMzNjI5IDAuNzcyNzA5Wk02LjExNzcyIDUuMzk5N0w4Ljg1OTczIDMuMjA3ODVWMTEuOTI0M0w2LjExODcxIDkuNzMyODhMNS42Nzg2NSA5LjM4MTA1TDUuMTE1ODUgOS4zODE1N0g1LjExNTIzTDUuMTE0MzYgOS4zODE1N0wyLjQ0MTQ4IDkuMzgxNTdWNS43NTA5Mkg1LjExNTg1SDUuNjc4MzRMNi4xMTc3MiA1LjM5OTdaTTE5LjUyNDQgOS44NjQ0NkwxNy4yMjYyIDcuNTY2MjRMMTkuNTI0NCA1LjI2ODAxQzE5LjgzNzcgNC45NTQ3IDE5LjgzMiA0LjQ0MTA4IDE5LjUxODcgNC4xMjc3N0MxOS4yMDU0IDMuODE0NDYgMTguNjkxOCAzLjgwODgyIDE4LjM3ODUgNC4xMjIxM0wxNi4wODAzIDYuNDIwMzVMMTMuNzgyIDQuMTIyMTNDMTMuNDY4NyAzLjgwODgyIDEyLjk1NTEgMy44MTQ0NiAxMi42NDE4IDQuMTI3NzdDMTIuMzI4NSA0LjQ0MTA4IDEyLjMyMjggNC45NTQ3IDEyLjYzNjIgNS4yNjgwMUwxNC45MzQ0IDcuNTY2MjRMMTIuNjM2MiA5Ljg2NDQ2QzEyLjMyMjggMTAuMTc3OCAxMi4zMjg1IDEwLjY5MTQgMTIuNjQxOCAxMS4wMDQ3QzEyLjk1NTEgMTEuMzE4IDEzLjQ2ODcgMTEuMzIzNyAxMy43ODIgMTEuMDEwM0wxNi4wODAzIDguNzEyMTJMMTguMzc4NSAxMS4wMTAzQzE4LjY5MTggMTEuMzIzNyAxOS4yMDU0IDExLjMxOCAxOS41MTg3IDExLjAwNDdDMTkuODMyIDEwLjY5MTQgMTkuODM3NyAxMC4xNzc4IDE5LjUyNDQgOS44NjQ0NloiIGZpbGw9IiM3Mjc2N0UiLz4KPC9zdmc+Cg==');\n --str-video__icon--camera-off-outline: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODUxMzggNS41MDk5OUw1LjI0NjgyIDMuOTA1NDNMMS45MTczNSAwLjU4Mzk4NEwwLjc4NjEzMyAxLjcxNTJMMi45NzYzNiAzLjkwNTQzSDIuMzkwN0MxLjk0OTQ0IDMuOTA1NDMgMS41ODg0MSA0LjI2NjQ2IDEuNTg4NDEgNC43MDc3MVYxMi43MzA1QzEuNTg4NDEgMTMuMTcxOCAxLjk0OTQ0IDEzLjUzMjggMi4zOTA3IDEzLjUzMjhIMTIuMDE4MUMxMi4xODY2IDEzLjUzMjggMTIuMzMxIDEzLjQ2ODYgMTIuNDU5MyAxMy4zODg0TDE1LjAxMDYgMTUuOTM5N0wxNi4xNDE4IDE0LjgwODRMOS4wMzM1OSA3LjcwMDIyTDYuODUxMzggNS41MDk5OVpNMy4xOTI5OCAxMS45MjgyVjUuNTA5OTlINC41ODA5MkwxMC45OTkyIDExLjkyODJIMy4xOTI5OFpNMTEuMjE1OCA1LjUwOTk5VjcuNjAzOTVMMTYuMDI5NSAxMi40MTc2VjQuMzA2NTdMMTIuODIwNCA3LjUxNTdWNC43MDc3MUMxMi44MjA0IDQuMjY2NDYgMTIuNDU5MyAzLjkwNTQzIDEyLjAxODEgMy45MDU0M0g3LjUxNzI4TDkuMTIxODQgNS41MDk5OUgxMS4yMTU4WiIgZmlsbD0iIzcyNzY3RSIvPgo8L3N2Zz4K');\n --str-video__icon--not-allowed: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDY0MjIgMC45MzU1NDdDNC4wMzU2MyAwLjkzNTU0NyAwLjQ0MTQwNiA0LjUyOTc3IDAuNDQxNDA2IDguOTU4MzZDMC40NDE0MDYgMTMuMzg3IDQuMDM1NjMgMTYuOTgxMiA4LjQ2NDIyIDE2Ljk4MTJDMTIuODkyOCAxNi45ODEyIDE2LjQ4NyAxMy4zODcgMTYuNDg3IDguOTU4MzZDMTYuNDg3IDQuNTI5NzcgMTIuODkyOCAwLjkzNTU0NyA4LjQ2NDIyIDAuOTM1NTQ3Wk0yLjA0NTk3IDguOTU4MzZDMi4wNDU5NyA1LjQxMjI4IDQuOTE4MTQgMi41NDAxMSA4LjQ2NDIyIDIuNTQwMTFDOS45NDg0NCAyLjU0MDExIDExLjMxMjMgMy4wNDU1NSAxMi4zOTU0IDMuODk1OTdMMy40MDE4MyAxMi44ODk1QzIuNTUxNDEgMTEuODA2NSAyLjA0NTk3IDEwLjQ0MjYgMi4wNDU5NyA4Ljk1ODM2Wk04LjQ2NDIyIDE1LjM3NjZDNi45OCAxNS4zNzY2IDUuNjE2MTIgMTQuODcxMiA0LjUzMzA0IDE0LjAyMDhMMTMuNTI2NiA1LjAyNzE4QzE0LjM3NyA2LjExMDI2IDE0Ljg4MjUgNy40NzQxNCAxNC44ODI1IDguOTU4MzZDMTQuODgyNSAxMi41MDQ0IDEyLjAxMDMgMTUuMzc2NiA4LjQ2NDIyIDE1LjM3NjZaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=');\n}\n","@mixin default-avatar-dimensions {\n width: 2rem;\n height: 2rem;\n}\n\n.str-video__avatar {\n @include default-avatar-dimensions;\n object-fit: cover;\n}\n\n.str-video__avatar--initials-fallback {\n @include default-avatar-dimensions;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n","@use \"../utils\";\n\n.str-video {\n / The font color applied inside the component /\n --str-video__avatar--color: var(--str-video__text-color1);\n\n / The background color of the component /\n --str-video__avatar--background-color: var(--str-video__background-color1);\n\n / The border radius used for the borders of the component /\n --str-video__avatar--border-radius: var(--str-video__border-radius-circle);\n\n}\n.str-video__avatar {\n @include utils.component-layer-overrides('avatar');\n}\n\n.str-video__avatar--initials-fallback {\n background-color: var(--str-video__primary-color);\n font-size: 1rem;\n font-weight: 600;\n border-radius: var(--str-video__border-radius-circle);\n text-transform: uppercase;\n}\n","@mixin ellipsis-text {\n white-space: nowrap;\n overflow-y: visible;\n // Not every browser support clip overflow, so hidden is defined as a fallback\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n@mixin apply-mask-image($imageDataUrl, $fill, $size: 1rem) {\n -webkit-mask-image: $imageDataUrl;\n mask-image: $imageDataUrl;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: $size;\n mask-size: $size;\n background-color: $fill;\n}\n\n@mixin component-layer-overrides($component-name, $important: '') {\n background: var(--str-video__#{$component-name}--background-color)\n #{$important};\n color: var(--str-video__#{$component-name}--color) #{$important};\n box-shadow: var(--str-video__#{$component-name}--box-shadow) #{$important};\n border-radius: var(--str-video__#{$component-name}--border-radius)\n #{$important};\n border-block-start: var(--str-video__#{$component-name}--border-block-start)\n #{$important};\n border-block-end: var(--str-video__#{$component-name}--border-block-end)\n #{$important};\n border-inline-start: var(--str-video__#{$component-name}--border-inline-start)\n #{$important};\n border-inline-end: var(--str-video__#{$component-name}--border-inline-end)\n #{$important};\n}\n\n@mixin reset-select {\n // A reset of styles, including removing the default dropdown arrow\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n // Additional resets for further consistency\n background-color: transparent;\n border: none;\n padding: 0 1em 0 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: inherit;\n cursor: inherit;\n line-height: inherit;\n outline: none;\n}\n",".str-video__button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--str-video__border-radius-md);\n padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);\n text-align: center;\n min-width: 120px;\n width: 100%;\n font-size: var(--str-video__font-size-md);\n font-weight: 500;\n border: 1px solid transparent;\n color: var(--str-video__text-color1);\n\n background-color: var(--str-video__button-primary-base);\n\n &:not([disabled]):hover {\n background-color: var(--str-video__button-primary-hover);\n cursor: pointer;\n }\n\n &__icon {\n margin-inline-end: var(--str-video__spacing-xs);\n background-color: var(--str-video__text-color1);\n }\n\n &:disabled {\n background-color: var(--str-video__button-default-disabled);\n cursor: not-allowed;\n }\n}\n\n.str-video__composite-button {\n &--caption {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .str-video__composite-button__button-group {\n display: flex;\n align-items: center;\n\n .str-video__composite-button__button {\n all: unset;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0.5rem;\n\n &:not([disabled]):hover {\n cursor: pointer;\n }\n }\n\n .str-video__menu-toggle-button {\n padding: 0;\n margin-inline-start: -30px;\n margin-inline-end: 8px;\n }\n\n .str-video__loading-indicator__icon {\n width: 1.375rem;\n height: 1.375rem;\n -webkit-mask-size: 1.25rem;\n mask-size: 1.25rem;\n }\n }\n\n &.str-video__composite-button--menu .str-video__composite-button__button {\n padding-inline-end: 2.5rem;\n }\n}\n\n.str-video__call-controls__button {\n padding: 0.5rem;\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n &:hover,\n &:hover > :hover {\n cursor: pointer;\n }\n}\n\n.str-video__text-button {\n all: unset;\n padding: 5px;\n font-size: 12px;\n border-radius: var(\n --str-video__participant-list-header__close-button--border-radius\n );\n background: var(\n --str-video__participant-list-header__close-button--background-color\n );\n}\n\n.str-video__call-recording-list-item__action-button {\n border: none;\n}\n","@use '../utils';\n\n.str-video {\n /* The font color applied inside the component /\n --str-video__composite-button__button-group--color: var(\n --str-video__text-color1\n );\n\n / The background color of the component /\n --str-video__composite-button__button-group--background-color: var(\n --str-video__button-primary-base\n );\n\n / The active background color of the component /\n --str-video__composite-button__button-group-active--background-color: var(\n --str-video__button-primary-active\n );\n\n --str-video__composite-button__button-group-active-primary--background-color: var(\n --str-video__button-primary-active\n );\n\n --str-video__composite-button__button-group-active-secondary--background-color: var(\n --str-video__button-secondary-active\n );\n\n --str-video__composite-button__button-group-active-secondary-hover--background-color: var(\n --str-video__button-secondary-hover\n );\n\n / The hover background color of the component /\n --str-video__composite-button__button-group-hover--background-color: var(\n --str-video__button-default-hover\n );\n\n / The border radius used for the borders of the component /\n --str-video__composite-button__button-group--border-radius: var(\n --str-video__border-radius-xs\n );\n}\n\n.str-video__composite-button__button-group {\n @include utils.component-layer-overrides('composite-button__button-group');\n background-color: var(\n --str-video__composite-button__button-group--background-color\n );\n border-radius: var(--str-video__border-radius-circle);\n\n .str-video__call-controls__button.str-video__menu-toggle-button {\n background-color: var(--str-video__button-primary-base);\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n }\n\n &--active {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n color: white;\n\n &:hover {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n }\n\n &:disabled {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n }\n }\n }\n\n &.str-video__composite-button__button-group--active {\n background-color: var(\n --str-video__composite-button__button-group-active--background-color\n );\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n }\n\n .str-video__icon {\n background-color: var(--str-video__icon-active);\n }\n }\n\n &.str-video__composite-button__button-group--active-primary {\n background-color: var(\n --str-video__composite-button__button-group-active-primary--background-color\n );\n }\n\n &.str-video__composite-button__button-group--active-secondary {\n background-color: var(\n --str-video__composite-button__button-group-active-secondary--background-color\n );\n }\n}\n\n.str-video__composite-button__caption {\n font-size: 12px;\n line-height: 15px;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.str-video__composite-button__button-group:not(\n .str-video__composite-button__button-group--disabled\n ):hover {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n\n &.str-video__composite-button__button-group--active-secondary:hover {\n background-color: var(\n --str-video__composite-button__button-group-active-secondary-hover--background-color\n );\n }\n\n .str-video__icon {\n background-color: var(--str-video__icon-hover);\n }\n}\n\n.str-video__call-controls__button {\n border-radius: var(--str-video__border-radius-circle);\n text-decoration: none;\n box-shadow: none;\n border: none;\n background-color: var(--str-video__button-primary-base);\n\n &:hover {\n text-decoration: none;\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n\n .str-video__icon {\n background-color: var(--str-video__icon-hover);\n }\n }\n\n &--variant-danger {\n background-color: var(--str-video__button-tertiary-base);\n\n .str-video__icon {\n background-color: white;\n }\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n }\n }\n\n &--variant-success {\n background-color: var(--str-video__info-color);\n\n &:hover {\n background-color: var(--str-video__info-color--accent);\n }\n }\n\n &--variant-active {\n background-color: var(--str-video__button-primary-active);\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n }\n }\n\n &--enabled {\n background: var(--str-video__background-color7);\n }\n}\n",".str-video__background-filters {\n position: absolute;\n bottom: 0;\n // it needs at least 1px to be visible in the viewport,\n // otherwise, the browser will not play the videos\n right: calc(100% - 1px);\n overflow: hidden;\n // trick to make the video not visible but still playable by the browser\n // display: none doesn't work as the browser won't play the video\n opacity: 0;\n\n .str-video__background-filters__video {\n top: 0;\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .str-video__background-filters__video--tall {\n object-fit: contain;\n }\n\n .str-video__background-filters__background-image {\n top: 5px;\n width: 100%;\n height: auto;\n }\n\n .str-video__background-filters__target-canvas {\n top: 10px;\n width: 100%;\n height: auto;\n }\n}\n",".str-video__call-controls {\n display: flex;\n justify-content: center;\n gap: 1rem;\n padding: 1rem 0;\n\n .str-video__reactions-menu {\n background-color: var(--str-video__base-color6);\n display: flex;\n\n padding: var(--str-video__spacing-sm);\n gap: 0.5rem;\n\n border-radius: var(--str-video__border-radius-lg);\n\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n\n .str-video__reactions-menu__button {\n font-family:\n 'Twemoji Mozilla',\n Apple Color Emoji,\n 'Segoe UI Emoji',\n 'Noto Color Emoji',\n 'EmojiOne Color';\n font-size: 1.2rem;\n height: 38px;\n width: 38px;\n background-color: var(--str-video__button-primary-base);\n border-radius: var(--str-video__border-radius-circle);\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n cursor: pointer;\n }\n }\n }\n}\n\n.str-video__no-media-permission,\n.str-video__pending-permission {\n position: absolute;\n height: 12px;\n width: 12px;\n outline: 1px solid var(--str-video__base-color6);\n border-radius: var(--str-video__border-radius-circle);\n display: flex;\n justify-content: center;\n align-items: center;\n\n font-size: var(--str-video__font-size-xxs);\n cursor: pointer;\n font-weight: 600;\n top: 0;\n right: -3px;\n}\n\n.str-video__no-media-permission {\n background-color: var(--str-video__alert-caution);\n color: var(--str-video__base-color4);\n}\n\n.str-video__pending-permission {\n background-color: var(--str-video__button-secondary-active);\n color: var(--str-video__text-color1);\n}\n\n.str-video__composite-button.str-video__device-unavailable {\n .str-video__composite-button__button-group {\n background-color: var(--str-video__button-default-disabled);\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n }\n }\n}\n",".str-video__end-call {\n &__confirmation {\n padding: var(--str-video__spacing-lg);\n gap: var(--str-video__spacing-md);\n\n display: flex;\n flex-direction: column;\n }\n\n &__leave,\n &__end {\n min-width: 196px;\n color: var(--str-video__text-color1);\n border: 1px solid transparent;\n padding: calc(var(--str-video__spacing-sm) - 1px)\n var(--str-video__spacing-lg);\n\n &-icon {\n background-color: var(--str-video__text-color1);\n }\n }\n\n &__leave {\n background-color: var(--str-video__button-tertiary-base);\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n }\n }\n\n &__end {\n background-color: var(--str-video__button-primary-base);\n border-color: var(--str-video__button-default-hover);\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n border-color: transparent;\n }\n }\n}\n\n.str-video__end-call.str-video__end-call__leave-icon,\n.str-video__icon.str-video__end-call__end-icon {\n background-color: var(--str-video__text-color1);\n}\n\n.str-video__end-recording__confirmation {\n background-color: var(--str-video__base-color7);\n border-radius: var(--str-video__border-radius-lg);\n padding: var(--str-video__spacing-xl);\n gap: var(--str-video__spacing-lg);\n display: flex;\n flex-direction: column;\n}\n\n.str-video__end-recording__header {\n display: flex;\n flex-direction: row;\n gap: var(--str-video__spacing-md);\n}\n\n.str-video__end-recording__heading {\n font-size: var(--str-video__font-size-lg);\n font-weight: 600;\n margin: 0;\n}\n\n.str-video__end-recording__description {\n margin: 0;\n color: var(--str-video__text-color2);\n font-size: var(--str-video__font-size-sm);\n}\n\n.str-video__end-recording__actions {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: var(--str-video__spacing-md);\n\n .str-video__composite-button {\n width: 100%;\n gap: var(--str-video__spacing-md);\n\n &:first-of-type {\n background-color: transparent;\n\n .str-video__composite-button__button-group {\n background-color: transparent;\n border: 1px solid var(--str-video__base-color2);\n width: 100%;\n justify-content: center;\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n }\n }\n }\n .str-video__composite-button__button-group {\n background-color: var(--str-video__button-tertiary-base);\n width: 100%;\n justify-content: center;\n\n .str-video__text-button {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n }\n }\n }\n}\n",".str-video__livestream-layout__wrapper {\n flex-grow: 1;\n overflow-y: hidden;\n\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n\n .str-video__livestream-layout__screen-share {\n max-width: 100%;\n\n .str-video__video {\n object-fit: contain;\n }\n }\n\n .str-video__livestream-layout__floating-participant {\n position: absolute;\n width: 240px;\n height: 135px;\n box-shadow: var(--str-video__background-color1) 0 0 3px 0;\n\n &--top-right {\n top: 8px;\n right: 8px;\n }\n\n &--top-left {\n top: 8px;\n left: 8px;\n }\n\n &--bottom-right {\n bottom: 8px;\n right: 8px;\n }\n\n &--bottom-left {\n bottom: 8px;\n left: 8px;\n }\n }\n\n .str-video__livestream-layout__overlay {\n position: absolute;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column-reverse;\n\n &:hover .str-video__livestream-layout__overlay__bar {\n background-color: var(--str-video__livestream-overlay-color-hovered);\n }\n\n .str-video__livestream-layout__overlay__bar {\n height: 10%;\n min-height: 40px;\n max-height: 70px;\n position: relative;\n bottom: 0;\n border-bottom-left-radius: var(--str-video__border-radius-sm);\n border-bottom-right-radius: var(--str-video__border-radius-sm);\n\n background-color: var(--str-video__livestream-overlay-color);\n\n display: flex;\n align-items: center;\n padding: 0 20px;\n }\n\n .str-video__livestream-layout__live-badge {\n padding: 4px 8px;\n border-radius: var(--str-video__border-radius-xxs);\n background-color: var(--str-video__primary-color);\n color: var(--str-video__text-color1);\n }\n\n .str-video__livestream-layout__viewers-count {\n &::before {\n content: var(--str-video__icon--livestream-viewers);\n margin-right: 3px;\n vertical-align: middle;\n }\n\n padding: 4px 8px;\n }\n\n .str-video__livestream-layout__speaker-name {\n flex: 1;\n font-size: 13px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .str-video__livestream-layout__duration {\n flex: 1;\n text-align: center;\n }\n\n .str-video__livestream-layout__go-fullscreen {\n background: var(--str-video__icon--fullscreen) center no-repeat;\n border-radius: var(--str-video__border-radius-xxs);\n cursor: pointer;\n width: 32px;\n height: 32px;\n\n &:hover {\n background-color: var(--str-video__overlay-color);\n }\n }\n }\n\n .str-video__livestream-layout__backstage {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .str-video__livestream-layout__starts-at {\n padding: 4px 8px;\n }\n\n .str-video__livestream-layout__early-viewers-count {\n &::before {\n content: var(--str-video__icon--livestream-viewers);\n margin-right: 3px;\n vertical-align: middle;\n }\n\n padding: 4px 8px;\n }\n }\n}\n","$scope-name: 'str-video__paginated-grid-layout';\n\n.str-video__paginated-grid-layout__wrapper {\n flex-grow: 1;\n}\n\n.str-video__paginated-grid-layout {\n display: flex;\n height: 100%;\n align-items: center;\n justify-content: space-between;\n\n .str-video__paginated-grid-layout__group {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n // prevents horizontal overflow\n max-width: 110vh; // TODO: consider applying different limits (2 participants \"unset\", 4 participants 110vh...) \n padding-inline: 1.25rem;\n margin: auto; // when arrows aren't rendered this element jumps to the left\n width: 100%; // prevent resizing of placeholders \n\n .str-video__participant-view {\n flex: 0 1 calc(25% - 6px);\n }\n\n &.str-video__paginated-grid-layout--one {\n .str-video__participant-view {\n flex: 0 1 calc(100% - 6px);\n }\n }\n &.str-video__paginated-grid-layout--two-four {\n .str-video__participant-view {\n flex: 0 1 calc(50% - 6px);\n }\n }\n &.str-video__paginated-grid-layout--five-nine {\n .str-video__participant-view {\n flex: 0 1 calc(33% - 6px);\n }\n }\n }\n}\n","$scope-name: 'str-video__speaker-layout';\n\n.str-video__speaker-layout__wrapper {\n flex-grow: 1;\n overflow-y: hidden;\n}\n\n.str-video__speaker-layout {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n width: 100%;\n gap: 1rem;\n padding-inline: 2px; // to see \"speaking\" outline\n padding: 2px;\n\n .str-video__participant-view {\n aspect-ratio: 16/9;\n }\n\n .str-video__speaker-layout__spotlight {\n display: flex;\n justify-content: center;\n min-height: 0;\n height: 100%;\n\n .str-video__participant-view--speaking:has(\n .str-video__video--screen-share\n ) {\n outline: none;\n }\n\n .str-video__video {\n height: 100%;\n width: 100%;\n }\n\n .str-video__participant-details,\n .str-video__call-controls__button {\n opacity: 1;\n }\n }\n\n .str-video__speaker-layout__participants-bar-buttons-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > .str-video__call-controls__button {\n .str-video__icon {\n width: 1rem;\n height: 1rem;\n }\n }\n\n .str-video__speaker-layout__participants-bar--button-left {\n position: absolute;\n left: 0.5rem;\n }\n .str-video__speaker-layout__participants-bar--button-right {\n position: absolute;\n right: 0.5rem;\n }\n .str-video__speaker-layout__participants-bar--button-top {\n position: absolute;\n top: 0.5rem;\n }\n .str-video__speaker-layout__participants-bar--button-bottom {\n position: absolute;\n bottom: 0.5rem;\n }\n }\n\n .str-video__speaker-layout__participants-bar-wrapper {\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n .str-video__speaker-layout__participants-bar {\n display: flex;\n align-items: center;\n\n .str-video__speaker-layout__participant-tile {\n width: 280px;\n min-width: 280px;\n max-width: 25vh;\n // to see \"speaking\" outline\n padding: 5px;\n }\n }\n }\n\n &--variant-top {\n flex-direction: column-reverse;\n }\n &--variant-left {\n flex-direction: row-reverse;\n }\n &--variant-right {\n flex-direction: row;\n }\n\n &--variant-left,\n &--variant-right {\n .str-video__speaker-layout__participants-bar-wrapper {\n overflow-y: auto;\n max-height: 100%;\n }\n .str-video__speaker-layout__participants-bar {\n flex-direction: column;\n }\n .str-video__speaker-layout__spotlight {\n width: 100%;\n }\n .str-video__participant-view {\n max-width: unset;\n }\n }\n\n &--variant-top,\n &--variant-bottom {\n .str-video__speaker-layout__participants-bar-wrapper {\n overflow-x: auto;\n }\n .str-video__speaker-layout__participants-bar {\n flex-direction: row;\n }\n .str-video__participant-view {\n max-width: 110vh;\n }\n }\n}\n\n@media (min-width: 600px) {\n .str-video__speaker-layout {\n .str-video__speaker-layout__spotlight {\n align-items: center;\n height: auto;\n\n .str-video__video {\n object-fit: contain;\n }\n }\n }\n}\n",".str-video__pip-layout {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n overflow: hidden;\n justify-content: center;\n gap: 1rem;\n padding-inline: 1rem;\n height: 100%;\n}\n\n.str-video__pip-screen-share-local {\n display: flex;\n gap: var(--str-video__spacing-sm);\n border-radius: var(--str-video__border-radius-sm);\n padding: var(--str-video__spacing-md);\n font-size: var(--str-video__font-size-sm);\n\n .str-video__icon {\n width: 1rem;\n height: 1rem;\n }\n}\n",".str-video__pip-screen-share-local {\n background: var(--str-video__background-color5);\n}\n","$scope-name: 'str-video__participant-list';\n\n.str-video__participant-list {\n display: flex;\n flex-direction: column;\n\n .str-video__participant-list-header {\n display: flex;\n align-items: center;\n\n .str-video__participant-list-header__title {\n flex: 1;\n font-size: var(--str-video__font-size-sm);\n }\n .str-video__participant-list-header__close-button {\n > span {\n height: 15px;\n width: 15px;\n }\n }\n }\n\n .str-video__search-input__container {\n margin-top: var(--str-video__spacing-md);\n }\n\n .str-video__participant-list__content-header {\n display: none;\n align-items: center;\n gap: 0.5rem;\n margin-top: var(--str-video__spacing-md);\n justify-content: flex-end;\n\n .str-video__participant-list__content-header-title {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n\n .str-video__call-controls__button {\n width: 1.75rem;\n height: 1.75rem;\n display: flex;\n padding: unset;\n align-items: center;\n justify-content: center;\n\n .str-video__icon--filter {\n width: 1rem;\n height: 1rem;\n }\n }\n }\n\n .str-video__participant-list__content {\n height: auto;\n flex-grow: 1;\n overflow-y: auto;\n margin-top: var(--str-video__spacing-xl);\n }\n\n .str-video__participant-list__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n gap: 0.5rem;\n }\n\n .str-video__search-results--loading {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n\n .str-video__loading-indicator__icon {\n $indicator-size: 3rem;\n height: $indicator-size;\n width: $indicator-size;\n -webkit-mask-size: $indicator-size;\n mask-size: $indicator-size;\n }\n }\n\n .str-video__participant-list--empty {\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--str-video__spacing-md);\n font-size: var(--str-video__font-size-sm);\n }\n}\n\n.str-video__invite-link-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n width: 100%;\n position: relative;\n padding-block: 0.5rem;\n\n .str-video__invite-link-tooltip {\n position: absolute;\n bottom: 110%;\n }\n\n .str-video__invite-participant-icon {\n height: 20px;\n width: 20px;\n }\n}\n","@use '../utils';\n\n.str-video__participant-listing-item {\n display: flex;\n justify-content: space-between;\n gap: var(--str-video__spacing-sm);\n padding-block: 0.5rem;\n width: 100%;\n align-items: center;\n\n .str-video__call-controls__button {\n padding: unset;\n }\n\n .str-video__participant-listing-item__display-name {\n flex: 1;\n @include utils.ellipsis-text();\n }\n\n .str-video__participant-avatar {\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n }\n\n .str-video__participant-listing-item__media-indicator-group {\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n\n .str-video__participant-listing-item__icon {\n width: 0.75rem;\n height: 0.75rem;\n }\n }\n}\n","@use '../utils';\n\n.str-video__participant-listing-item {\n .str-video__participant-listing-item__display-name {\n font-size: 13px;\n }\n\n .str-video__participant-listing-item__media-indicator-group {\n .str-video__participant-listing-item__icon-mic {\n @include utils.apply-mask-image(\n var(--str-video__icon--mic),\n var(--str-video__text-color1),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-mic-off {\n @include utils.apply-mask-image(\n var(--str-video__icon--mic-off),\n var(--str-video__danger-color),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-camera {\n @include utils.apply-mask-image(\n var(--str-video__icon--camera),\n var(--str-video__text-color1),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-camera-off {\n @include utils.apply-mask-image(\n var(--str-video__icon--camera-off),\n var(--str-video__danger-color),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-pinned {\n @include utils.apply-mask-image(\n var(--str-video__icon--pin),\n var(--str-video__text-color1),\n contain,\n );\n }\n }\n}\n\n",".str-video__call-preview {\n width: 100%;\n height: auto;\n display: inline-block;\n object-fit: contain;\n}\n",".str-video__call-recording-list__list {\n display: flex;\n flex-direction: column;\n list-style: none;\n margin: 0;\n padding: 0;\n\n &:first-of-type {\n .str-video__call-recording-list__item {\n font-weight: 600;\n }\n }\n}\n\n.str-video__call-recording-list__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n font-size: var(--str-video__font-size-xs);\n border-bottom: 1px solid var(--str-video__base-color2);\n padding: var(--str-video__spacing-sm) 0;\n gap: var(--str-video__spacing-sm);\n\n &:last-of-type {\n border-bottom: none;\n }\n}\n.str-video__call-recording-list__filename {\n width: 200px;\n}\n\n.str-video__call-recording-list__time {\n width: 100px;\n}\n\n.str-video__call-recording-list__download {\n display: flex;\n justify-content: flex-end;\n width: 100px;\n}\n\n.str-video__call-recording-list__filename,\n.str-video__call-recording-list__time {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.str-video__call-recording-list-item__action-button--download {\n .str-video__icon--download {\n height: 32px;\n width: 32px;\n }\n &:hover {\n .str-video__icon--download {\n cursor: pointer;\n background-color: var(--str-video__brand-color1);\n }\n }\n}\n","@use '../utils';\n\n.str-video__call-recording-list__title {\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n.str-video__call-controls__button--icon-call-recordings {\n @include utils.apply-mask-image(\n var(--str-video__icon--film-roll),\n var(--str-video__text-color1),\n 2px\n );\n}\n\n.str-video__call-recordings__toggle-button--active {\n background-color: var(--str-video__background-color7);\n}\n\n.str-video__refresh-button {\n background-color: transparent;\n cursor: pointer;\n border-radius: 4px;\n\n &:hover {\n background-color: var(--str-video__background-color7);\n }\n\n &:active {\n background-color: var(--str-video__background-color5);\n transition: background-color 0.2s ease-out;\n }\n\n .str-video__refresh-button--icon {\n @include utils.apply-mask-image(\n var(--str-video__icon--refresh),\n var(--str-video__text-color1),\n contain\n );\n }\n}\n\n.str-video__call-recording-list__listing--icon-empty {\n @include utils.apply-mask-image(\n var(--str-video__icon--film-roll),\n var(--str-video__text-color1),\n contain\n );\n}\n",".str-video__call-stats {\n border-radius: var(--str-video__border-radius-lg);\n background-color: var(--str-video__base-color7);\n padding: var(--str-video__spacing-md);\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n\n h3 {\n margin: unset;\n }\n\n .str-video__call-stats__header {\n display: flex;\n flex-direction: column;\n margin-bottom: var(--str-video__spacing-md);\n }\n\n .str-video__call-stats__heading {\n display: flex;\n align-items: center;\n }\n\n .str-video__call-stats__icon {\n margin-right: var(--str-video__spacing-sm);\n height: 18px;\n width: 18px;\n }\n\n .str-video__call-stats__description {\n font-size: var(--str-video__font-size-sm);\n margin-bottom: var(--str-video__spacing-sm);\n font-weight: 600;\n }\n\n .str-video__call-stats__card-container {\n --gap: 1rem;\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n gap: var(--gap);\n }\n\n .str-video__call-stats__card {\n display: flex;\n justify-content: space-between;\n background-color: var(--str-video__background-color4);\n border-radius: var(--str-video__border-radius-xs);\n width: calc(50% - calc(var(--gap) / 2));\n padding: 0.5rem 0.5rem;\n\n .str-video__call-stats__card-content {\n display: flex;\n flex-direction: column;\n }\n\n .str-video__call-stats__card-label {\n display: flex;\n color: var(--str-video__text-color2);\n font-size: 0.5625rem;\n font-weight: 500;\n text-transform: uppercase;\n }\n\n .str-video__call-stats__card-value {\n font-size: 1.0625rem;\n font-weight: 500;\n line-height: 1.25rem;\n }\n }\n\n .str-video__call-explanation__icon {\n height: 12px;\n width: 12px;\n margin-left: var(--str-video__spacing-xs);\n\n &:hover {\n cursor: pointer;\n }\n }\n\n .str-video__call-explanation__description {\n background-color: var(--str-video__base-color3);\n padding: var(--str-video__spacing-xs);\n font-size: var(--str-video__font-size-xs);\n border-radius: var(--str-video__border-radius-xs);\n }\n\n .str-video__call-stats-line-chart-container {\n position: relative;\n margin: auto;\n height: 170px;\n width: 100%;\n }\n\n .str-video__call-stats__tag {\n border-radius: var(--str-video__border-radius-sm);\n padding: var(--str-video__spacing-xs);\n font-size: var(--str-video__font-size-sm);\n font-weight: 600;\n height: 30px;\n\n &--good {\n color: var(--str-video__alert-success);\n background-color: var(--str-video__alert-success-background);\n }\n &--ok {\n color: var(--str-video__alert-caution);\n background-color: var(--str-video__alert-caution-background);\n }\n\n &--bad {\n color: var(--str-video__alert-warning);\n background-color: var(--str-video__alert-warming-background);\n }\n }\n}\n",".str-video__device-settings__button {\n .str-video__call-controls__button--icon-device-settings {\n width: 1.25rem;\n height: 1.25rem;\n }\n}\n\n.str-video__device-settings {\n padding: 0.625rem;\n z-index: 1;\n font-family: 'Inter';\n}\n\n.str-video__device-settings__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 16px 0px 16px;\n margin-bottom: 33px;\n}\n\n.str-video__icon.str-video__device-settings__settings-icon {\n height: 24px;\n width: 24px;\n color: var(--str-video__base-color1);\n}\n\n.str-video__device-settings__heading {\n width: 100%;\n justify-self: start;\n margin: unset;\n margin-left: 8px;\n color: var(--str-video__base-color1);\n font-size: 24;\n font-weight: 500;\n word-wrap: 'break-word';\n}\n\n.str-video__device-settings__close-button {\n color: var(--str-video__base-color1);\n background-color: transparent;\n}\n\n.str-video__device-settings__device-kind {\n padding: var(--str-video__spacing-lg);\n\n .str-video__device-settings__device-selector-title {\n font-size: var(--str-video__font-size-xs);\n line-height: 1.25rem;\n\n padding-bottom: 0.5rem;\n font-size: 13px;\n margin-bottom: 8px;\n }\n\n .str-video__option,\n .str-video__device-settings__option {\n display: flex;\n align-items: center;\n border-radius: var(--str-video__border-radius-lg);\n background-color: var(--str-video__button-primary-base);\n padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);\n\n gap: 8px;\n\n font-weight: 600;\n font-size: var(--str-video__font-size-sm);\n line-height: var(--str-video__spaging-lg);\n\n &:not(:first-of-type) {\n margin-top: 8px;\n }\n\n &__icon {\n &--selected {\n background-color: var(--str-video__brand-color1);\n }\n }\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n cursor: pointer;\n }\n\n &--selected,\n &--active {\n background-color: var(--str-video__button-default-hover);\n }\n\n input[type='radio'] {\n margin: 0;\n height: 1rem;\n width: 1rem;\n display: grid;\n place-content: center;\n\n &::before {\n content: '';\n width: 0.5rem;\n height: 0.5rem;\n transform: scale(0);\n }\n &:checked::before {\n transform: scale(1);\n }\n\n &:checked {\n border-color: var(--str-video__primary-color);\n }\n }\n }\n}\n",".str-video {\n &__dropdown {\n position: relative;\n &-selected {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: var(--str-video__base-color4);\n border-radius: var(--str-video__border-radius-lg);\n border: 1px solid var(--str-video__base-color6);\n\n &__label {\n display: flex;\n align-items: center;\n font-weight: 600;\n padding: var(--str-video__spacing-sm);\n font-size: var(--str-video__font-size-xs);\n }\n\n &__icon {\n margin-right: var(--str-video__spacing-sm);\n }\n\n &__chevron {\n margin-right: var(--str-video__spacing-md);\n }\n\n & > :hover,\n &:hover {\n cursor: pointer;\n }\n\n &:hover {\n border: 1px solid var(--str-video__brand-color1);\n }\n }\n\n &-list {\n display: flex;\n flex-direction: column;\n position: absolute;\n z-index: 2;\n width: 100%;\n margin-top: var(--str-video__spacing-sm);\n background-color: var(--str-video__base-color6);\n border-radius: var(--str-video__border-radius-lg);\n padding: var(--str-video__spacing-md);\n gap: var(--str-video__spacing-sm);\n\n box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);\n }\n\n &-option {\n display: flex;\n align-items: center;\n border-radius: var(--str-video__border-radius-lg);\n\n padding: 8px 16px;\n gap: 8px;\n\n font-weight: 600;\n font-size: var(--str-video__font-size-sm);\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n cursor: pointer;\n }\n\n &--selected {\n background-color: var(--str-video__button-primary-active);\n color: var(--str-video__text-color1);\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n }\n }\n }\n\n &-icon {\n background-color: var(--str-video__icon-default);\n\n .str-video__dropdown__option:hover & {\n background-color: var(--str-video__icon-hover);\n }\n\n .str-video__dropdown-option--selected & {\n background-color: var(--str-video__text-color1);\n }\n }\n\n &-label {\n font-size: var(--str-video__font-size-xs);\n .str-video__dropdown__option:hover & {\n color: var(--str-video__base-color1);\n }\n }\n }\n}\n\n@media (min-width: 600px) {\n .str-video__dropdown-selected__label {\n font-size: var(--str-video__font-size-sm);\n }\n}\n",".str-video__icon {\n background-color: var(--str-video__icon-default);\n\n &--reactions {\n -webkit-mask-image: var(--str-video__icon--reactions);\n mask-image: var(--str-video__icon--reactions);\n }\n\n &--call-latency {\n -webkit-mask-image: var(--str-video__icon--call-latency);\n mask-image: var(--str-video__icon--call-latency);\n }\n\n &--network-quality {\n -webkit-mask-image: var(--str-video__icon--network-quality);\n mask-image: var(--str-video__icon--network-quality);\n }\n\n &--recording-on {\n -webkit-mask-image: var(--str-video__icon--recording-on);\n mask-image: var(--str-video__icon--recording-on);\n }\n\n &--caret-up {\n -webkit-mask-image: var(--str-video__icon--caret-up);\n mask-image: var(--str-video__icon--caret-up);\n }\n\n &--download {\n -webkit-mask-image: var(--str-video__icon--download);\n mask-image: var(--str-video__icon--download);\n }\n\n &--caret-down {\n -webkit-mask-image: var(--str-video__icon--caret-down);\n mask-image: var(--str-video__icon--caret-down);\n transform: rotate(180deg);\n }\n\n &--chevron-right {\n -webkit-mask-image: var(--str-video__icon--chevron-right);\n mask-image: var(--str-video__icon--chevron-right);\n }\n\n &--recording-off {\n -webkit-mask-image: var(--str-video__icon--recording-off);\n mask-image: var(--str-video__icon--recording-off);\n }\n\n &--loading {\n -webkit-mask-image: var(--str-video__icon--loading);\n mask-image: var(--str-video__icon--loading);\n\n transform: rotate(360deg);\n transition-duration: 1s;\n transition-delay: now;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n }\n\n &--logout {\n -webkit-mask-image: var(--str-video__icon--logout);\n mask-image: var(--str-video__icon--logout);\n }\n\n &--chevron-up {\n -webkit-mask-image: var(--str-video__icon--chevron-up);\n mask-image: var(--str-video__icon--chevron-up);\n }\n\n &--chevron-down {\n -webkit-mask-image: var(--str-video__icon--chevron-down);\n mask-image: var(--str-video__icon--chevron-down);\n }\n\n &--screen-share-on {\n -webkit-mask-image: var(--str-video__icon--screen-share-on);\n mask-image: var(--str-video__icon--screen-share-on);\n }\n\n &--screen-share-off {\n -webkit-mask-image: var(--str-video__icon--screen-share-off);\n mask-image: var(--str-video__icon--screen-share-off);\n }\n\n &--caret-down {\n transform: rotate(180deg);\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--caret-up {\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--caret-right {\n transform: rotate(90deg);\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--caret-left {\n transform: rotate(-90deg);\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--close {\n -webkit-mask-image: var(--str-video__icon--close);\n mask-image: var(--str-video__icon--close);\n }\n\n &--mic {\n -webkit-mask-image: var(--str-video__icon--mic);\n mask-image: var(--str-video__icon--mic);\n }\n\n &--mic-off {\n -webkit-mask-image: var(--str-video__icon--mic-off);\n mask-image: var(--str-video__icon--mic-off);\n }\n\n &--camera {\n -webkit-mask-image: var(--str-video__icon--camera);\n mask-image: var(--str-video__icon--camera);\n }\n\n &--camera-off {\n -webkit-mask-image: var(--str-video__icon--camera-off);\n mask-image: var(--str-video__icon--camera-off);\n }\n\n &--camera-off-outline {\n -webkit-mask-image: var(--str-video__icon--camera-off-outline);\n mask-image: var(--str-video__icon--camera-off-outline);\n }\n\n &--call-end {\n -webkit-mask-image: var(--str-video__icon--call-end);\n mask-image: var(--str-video__icon--call-end);\n }\n\n &--call-accept {\n -webkit-mask-image: var(--str-video__icon--call-accept);\n mask-image: var(--str-video__icon--call-accept);\n }\n\n &--info {\n -webkit-mask-image: var(--str-video__icon--info-icon);\n mask-image: var(--str-video__icon--info-icon);\n }\n\n &--stats {\n -webkit-mask-image: var(--str-video__icon--stats);\n mask-image: var(--str-video__icon--stats);\n }\n\n &--speaker {\n -webkit-mask-image: var(--str-video__icon--speaker);\n mask-image: var(--str-video__icon--speaker);\n }\n\n &--ellipsis {\n -webkit-mask-image: var(--str-video__icon--ellipsis);\n mask-image: var(--str-video__icon--ellipsis);\n }\n\n &--pin {\n -webkit-mask-image: var(--str-video__icon--pin);\n mask-image: var(--str-video__icon--pin);\n }\n\n &--no-audio {\n -webkit-mask-image: var(--str-video__icon--no-audio);\n mask-image: var(--str-video__icon--no-audio);\n }\n\n &--not-allowed {\n -webkit-mask-image: var(--str-video__icon--not-allowed);\n mask-image: var(--str-video__icon--not-allowed);\n }\n\n &--film-roll {\n -webkit-mask-image: var(--str-video__icon--film-roll);\n mask-image: var(--str-video__icon--film-roll);\n }\n\n &--device-settings {\n -webkit-mask-image: var(--str-video__icon--settings);\n mask-image: var(--str-video__icon--settings);\n }\n\n &--filter {\n -webkit-mask-image: var(--str-video__icon--filter);\n mask-image: var(--str-video__icon--filter);\n }\n\n &--refresh {\n -webkit-mask-image: var(--str-video__icon--refresh);\n mask-image: var(--str-video__icon--refresh);\n }\n\n &--kick-user {\n -webkit-mask-image: var(--str-video__icon--kick-user);\n mask-image: var(--str-video__icon--kick-user);\n }\n}\n",".str-video__icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n display: block;\n width: 1.25rem;\n height: 1.25rem;\n}\n",".str-video__loading-indicator {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n","@use '../utils';\n\n.str-video__loading-indicator__icon.spinner {\n @include utils.apply-mask-image(\n var(--str-video__icon--loading),\n var(--str-video__text-color2)\n );\n animation: rotation 1s linear infinite;\n width: 1rem;\n height: 1rem;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",".str-video__menu-container {\n z-index: 2;\n width: max-content;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n",".str-video__portal {\n position: fixed;\n z-index: 1;\n width: 100vw;\n height: 100vh;\n background-color: var(--str-video__backdrop1);\n\n left: 0;\n top: 0;\n\n &:hover {\n cursor: pointer;\n }\n}\n.str-video__portal-content {\n z-index: 2;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n",".str-video__menu-container {\n background-color: var(--str-video__base-color6);\n border-radius: var(--str-video__border-radius-lg);\n box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);\n}\n",".str-video__generic-menu {\n list-style: none;\n margin: unset;\n padding: var(--str-video__spacing-md);\n\n display: flex;\n flex-direction: column;\n gap: var(--str-video__spacing-xs);\n\n .str-video__generic-menu--item {\n align-items: center;\n\n gap: 8px;\n\n font-weight: 600;\n font-size: var(--str-video__font-size-md);\n\n display: flex;\n button {\n all: unset;\n width: 100%;\n font-size: 13px;\n border-radius: var(--str-video__border-radius-lg);\n background-color: var(--str-video__button-primary-base);\n padding: var(--str-video__spacing-xs) var(--str-video__spacing-lg);\n gap: 10px;\n display: flex;\n align-items: center;\n position: relative;\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n cursor: pointer;\n }\n\n &--selected,\n &--active {\n background-color: var(--str-video__button-primary-hover);\n }\n }\n\n // TODO: remove once \"device selector\" component becomes reusable\n button[aria-selected] {\n padding: 5px 10px 5px 26px;\n }\n button[aria-selected='true']::after {\n content: '●';\n font-size: 10px;\n left: 10px;\n position: absolute;\n }\n }\n}\n",".str-video__notification {\n padding: 0.625rem;\n display: flex;\n align-items: center;\n gap: 0.625rem;\n\n .str-video__notification__icon {\n display: inline-block;\n width: 1.5rem;\n height: 1.5rem;\n }\n\n .str-video__notification__message {\n flex: 1;\n }\n\n .str-video__notification__close {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n\n &:hover {\n cursor: pointer;\n }\n }\n}\n","@use '../utils';\n\n.str-video__notification {\n background-color: var(--str-video__background-color1);\n border-radius: var(--str-video__border-radius-xs);\n z-index: 100;\n\n .str-video__notification__icon {\n @include utils.apply-mask-image(\n var(--str-video__icon--info-icon),\n var(--str-video__text-color1),\n 1.5rem\n );\n }\n\n .str-video__notification__message {\n font-size: 0.75rem;\n }\n}\n","$scope-name: 'str-video__participant-view';\n\n.str-video__participant-view {\n position: relative;\n width: 100%;\n max-width: 1280px;\n max-height: 100%;\n min-height: 0;\n aspect-ratio: 4/3;\n\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--str-video__border-radius-sm);\n\n &--speaking {\n outline: 2px solid var(--str-video__primary-color);\n }\n\n .str-video__call-controls__button {\n transition: opacity 200ms ease-out;\n opacity: 0.3;\n color: var(--str-video__text-color1);\n }\n\n &:hover {\n .str-video__call-controls__button {\n opacity: 1;\n }\n }\n\n & > .str-video__call-controls__button {\n position: absolute;\n top: 0.875rem;\n left: 0.875rem;\n padding: 0.3rem;\n }\n\n .str-video__participant-details {\n position: absolute;\n left: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n border-radius: 0 var(--str-video__border-radius-xs) 0\n var(--str-video__border-radius-sm);\n background-color: var(--str-video__background-color4);\n\n .str-video__participant-details__name {\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n padding: 4px 6px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--str-video__font-size-sm);\n\n @mixin icon {\n $icon-size: 1rem;\n width: $icon-size;\n height: $icon-size;\n -webkit-mask-size: $icon-size;\n mask-size: $icon-size;\n background-color: var(--str-video__text-color1);\n }\n\n .str-video__participant-details__name--audio-muted {\n @include icon();\n -webkit-mask-image: var(--str-video__icon--mic-off);\n mask-image: var(--str-video__icon--mic-off);\n }\n\n .str-video__participant-details__name--video-muted {\n @include icon();\n -webkit-mask-image: var(--str-video__icon--camera-off);\n mask-image: var(--str-video__icon--camera-off);\n }\n\n .str-video__participant-details__name--track-paused {\n @include icon();\n mask-image: var(--str-video__icon--low-bandwidth);\n -webkit-mask-image: var(--str-video__icon--low-bandwidth);\n }\n\n .str-video__participant-details__name--pinned {\n cursor: pointer;\n @include icon();\n width: 0.8rem;\n height: 1rem;\n -webkit-mask-size: 0.8rem;\n mask-size: 0.8rem;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-image: var(--str-video__icon--pin);\n mask-image: var(--str-video__icon--pin);\n }\n\n .str-video__participant-details__name--network-stats {\n @include icon();\n background-image: var(--str-video__icon--network-quality);\n cursor: pointer;\n margin-right: 0.625rem;\n }\n }\n }\n\n .str-video__participant-details__connection-quality {\n position: absolute;\n bottom: 0;\n right: 0;\n\n border-radius: var(--str-video__border-radius-sm) 0\n var(--str-video__border-radius-sm) 0;\n\n width: 24px;\n height: 24px;\n display: block;\n background-size: cover;\n background-color: var(--str-video__background-color4);\n\n &--poor {\n background-image: var(--str-video__icon--connection-quality-poor);\n }\n &--good {\n background-image: var(--str-video__icon--connection-quality-good);\n }\n &--excellent {\n background-image: var(--str-video__icon--connection-quality-excellent);\n }\n }\n}\n\n.str-video__speech-indicator {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1px;\n height: 16px;\n\n .str-video__speech-indicator__bar {\n width: 3px;\n height: 20%;\n background-color: var(--str-video__primary-color);\n border-radius: 2px;\n animation-duration: 0.4s;\n animation-iteration-count: 1;\n animation-name: speech-indicator-silence;\n animation-timing-function: ease-in-out;\n }\n\n &.str-video__speech-indicator--dominant {\n .str-video__speech-indicator__bar {\n background-color: var(--str-video__primary-color);\n }\n }\n\n &.str-video__speech-indicator--speaking {\n .str-video__speech-indicator__bar {\n height: 100%;\n animation-iteration-count: infinite;\n\n &:nth-child(1) {\n height: 70%;\n animation-duration: 0.8s;\n animation-name: speech-indicator-quiet;\n }\n &:nth-child(2) {\n height: 80%;\n animation-duration: 1s;\n animation-name: speech-indicator-loud;\n }\n &:nth-child(3) {\n height: 60%;\n animation-duration: 0.9s;\n animation-name: speech-indicator-quiet;\n }\n }\n }\n\n @keyframes speech-indicator-silence {\n 25% {\n transform: scaleY(2);\n }\n 50% {\n transform: scaleY(2.5);\n }\n 75% {\n transform: scaleY(1);\n }\n }\n\n @keyframes speech-indicator-quiet {\n 25% {\n transform: scaleY(0.5);\n }\n 50% {\n transform: scaleY(0.3);\n }\n 75% {\n transform: scaleY(0.5);\n }\n }\n\n @keyframes speech-indicator-loud {\n 25% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.45);\n }\n 75% {\n transform: scaleY(1.1);\n }\n }\n}\n",".str-video__permission-requests {\n background-color: var(--str-video__background-color1);\n border-radius: 8px;\n padding: 10px;\n position: relative;\n\n .str-video__permission-requests__notification,\n .str-video__permission-request {\n display: flex;\n gap: 10px;\n padding: 10px 0;\n align-items: center;\n }\n\n .str-video__permission-requests__notification__message,\n .str-video__permission-request__message {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .str-video__permission-request__button {\n background-color: transparent;\n border: 1px solid var(--str-video__text-color1);\n border-radius: 4px;\n color: var(--str-video__color1);\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n padding: 8px;\n min-width: 120px;\n }\n\n .str-video__permission-request__button--allow {\n background-color: var(--str-video__primary-color);\n border: 1px solid var(--str-video__primary-color);\n }\n\n .str-video__permission-requests-list {\n background-color: var(--str-video__background-color1);\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n padding: 10px;\n width: 100%;\n z-index: 1;\n opacity: 0.9;\n overflow-x: scroll;\n overflow-y: hidden;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n}\n",".str-video__reaction {\n position: absolute;\n right: 0.875rem;\n top: 0.875rem;\n\n .str-video__reaction__emoji {\n display: flex;\n line-height: 1;\n font-size: 2.5rem;\n }\n}\n",".str-video__call-panel {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n width: 400px;\n height: 300px;\n padding: 1rem 1rem 0.5rem;\n gap: 1rem;\n}\n\n.str-video__call-panel--ringing {\n .str-video__call-panel__members-list {\n overflow: hidden;\n display: flex;\n align-items: center;\n\n .str-video__call-panel__member-box {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2rem;\n\n .str-video__avatar {\n width: 80px;\n height: 80px;\n }\n\n .str-video__member_details {\n position: absolute;\n bottom: 10%;\n padding: 0.125rem 0.375rem;\n }\n }\n }\n\n .str-video__pending-call-controls {\n display: flex;\n gap: 0.675rem;\n }\n}\n",".str-video__call-panel {\n background: var(--str-video__background-color3);\n border: 2px solid rgba(200,200,200,0.6);\n border-radius: 10px;\n}\n\n.str-video__call-panel--ringing {\n .str-video__call-panel__members-list {\n\n .str-video__call-panel__member-box {\n border-radius: var(--str-video__border-radius-circle);\n background: var(--str-video__background-color6);\n\n &:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: var(--str-video__border-radius-circle);\n padding: 4px;\n background:linear-gradient(\n 180deg,var(--str-video__primary-color),var(--str-video__info-color)\n );\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n }\n\n .str-video__member_details {\n background-color: var(--str-video__background-color4);\n color: var(--str-video__text-color1);\n border-radius: 4px;\n font-size: 12px;\n line-height: 16px;\n }\n }\n }\n}\n",".str-video__screen-share-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n gap: 1.8rem;\n\n & > .str-video__icon {\n width: 4rem;\n height: 4rem;\n }\n\n .str-video__screen-share-overlay__button {\n display: flex;\n gap: 0.4rem;\n align-items: center;\n padding-inline: 1.6rem;\n padding-block: 0.8rem;\n\n .str-video__icon {\n width: 0.7rem;\n height: 0.7rem;\n }\n }\n}\n",".str-video__screen-share-overlay {\n background: var(--str-video__overlay-color);\n backdrop-filter: blur(3px);\n border-radius: inherit;\n\n .str-video__screen-share-overlay__title {\n font-size: 1.3rem;\n }\n\n .str-video__screen-share-overlay__button {\n color: white;\n background: var(--str-video__danger-color);\n border-radius: var(--str-video__border-radius-xs);\n\n &:hover {\n background-color: var(--str-video__danger-color--accent);\n }\n }\n}\n",".str-video__search-input__container {\n display: flex;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n margin-inline: -0.25rem;\n\n input {\n flex: 1;\n min-width: 0;\n }\n\n .str-video__search-input__clear-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n\n .str-video__search-input__icon {\n padding: 0.25rem;\n }\n\n .str-video__search-input__icon--active,\n .str-video__search-input__icon {\n display: inline-block;\n width: 1.125rem;\n height: 1.125rem;\n }\n}\n","@use '../utils';\n\n.str-video {\n --str-video__search-input__container--color: var(--str-video__text-color1);\n --str-video__search-input__container--background-color: var(\n --str-video__background-color0\n );\n --str-video__search-input__container--border-radius: var(\n --str-video__border-radius-circle\n );\n --str-video__search-input__container--border-block-start: 1px solid\n transparent;\n --str-video__search-input__container--border-block-end: 1px solid transparent;\n --str-video__search-input__container--border-inline-start: 1px solid\n transparent;\n --str-video__search-input__container--border-inline-end: 1px solid transparent;\n\n --str-video__search-input__placeholder-color: var(--str-video__text-color2);\n\n --str-video__search-input__icon--color: var(--str-video__text-color1);\n}\n\n.str-video__search-input__container.str-video__search-input__container--active {\n border-color: var(--str-video__primary-color);\n}\n.str-video__search-input__container {\n @include utils.component-layer-overrides('search-input__container');\n\n input {\n background-color: transparent;\n border: none;\n outline: none;\n color: inherit;\n font-size: 13px;\n\n &::placeholder {\n color: var(--str-video__search-input__placeholder-color);\n }\n }\n\n .str-video__search-input__icon {\n @include utils.apply-mask-image(\n var(--str-video__icon--magnifier-glass),\n var(--str-video__search-input__icon--color),\n 0.75rem 0.75rem\n );\n }\n .str-video__search-input__clear-btn {\n background-color: transparent;\n border-radius: var(--str-video__border-radius-circle);\n border: none;\n\n &:hover {\n cursor: pointer;\n }\n\n .str-video__search-input__icon--active {\n @include utils.apply-mask-image(\n var(--str-video__icon--close),\n var(--str-video__search-input__icon--color),\n 0.75rem 0.75rem\n );\n }\n }\n}\n",".str-video__call {\n background-color: var(--str-video__background-color2);\n color: var(--str-video__text-color1);\n width: 100%;\n height: 100%;\n min-height: 0;\n max-height: 100%;\n\n display: flex;\n flex-direction: column;\n\n .str-video {\n background-color: var(--str-video__background-color2);\n color: var(--str-video__text-color1);\n }\n}\n",".str-video__tooltip {\n display: flex;\n justify-content: center;\n padding: var(--str-video__spacing-sm);\n z-index: 4;\n max-width: 250px;\n width: max-content;\n white-space: initial;\n overflow-wrap: break-word;\n}\n","@use '../utils';\n\n.str-video {\n /* The border radius used for the borders of the component /\n --str-video__tooltip--border-radius: var(--str-video__border-radius-xs);\n\n / The text/icon color of the component /\n --str-video__tooltip--color: var(--str-video__text-color1);\n\n / The background color of the component /\n --str-video__tooltip--background-color: var(\n --str-video__button-default-hover\n );\n\n / Top border of the component /\n --str-video__tooltip--border-block-start: none;\n\n / Bottom border of the component /\n --str-video__tooltip--border-block-end: none;\n\n / Left (right in RTL layout) border of the component /\n --str-video__tooltip--border-inline-start: none;\n\n / Right (left in RTL layout) border of the component /\n --str-video__tooltip--border-inline-end: none;\n\n / Box shadow applied to the component /\n --str-video__tooltip--box-shadow: none;\n}\n\n.str-video__tooltip {\n @include utils.component-layer-overrides('tooltip');\n font-size: 14px;\n line-height: 1rem;\n\n &::after {\n background-color: var(--str-video__tooltip-background-color);\n }\n}\n",".str-video__video {\n object-fit: cover;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n pointer-events: none;\n\n &--tall {\n object-fit: contain;\n }\n\n &--mirror:not(:picture-in-picture) {\n transform: scaleX(-1);\n }\n}\n",".str-video__video {\n background-color: var(--str-video__background-color5);\n}\n",".str-video__video-placeholder {\n aspect-ratio: 4/3;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .str-video__video-placeholder__avatar {\n width: 100px;\n height: 100px;\n object-fit: cover;\n }\n\n .str-video__video-placeholder__initials-fallback {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100px;\n height: 100px;\n }\n}\n",".str-video__video-placeholder {\n background: var(--str-video__base-color6);\n border-radius: inherit;\n\n .str-video__video-placeholder__avatar {\n border-radius: var(--str-video__border-radius-circle);\n }\n\n .str-video__video-placeholder__initials-fallback {\n background-color: var(--str-video__primary-color);\n border-radius: var(--str-video__border-radius-circle);\n font-size: 32px;\n font-weight: 600;\n text-transform: uppercase;\n }\n}\n",".str-video__video-preview-container {\n display: flex;\n justify-content: center;\n align-items: center;\n $container-width: 500px;\n width: $container-width;\n height: calc(calc($container-width / 12) 9);\n\n .str-video__video-preview {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n .str-video__loading-indicator__icon {\n $indicator-size: 3rem;\n height: $indicator-size;\n width: $indicator-size;\n mask-size: $indicator-size;\n }\n\n .str-video__video-preview--mirror {\n transform: scaleX(-1);\n }\n\n .str-video__video-preview--loading {\n display: none;\n }\n}\n","@use '../utils';\n\n.str-video {\n /* The font color applied inside the component /\n --str-video__video-preview-container--color: var(--str-video__text-color1);\n\n / The background color of the component /\n --str-video__video-preview-container--background-color: var(\n --str-video__background-color5\n );\n\n / The border radius used for the borders of the component /\n --str-video__video-preview-container--border-radius: var(\n --str-video__border-radius-xs\n );\n\n / The border used for the borders of the component /\n --str-video__video-preview-container--border-block-start: 4px solid\n var(--str-video__primary-color);\n\n / The border used for the borders of the component /\n --str-video__video-preview-container--border-block-end: 4px solid\n var(--str-video__primary-color);\n\n / The border used for the borders of the component /\n --str-video__video-preview-container--border-inline-start: 4px solid\n var(--str-video__primary-color);\n\n / The border used for the borders of the component */\n --str-video__video-preview-container--border-inline-end: 4px solid\n var(--str-video__primary-color);\n}\n\n.str-video__video-preview-container {\n @include utils.component-layer-overrides('video-preview-container');\n overflow: hidden;\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-theme-variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/BackgroundFilters/BackgroundFilters-layout.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallControls/CancelCallButton.scss","../../src/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallLayout/PipLayout-layout.scss","../../src/CallLayout/PipLayout-theme.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DropdownSelect/DropdownSelect.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Portal-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;;ACJJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7JF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;;;ADjBF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EAGA;;;AAKF;EACE;;;ACrGF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFnBE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EESA;EAGA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EAGA;;AAEA;EACE;;AAKF;EACE;;AAON;EACE;;AAIA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAGE;;AAIA;EACE;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AC/KJ;EACE;EACA;EAGA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE,aACE;EAKF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMR;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAEA;EACE;;;AChFJ;EACE;EACA;EAEA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAKN;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AC7GR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;;AC9HR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EAEI;IACE;IACA;;EAEA;IACE;;;AC/IR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACpBJ;EACE;;;ACCF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,mBAHiB;EAIjB,WAJiB;;AAQrB;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5GJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EZdF;EACA;EAEA;EACA;EACA;;AYaA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AC7BJ;EACE;;AAIA;EbEF;EACA,YaDQ;EbER;EACA;EACA;EACA;EACA,mBaJQ;EbKR,WaLQ;EbMR,kBaPQ;;AAKN;EbNF,oBaQQ;EbPR,YaOQ;EbNR;EACA;EACA;EACA;EACA,mBaIQ;EbHR,WaGQ;EbFR,kBaCQ;;AAKN;EbdF,oBagBQ;EbfR,YaeQ;EbdR;EACA;EACA;EACA;EACA,mBaYQ;EbXR,WaWQ;EbVR,kBaSQ;;AAKN;EbtBF,oBawBQ;EbvBR,YauBQ;EbtBR;EACA;EACA;EACA;EACA,mBaoBQ;EbnBR,WamBQ;EblBR,kBaiBQ;;AAKN;Eb9BF,oBagCQ;Eb/BR,Ya+BQ;Eb9BR;EACA;EACA;EACA;EACA,mBa4BQ;Eb3BR,Wa2BQ;Eb1BR,kBayBQ;;;AC3CV;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIA;EACE;EACA;;AAGA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;;;AAGF;EhBEE;EACA,YgBDE;EhBEF;EACA;EACA;EACA;EACA,mBgBJE;EhBKF,WgBLE;EhBMF,kBgBPE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EhBxBA,oBgB0BI;EhBzBJ,YgByBI;EhBxBJ;EACA;EACA;EACA;EACA,mBgBsBI;EhBrBJ,WgBqBI;EhBpBJ,kBgBmBI;;;AAMN;EhBjCE,oBgBmCE;EhBlCF,YgBkCE;EhBjCF;EACA;EACA;EACA;EACA,mBgB+BE;EhB9BF,WgB8BE;EhB7BF,kBgB4BE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;;ACjHJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAGF;AAAA;EACE;;;AC1GN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;;;AAMR;EACE;IACE;;;ACrGJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AC7MJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;EvBQE,oBuBNE;EvBOF,YuBPE;EvBQF;EACA;EACA;EACA;EACA,mBAPmD;EAQnD,WARmD;EASnD,kBuBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;EACA;EAMA;EACA;;AALA;EACE;;;ACLJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA;EACA;;;ACHF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EAEA;EAEA;EACA;EAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;ACjDN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACpBN;EACE;EACA;EACA;;AAEA;E7BGA,oB6BDI;E7BEJ,Y6BFI;E7BGJ;EACA;EACA;EACA;EACA,mB6BLI;E7BMJ,W6BNI;E7BOJ,kB6BRI;;AAKJ;EACE;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;EAPE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAKA;EACA;;AAGF;EAbE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAWA;EACA;;AAGF;EAnBE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAiBA;EACA;;AAGF;EACE;EA1BA,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAwBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAxCE,OADY;EAEZ,QAFY;EAGZ,mBAHY;EAIZ,WAJY;EAKZ;EAsCA;EACA;EACA;;AAKN;EACE;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;;ACvNN;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;EtCHE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;;AsCNA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EtC9BA,oBsCgCI;EtC/BJ,YsC+BI;EtC9BJ;EACA;EACA;EACA;EACA,mBsC4BI;EtC3BJ,WsC2BI;EtC1BJ,kBsCyBI;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EtC9CF,oBsCgDM;EtC/CN,YsC+CM;EtC9CN;EACA;EACA;EACA;EACA,mBsC4CM;EtC3CN,WsC2CM;EtC1CN,kBsCyCM;;;AC3DR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EzCRE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EyCFA;EACA;;AAEA;EACE;;;ACpCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;E/CXE;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;E+CCA","file":"styles.css","sourcesContent":[".str-video {\n ,\n ::before,\n ::after {\n box-sizing: border-box;\n }\n}\n",".str-video {\n // Brand colors\n --str-video__brand-color1: #005fff;\n --str-video__brand-color2: #69e5f6;\n --str-video__brand-color3: #00e2a1;\n --str-video__brand-color4: #ffd646;\n --str-video__brand-color5: #dc433b;\n --str_video__brand-color6: #b38af8;\n\n //Base colors\n --str-video__base-color1: #e3e4e5;\n --str-video__base-color2: #979ca0;\n --str-video__base-color3: #4c535b;\n --str-video__base-color4: #000000;\n --str-video__base-color5: #0c0d0e;\n --str-video__base-color6: #19232d;\n --str-video__base-color7: #101213;\n\n //Backdrops\n --str-video__backdrop1: rgba(0, 0, 0, 0.5);\n\n //Button colors:\n --str-video__button-default-base: #19232d;\n --str-video__button-default-hover: #323b44;\n --str-video__button-default-pressed: #0c0d0e;\n --str-video__button-default-active: #19232d;\n --str-video__button-default-disabled: #1e262e;\n\n --str-video__button-primary-base: #19232d;\n --str-video__button-primary-hover: #4c8fff;\n --str-video__button-primary-pressed: #0c48ab;\n --str-video__button-primary-active: #005fff;\n\n --str-video__button-secondary-base: #19232d;\n --str-video__button-secondary-hover: #e96962;\n --str-video__button-secondary-pressed: #6a3233;\n --str-video__button-secondary-active: #dc433b;\n\n --str-video__button-tertiary-base: #dc433b;\n --str-video__button-tertiary-hover: #e96962;\n --str-video__button-tertiary-pressed: #6a3233;\n --str-video__button-tertiary-active: #31292f;\n\n //Icon colors:\n --str-video__icon-default: #eff0f1;\n --str-video__icon-hover: #eff0f1;\n --str-video__icon-pressed: #656b72;\n --str-video__icon-active: #e3e4e5;\n --str-video__icon-alert: #e3e4e5;\n --str-video__icon-disabled: #7e8389;\n\n //Alerts colors:\n --str-video__alert-success: #00e2a1;\n --str-video__alert-caution: #ffd646;\n --str-video__alert-warning: #dc433b;\n\n //Alerts backgrounds:\n --str-video__alert-success-background: rgba(0, 226, 161, 0.5);\n --str-video__alert-caution-background: rgba(255, 214, 70, 0.5);\n --str-video__alert-warning-background: rgba(220, 67, 59, 0.5);\n\n //Font sizes\n --str-video__font-size-xxs: 0.625rem;\n --str-video__font-size-xs: 0.75rem;\n --str-video__font-size-sm: 0.875rem;\n --str-video__font-size-md: 1rem;\n --str-video__font-size-lg: 1.125rem;\n --str-video__font-size-xl: 1.25rem;\n --str-video__font-size-xxl: 1.5rem;\n\n // Border raduiuses\n --str-video__border-radius-xxs: 4px;\n --str-video__border-radius-xs: 8px;\n --str-video__border-radius-sm: 12px;\n --str-video__border-radius-md: 18px;\n --str-video__border-radius-lg: 24px;\n --str-video__border-radius-xl: 30px;\n --str-video__border-radius-xxl: 48px;\n --str-video__border-radius-circle: 999px;\n\n // spacing\n --str-video__spacing-xxs: 4px;\n --str-video__spacing-xs: 6px;\n --str-video__spacing-sm: 8px;\n --str-video__spacing-md: 12px;\n --str-video__spacing-lg: 16px;\n --str-video__spacing-xl: 20px;\n\n // Colors\n // Main colors\n --str-video__primary-color: #005fff;\n --str-video__secondary-color: #669fff;\n\n // Text colors\n --str-video__text-color1: #ffffff;\n --str-video__text-color2: #b4b7bb;\n --str-video__text-color3: #72767e;\n --str-video__text-color4: #f7f7f8;\n\n // Danger and info colors\n --str-video__info-color: #4ce68c;\n --str-video__info-color--accent: #20e070;\n --str-video__danger-color: #ff3742;\n --str-video__danger-color--accent: #ff000e;\n\n // Surface and background colors\n --str-video__background-color0: #000000;\n --str-video__background-color1: #1c1e22;\n --str-video__background-color2: #272a30;\n --str-video__background-color3: #f4f4f5;\n --str-video__background-color4: #121416;\n --str-video__background-color5: #1d2938;\n --str-video__background-color6: #b4b7bb;\n --str-video__background-color7: #72767e;\n --str-video__overlay-color: rgba(39, 42, 48, 0.75);\n --str-video__livestream-overlay-color: rgba(39, 42, 48, 0.25);\n --str-video__livestream-overlay-color-hovered: rgba(39, 42, 48, 0.5);\n\n // Icons - base64 encoded SVGs\n\n --str-video__icon--call-accept: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n --str-video__icon--call-end: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQuNTgwMSAxNi4wMzA0TDYuNTgwMSAxNC40NDA0QzcuMDYwMSAxNC4wNjA0IDcuMzQwMSAxMy40ODA0IDcuMzQwMSAxMi44NzA0VjEwLjI3MDRDMTAuMzYwMSA5LjI5MDQgMTMuNjMwMSA5LjI4MDQgMTYuNjYwMSAxMC4yNzA0VjEyLjg4MDRDMTYuNjYwMSAxMy40OTA0IDE2Ljk0MDEgMTQuMDcwNCAxNy40MjAxIDE0LjQ1MDRMMTkuNDEwMSAxNi4wMzA0QzIwLjIxMDEgMTYuNjYwNCAyMS4zNTAxIDE2LjYwMDQgMjIuMDcwMSAxNS44ODA0TDIzLjI5MDEgMTQuNjYwNEMyNC4wOTAxIDEzLjg2MDQgMjQuMDkwMSAxMi41MzA0IDIzLjI0MDEgMTEuNzgwNEMxNi44MzAxIDYuMTIwNCA3LjE3MDEgNi4xMjA0IDAuNzYwMTAzIDExLjc4MDRDLTAuMDg5ODk3IDEyLjUzMDQgLTAuMDg5ODk3IDEzLjg2MDQgMC43MTAxMDMgMTQuNjYwNEwxLjkzMDEgMTUuODgwNEMyLjY0MDEgMTYuNjAwNCAzLjc4MDEgMTYuNjYwNCA0LjU4MDEgMTYuMDMwNFoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--camera: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEwLjVWN0MxNyA2LjQ1IDE2LjU1IDYgMTYgNkg0QzMuNDUgNiAzIDYuNDUgMyA3VjE3QzMgMTcuNTUgMy40NSAxOCA0IDE4SDE2QzE2LjU1IDE4IDE3IDE3LjU1IDE3IDE3VjEzLjVMMTkuMjkgMTUuNzlDMTkuOTIgMTYuNDIgMjEgMTUuOTcgMjEgMTUuMDhWOC45MUMyMSA4LjAyIDE5LjkyIDcuNTcgMTkuMjkgOC4yTDE3IDEwLjVaIiBmaWxsPSIjQjBCNEI3Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--camera-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjI5MTUgMTQuNzY5OVY5LjQ3OTlDMjEuMjkxNSA4LjU4OTkgMjAuMjExNSA4LjEzOTkgMTkuNTgxNSA4Ljc2OTlMMTcuMjkxNSAxMS4wNjk5VjcuNTY5OUMxNy4yOTE1IDcuMDE5OSAxNi44NDE1IDYuNTY5OSAxNi4yOTE1IDYuNTY5OUgxMC42ODE1TDE5LjU5MTUgMTUuNDc5OUMyMC4yMTE1IDE2LjEwOTkgMjEuMjkxNSAxNS42NTk5IDIxLjI5MTUgMTQuNzY5OVpNMy4wMDE0OCAzLjEyOTlDMi42MTE0OCAzLjUxOTkgMi42MTE0OCA0LjE0OTkgMy4wMDE0OCA0LjUzOTlMNS4wMjE0OCA2LjU2OTlINC4yOTE0OEMzLjc0MTQ4IDYuNTY5OSAzLjI5MTQ4IDcuMDE5OSAzLjI5MTQ4IDcuNTY5OVYxNy41Njk5QzMuMjkxNDggMTguMTE5OSAzLjc0MTQ4IDE4LjU2OTkgNC4yOTE0OCAxOC41Njk5SDE2LjI5MTVDMTYuNTAxNSAxOC41Njk5IDE2LjY4MTUgMTguNDg5OSAxNi44NDE1IDE4LjM4OTlMMTkuMzIxNSAyMC44Njk5QzE5LjcxMTUgMjEuMjU5OSAyMC4zNDE1IDIxLjI1OTkgMjAuNzMxNSAyMC44Njk5QzIxLjEyMTUgMjAuNDc5OSAyMS4xMjE1IDE5Ljg0OTkgMjAuNzMxNSAxOS40NTk5TDQuNDExNDggMy4xMjk5QzQuMDIxNDggMi43Mzk5IDMuMzkxNDggMi43Mzk5IDMuMDAxNDggMy4xMjk5WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');\n --str-video__icon--caret: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--caret-down: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--caret-up: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--chevron-down: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgOC4yOTUwNEwxMiAxMi44NzVMMTYuNTkgOC4yOTUwNEwxOCA5LjcwNTA0TDEyIDE1LjcwNUw2IDkuNzA1MDRMNy40MSA4LjI5NTA0WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');\n --str-video__icon--chevron-up: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgMTUuNzA1TDEyIDExLjEyNUwxNi41OSAxNS43MDVMMTggMTQuMjk1TDEyIDguMjk1MDRMNiAxNC4yOTVMNy40MSAxNS43MDVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--chevron-right: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuOTk3NjcgMjEuMDE0OUM3LjQ4NzY3IDIxLjUwNDkgOC4yNzc2NyAyMS41MDQ5IDguNzY3NjcgMjEuMDE0OUwxNy4wNzc3IDEyLjcwNDlDMTcuNDY3NyAxMi4zMTQ5IDE3LjQ2NzcgMTEuNjg0OSAxNy4wNzc3IDExLjI5NDlMOC43Njc2NyAyLjk4NDkzQzguMjc3NjcgMi40OTQ5MyA3LjQ4NzY3IDIuNDk0OTMgNi45OTc2NyAyLjk4NDkzQzYuNTA3NjcgMy40NzQ5MyA2LjUwNzY3IDQuMjY0OTMgNi45OTc2NyA0Ljc1NDkzTDE0LjIzNzcgMTIuMDA0OUw2Ljk4NzY3IDE5LjI1NDlDNi41MDc2NyAxOS43MzQ5IDYuNTA3NjcgMjAuNTM0OSA2Ljk5NzY3IDIxLjAxNDlaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--call-latency: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMjkgMTcuOTk4OEMxMi41NTUyIDE3Ljk5ODggMTMuMDAyOSAxNy41NTExIDEzLjAwMjkgMTYuOTk4OEMxMy4wMDI5IDE2LjQ0NjUgMTIuNTU1MiAxNS45OTg4IDEyLjAwMjkgMTUuOTk4OEMxMS40NTA2IDE1Ljk5ODggMTEuMDAyOSAxNi40NDY1IDExLjAwMjkgMTYuOTk4OEMxMS4wMDI5IDE3LjU1MTEgMTEuNDUwNiAxNy45OTg4IDEyLjAwMjkgMTcuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTcuMDAyOTMgMTIuOTk4OEM3LjU1NTIxIDEyLjk5ODggOC4wMDI5MyAxMi41NTExIDguMDAyOTMgMTEuOTk4OEM4LjAwMjkzIDExLjQ0NjUgNy41NTUyMSAxMC45OTg4IDcuMDAyOTMgMTAuOTk4OEM2LjQ1MDY0IDEwLjk5ODggNi4wMDI5MyAxMS40NDY1IDYuMDAyOTMgMTEuOTk4OEM2LjAwMjkzIDEyLjU1MTEgNi40NTA2NCAxMi45OTg4IDcuMDAyOTMgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE3LjAwMjkgMTIuOTk4OEMxNy41NTUyIDEyLjk5ODggMTguMDAyOSAxMi41NTExIDE4LjAwMjkgMTEuOTk4OEMxOC4wMDI5IDExLjQ0NjUgMTcuNTU1MiAxMC45OTg4IDE3LjAwMjkgMTAuOTk4OEMxNi40NTA2IDEwLjk5ODggMTYuMDAyOSAxMS40NDY1IDE2LjAwMjkgMTEuOTk4OEMxNi4wMDI5IDEyLjU1MTEgMTYuNDUwNiAxMi45OTg4IDE3LjAwMjkgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTEyLjAwMjkgMi45OTg3OEMxMS40NTI5IDIuOTk4NzggMTEuMDAyOSAzLjQ0ODc4IDExLjAwMjkgMy45OTg3OFY1Ljk5ODc4QzExLjAwMjkgNi41NDg3OCAxMS40NTI5IDYuOTk4NzggMTIuMDAyOSA2Ljk5ODc4QzEyLjU1MjkgNi45OTg3OCAxMy4wMDI5IDYuNTQ4NzggMTMuMDAyOSA1Ljk5ODc4VjUuMDc4NzhDMTYuMzEyOSA1LjU1ODc4IDE4Ljg3MjkgOC4zMjg3OCAxOS4wMDI5IDExLjczODhDMTkuMTQyOSAxNS41ODg4IDE1Ljk3MjkgMTguOTM4OCAxMi4xMjI5IDE4Ljk5ODhDOC4xOTI5MyAxOS4wNTg4IDUuMDAyOTMgMTUuOTA4OCA1LjAwMjkzIDExLjk5ODhDNS4wMDI5MyAxMC4zMTg4IDUuNTkyOTMgOC43Nzg3OCA2LjU4MjkzIDcuNTc4NzhMMTEuMjkyOSAxMi4yOTg4QzExLjY4MjkgMTIuNjg4OCAxMi4zMTI5IDEyLjY4ODggMTIuNzAyOSAxMi4yOTg4QzEzLjA5MjkgMTEuOTA4OCAxMy4wOTI5IDExLjI3ODggMTIuNzAyOSAxMC44ODg4TDcuMjYyOTMgNS40NTg3OEM2Ljg4MjkzIDUuMDc4NzggNi4yNjI5MyA1LjA2ODc4IDUuODYyOTMgNS40Mzg3OEM0LjEwMjkzIDcuMDY4NzggMy4wMDI5MyA5LjM5ODc4IDMuMDAyOTMgMTEuOTk4OEMzLjAwMjkzIDE3LjAzODggNy4xNDI5MyAyMS4xMTg4IDEyLjIxMjkgMjAuOTk4OEMxNi45MTI5IDIwLjg4ODggMjAuODQyOSAxNi45ODg4IDIwLjk5MjkgMTIuMjg4OEMyMS4xNjI5IDcuMTg4NzggMTcuMDcyOSAyLjk5ODc4IDEyLjAwMjkgMi45OTg3OFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');\n --str-video__icon--close: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjI5OTcgNS43MDk5N0MxNy45MDk3IDUuMzE5OTcgMTcuMjc5NyA1LjMxOTk3IDE2Ljg4OTcgNS43MDk5N0wxMS45OTk3IDEwLjU5TDcuMTA5NzMgNS42OTk5N0M2LjcxOTczIDUuMzA5OTcgNi4wODk3MyA1LjMwOTk3IDUuNjk5NzMgNS42OTk5N0M1LjMwOTczIDYuMDg5OTcgNS4zMDk3MyA2LjcxOTk3IDUuNjk5NzMgNy4xMDk5N0wxMC41ODk3IDEyTDUuNjk5NzMgMTYuODlDNS4zMDk3MyAxNy4yOCA1LjMwOTczIDE3LjkxIDUuNjk5NzMgMTguM0M2LjA4OTczIDE4LjY5IDYuNzE5NzMgMTguNjkgNy4xMDk3MyAxOC4zTDExLjk5OTcgMTMuNDFMMTYuODg5NyAxOC4zQzE3LjI3OTcgMTguNjkgMTcuOTA5NyAxOC42OSAxOC4yOTk3IDE4LjNDMTguNjg5NyAxNy45MSAxOC42ODk3IDE3LjI4IDE4LjI5OTcgMTYuODlMMTMuNDA5NyAxMkwxOC4yOTk3IDcuMTA5OTdDMTguNjc5NyA2LjcyOTk3IDE4LjY3OTcgNi4wODk5NyAxOC4yOTk3IDUuNzA5OTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--connection-quality-poor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iI0UzRTRFNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjREM0MzNCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiNFM0U0RTUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');\n --str-video__icon--connection-quality-good: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTI0ODA1IDYuMjVDMC45MjQ4MDUgMi45MzYyOSAzLjYxMTEgMC4yNSA2LjkyNDggMC4yNUgzMi45MjQ4VjI2LjI1QzMyLjkyNDggMjkuNTYzNyAzMC4yMzg1IDMyLjI1IDI2LjkyNDggMzIuMjVIMC45MjQ4MDVWNi4yNVoiIGZpbGw9IiMwQzBEMEUiIGZpbGwtb3BhY2l0eT0iMC42NSIvPgo8cGF0aCBkPSJNMTYuOTI0OCAyMC4yNUwxNi45MjQ4IDE1LjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS45MjQ4IDIwLjI1TDExLjkyNDggMTguMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxLjkyNDggMjAuMjVMMjEuOTI0OCAxMi4yNSIgc3Ryb2tlPSIjRTNFNEU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');\n --str-video__icon--connection-quality-excellent: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjMDBFMkExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');\n --str-video__icon--download: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MDcgNi4zMzM1SDE2LjAwMDdWMy4wMDAxNkMxNi4wMDA3IDIuNjMzNSAxNS43MDA3IDIuMzMzNSAxNS4zMzQgMi4zMzM1SDEyLjY2NzNDMTIuMzAwNyAyLjMzMzUgMTIuMDAwNyAyLjYzMzUgMTIuMDAwNyAzLjAwMDE2VjYuMzMzNUgxMC45NDA3QzEwLjM0NzMgNi4zMzM1IDEwLjA0NzMgNy4wNTM1IDEwLjQ2NzMgNy40NzM1TDEzLjUyNzMgMTAuNTMzNUMxMy43ODczIDEwLjc5MzUgMTQuMjA3MyAxMC43OTM1IDE0LjQ2NzMgMTAuNTMzNUwxNy41MjczIDcuNDczNUMxNy45NDczIDcuMDUzNSAxNy42NTQgNi4zMzM1IDE3LjA2MDcgNi4zMzM1Wk05LjMzMzk4IDEzLjAwMDJDOS4zMzM5OCAxMy4zNjY4IDkuNjMzOTggMTMuNjY2OCAxMC4wMDA3IDEzLjY2NjhIMTguMDAwN0MxOC4zNjczIDEzLjY2NjggMTguNjY3MyAxMy4zNjY4IDE4LjY2NzMgMTMuMDAwMkMxOC42NjczIDEyLjYzMzUgMTguMzY3MyAxMi4zMzM1IDE4LjAwMDcgMTIuMzMzNUgxMC4wMDA3QzkuNjMzOTggMTIuMzMzNSA5LjMzMzk4IDEyLjYzMzUgOS4zMzM5OCAxMy4wMDAyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');\n --str-video__icon--ellipsis: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBDNC45IDEwIDQgMTAuOSA0IDEyQzQgMTMuMSA0LjkgMTQgNiAxNEM3LjEgMTQgOCAxMy4xIDggMTJDOCAxMC45IDcuMSAxMCA2IDEwWk0xOCAxMEMxNi45IDEwIDE2IDEwLjkgMTYgMTJDMTYgMTMuMSAxNi45IDE0IDE4IDE0QzE5LjEgMTQgMjAgMTMuMSAyMCAxMkMyMCAxMC45IDE5LjEgMTAgMTggMTBaTTEyIDEwQzEwLjkgMTAgMTAgMTAuOSAxMCAxMkMxMCAxMy4xIDEwLjkgMTQgMTIgMTRDMTMuMSAxNCAxNCAxMy4xIDE0IDEyQzE0IDEwLjkgMTMuMSAxMCAxMiAxMFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');\n --str-video__icon--film-roll: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgNkMyLjQ1IDYgMiA2LjQ1IDIgN1YyMEMyIDIxLjEgMi45IDIyIDQgMjJIMTdDMTcuNTUgMjIgMTggMjEuNTUgMTggMjFDMTggMjAuNDUgMTcuNTUgMjAgMTcgMjBINUM0LjQ1IDIwIDQgMTkuNTUgNCAxOVY3QzQgNi40NSAzLjU1IDYgMyA2Wk0yMCAySDhDNi45IDIgNiAyLjkgNiA0VjE2QzYgMTcuMSA2LjkgMTggOCAxOEgyMEMyMS4xIDE4IDIyIDE3LjEgMjIgMTZWNEMyMiAyLjkgMjEuMSAyIDIwIDJaTTEyIDE0LjVWNS41TDE3LjQ3IDkuNkMxNy43NCA5LjggMTcuNzQgMTAuMiAxNy40NyAxMC40TDEyIDE0LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--filter: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMSAzLjc1QS43NS43NSAwIDAgMSAxLjc1IDNoMTIuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMS43NUEuNzUuNzUgMCAwIDEgMSAzLjc1em0yLjUgNEEuNzUuNzUgMCAwIDEgNC4yNSA3aDcuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTcuNWEuNzUuNzUgMCAwIDEtLjc1LS43NXpNNi43NSAxMWEuNzUuNzUgMCAwIDAgMCAxLjVoMi41YS43NS43NSAwIDAgMCAwLTEuNWgtMi41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+XAo8L3N2Zz4K');\n --str-video__icon--fullscreen: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibSAxMCwxNiAyLDAgMCwtNCA0LDAgMCwtMiBMIDEwLDEwIGwgMCw2IDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjAsMTAgMCwyIDQsMCAwLDQgMiwwIEwgMjYsMTAgbCAtNiwwIDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjQsMjQgLTQsMCAwLDIgTCAyNiwyNiBsIDAsLTYgLTIsMCAwLDQgMCwwIHoiLz4KPHBhdGggZD0iTSAxMiwyMCAxMCwyMCAxMCwyNiBsIDYsMCAwLC0yIC00LDAgMCwtNCAwLDAgeiIvPgo8L3N2Zz4=');\n --str-video__icon--info-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==');\n --str-video__icon--kick-user: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xNCw4YzAtMi4yMS0xLjc5LTQtNC00UzYsNS43OSw2LDhzMS43OSw0LDQsNFMxNCwxMC4yMSwxNCw4eiBNMTcsMTB2Mmg2di0ySDE3eiBNMiwxOHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00IFMyLDE1LjM0LDIsMTh6Ii8+PC9nPjwvc3ZnPg==');\n --str-video__icon--livestream-viewers: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2OTdfMjU1NykiPgo8cGF0aCBkPSJNOC4zNzc0NCA0LjU2MjVDMTAuNzQ2MiA0LjU2MjUgMTIuODU4NyA1Ljg5Mzc1IDEzLjg4OTkgOEMxMi44NTg3IDEwLjEwNjIgMTAuNzQ2MiAxMS40Mzc1IDguMzc3NDQgMTEuNDM3NUM2LjAwODY5IDExLjQzNzUgMy44OTYxOSAxMC4xMDYyIDIuODY0OTQgOEMzLjg5NjE5IDUuODkzNzUgNi4wMDg2OSA0LjU2MjUgOC4zNzc0NCA0LjU2MjVaTTguMzc3NDQgMy4zMTI1QzUuMjUyNDQgMy4zMTI1IDIuNTgzNjkgNS4yNTYyNSAxLjUwMjQ0IDhDMi41ODM2OSAxMC43NDM4IDUuMjUyNDQgMTIuNjg3NSA4LjM3NzQ0IDEyLjY4NzVDMTEuNTAyNCAxMi42ODc1IDE0LjE3MTIgMTAuNzQzOCAxNS4yNTI0IDhDMTQuMTcxMiA1LjI1NjI1IDExLjUwMjQgMy4zMTI1IDguMzc3NDQgMy4zMTI1Wk04LjM3NzQ0IDYuNDM3NUM5LjIzOTk0IDYuNDM3NSA5LjkzOTk0IDcuMTM3NSA5LjkzOTk0IDhDOS45Mzk5NCA4Ljg2MjUgOS4yMzk5NCA5LjU2MjUgOC4zNzc0NCA5LjU2MjVDNy41MTQ5NCA5LjU2MjUgNi44MTQ5NCA4Ljg2MjUgNi44MTQ5NCA4QzYuODE0OTQgNy4xMzc1IDcuNTE0OTQgNi40Mzc1IDguMzc3NDQgNi40Mzc1Wk04LjM3NzQ0IDUuMTg3NUM2LjgyNzQ0IDUuMTg3NSA1LjU2NDk0IDYuNDUgNS41NjQ5NCA4QzUuNTY0OTQgOS41NSA2LjgyNzQ0IDEwLjgxMjUgOC4zNzc0NCAxMC44MTI1QzkuOTI3NDQgMTAuODEyNSAxMS4xODk5IDkuNTUgMTEuMTg5OSA4QzExLjE4OTkgNi40NSA5LjkyNzQ0IDUuMTg3NSA4LjM3NzQ0IDUuMTg3NVoiIGZpbGw9IiNGQ0ZDRkMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84Njk3XzI1NTciPgo8cmVjdCB4PSIwLjg3NzQ0MSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');\n --str-video__icon--loading: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuOTIxMyAxNUMzMC45MjEzIDIzLjI4NDMgMjQuMjA1NiAzMCAxNS45MjEzIDMwQzEwLjcxNTQgMzAgNi4xMjg5OSAyNy4zNDggMy40MzkyMSAyMy4zMjE0TDUuMTAzNDkgMjIuMjExOUM3LjQzNDYzIDI1LjcwMTYgMTEuNDA5NiAyOCAxNS45MjEzIDI4QzIzLjEwMSAyOCAyOC45MjEzIDIyLjE3OTcgMjguOTIxMyAxNUMyOC45MjEzIDcuODIwMyAyMy4xMDEgMiAxNS45MjEzIDJMMTUuOTIxMyAwQzI0LjIwNTYgMCAzMC45MjEzIDYuNzE1NzMgMzAuOTIxMyAxNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMykiLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMyIgeDE9IjMuNDM5MjEiIHkxPSIwIiB4Mj0iMy40MzkyMSIgeTI9IjMwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLXNlbWl0cmFuc3BhcmVudCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLW9wYXF1ZSIgb2Zmc2V0PSIxIiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPg==');\n --str-video__icon--logout: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDA2NTEgMi45MTY2N0g2LjUwNjUxQzYuODI3MzQgMi45MTY2NyA3LjA4OTg0IDIuNjU0MTcgNy4wODk4NCAyLjMzMzMzQzcuMDg5ODQgMi4wMTI1IDYuODI3MzQgMS43NSA2LjUwNjUxIDEuNzVIMy4wMDY1MUMyLjM2NDg0IDEuNzUgMS44Mzk4NCAyLjI3NSAxLjgzOTg0IDIuOTE2NjdWMTEuMDgzM0MxLjgzOTg0IDExLjcyNSAyLjM2NDg0IDEyLjI1IDMuMDA2NTEgMTIuMjVINi41MDY1MUM2LjgyNzM0IDEyLjI1IDcuMDg5ODQgMTEuOTg3NSA3LjA4OTg0IDExLjY2NjdDNy4wODk4NCAxMS4zNDU4IDYuODI3MzQgMTEuMDgzMyA2LjUwNjUxIDExLjA4MzNIMy4wMDY1MVYyLjkxNjY3WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMTIuMTM1NyA2Ljc5NTgzTDEwLjUwODIgNS4xNjgzM0MxMC4zMjE1IDQuOTgxNjcgMTAuMDA2NSA1LjExIDEwLjAwNjUgNS4zNzI1VjYuNDE2NjdINS45MjMxOEM1LjYwMjM0IDYuNDE2NjcgNS4zMzk4NCA2LjY3OTE3IDUuMzM5ODQgN0M1LjMzOTg0IDcuMzIwODMgNS42MDIzNCA3LjU4MzMzIDUuOTIzMTggNy41ODMzM0gxMC4wMDY1VjguNjI3NUMxMC4wMDY1IDguODkgMTAuMzIxNSA5LjAxODMzIDEwLjUwMjMgOC44MzE2N0wxMi4xMjk4IDcuMjA0MTdDMTIuMjQ2NSA3LjA5MzMzIDEyLjI0NjUgNi45MDY2NyAxMi4xMzU3IDYuNzk1ODNaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=');\n --str-video__icon--low-bandwidth: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMjQgMEgwdjI0aDI0eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik04LjEgNWMuMTcgMCAuMzIuMDkuNDEuMjNsLjA3LjE1IDUuMTggMTEuNjVjLjE2LjI5LjI2LjYxLjI2Ljk2IDAgMS4xMS0uOSAyLjAxLTIuMDEgMi4wMS0uOTYgMC0xLjc3LS42OC0xLjk2LTEuNTlsLS4wMS0uMDNMNy42IDUuNWMwLS4yOC4yMi0uNS41LS41TTIzIDlsLTIgMmExMi42NiAxMi42NiAwIDAgMC0xMC41My0zLjYyTDkuMjggNC43YzQuODMtLjg2IDkuOTguNTcgMTMuNzIgNC4zTTMgMTEgMSA5YTE1LjQgMTUuNCAwIDAgMSA1LjU5LTMuNTdsLjUzIDIuODJDNS42MiA4Ljg3IDQuMjIgOS43OCAzIDExbTQgNC0yLTJjLjgtLjggMS43LTEuNDIgMi42Ni0xLjg5bC41NSAyLjkyYy0uNDIuMjctLjgzLjU5LTEuMjEuOTdtMTItMi0yIDJhNy4xIDcuMSAwIDAgMC00LjAzLTJsLTEuMjgtMi44OGMyLjYzLS4wOCA1LjMuODcgNy4zMSAyLjg4Ii8+PC9zdmc+');\n --str-video__icon--magnifier-glass: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQ4NDkxIDcuODYwM0g3Ljk1NTk3TDcuNzY4NSA3LjY3OTUyQzguNTcxOTUgNi43NDIxNiA4Ljk4NzA2IDUuNDYzMzQgOC43NTk0MiA0LjEwNDE4QzguNDQ0NzMgMi4yNDI4NSA2Ljg5MTQgMC43NTY0NzQgNS4wMTY2OSAwLjUyODgzQzIuMTg0NTMgMC4xODA2NjkgLTAuMTk5MDMxIDIuNTY0MjMgMC4xNDkxMyA1LjM5NjM5QzAuMzc2Nzc0IDcuMjcxMSAxLjg2MzE1IDguODI0NDMgMy43MjQ0OCA5LjEzOTEyQzUuMDgzNjQgOS4zNjY3NiA2LjM2MjQ2IDguOTUxNjUgNy4yOTk4MiA4LjE0ODJMNy40ODA2IDguMzM1NjdWOC44NjQ2MUwxMC4zMjYxIDExLjcxMDJDMTAuNjAwNyAxMS45ODQ3IDExLjA0OTIgMTEuOTg0NyAxMS4zMjM4IDExLjcxMDJDMTEuNTk4MyAxMS40MzU2IDExLjU5ODMgMTAuOTg3IDExLjMyMzggMTAuNzEyNUw4LjQ4NDkxIDcuODYwM1pNNC40Njc2NiA3Ljg2MDNDMi44MDA1MSA3Ljg2MDMgMS40NTQ3MyA2LjUxNDUyIDEuNDU0NzMgNC44NDczNkMxLjQ1NDczIDMuMTgwMjEgMi44MDA1MSAxLjgzNDQzIDQuNDY3NjYgMS44MzQ0M0M2LjEzNDgyIDEuODM0NDMgNy40ODA2IDMuMTgwMjEgNy40ODA2IDQuODQ3MzZDNy40ODA2IDYuNTE0NTIgNi4xMzQ4MiA3Ljg2MDMgNC40Njc2NiA3Ljg2MDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n --str-video__icon--mic: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OSAxNC41QzEzLjY1OSAxNC41IDE0Ljk5OSAxMy4xNiAxNC45OTkgMTEuNVY1LjVDMTQuOTk5IDMuODQgMTMuNjU5IDIuNSAxMS45OTkgMi41QzEwLjMzOSAyLjUgOC45OTkwMSAzLjg0IDguOTk5MDEgNS41VjExLjVDOC45OTkwMSAxMy4xNiAxMC4zMzkgMTQuNSAxMS45OTkgMTQuNVpNMTcuOTA5IDExLjVDMTcuNDE5IDExLjUgMTcuMDA5IDExLjg2IDE2LjkyOSAxMi4zNUMxNi41MTkgMTQuNyAxNC40NjkgMTYuNSAxMS45OTkgMTYuNUM5LjUyOTAxIDE2LjUgNy40NzkwMSAxNC43IDcuMDY5MDEgMTIuMzVDNi45ODkwMSAxMS44NiA2LjU3OTAxIDExLjUgNi4wODkwMSAxMS41QzUuNDc5MDEgMTEuNSA0Ljk5OTAxIDEyLjA0IDUuMDg5MDEgMTIuNjRDNS41NzkwMSAxNS42NCA3Ljk3OTAxIDE3Ljk5IDEwLjk5OSAxOC40MlYyMC41QzEwLjk5OSAyMS4wNSAxMS40NDkgMjEuNSAxMS45OTkgMjEuNUMxMi41NDkgMjEuNSAxMi45OTkgMjEuMDUgMTIuOTk5IDIwLjVWMTguNDJDMTYuMDE5IDE3Ljk5IDE4LjQxOSAxNS42NCAxOC45MDkgMTIuNjRDMTkuMDA5IDEyLjA0IDE4LjUxOSAxMS41IDE3LjkwOSAxMS41WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K');\n --str-video__icon--mic-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE0LjkyMDQgMTEuMVY1LjVDMTQuOTIwNCAzLjg0IDEzLjU4MDQgMi41IDExLjkyMDQgMi41QzEwLjM4MDQgMi41IDkuMTMwMzkgMy42NiA4Ljk2MDM5IDUuMTVMMTQuOTIwNCAxMS4xWk0xOC4wMDA0IDExLjVDMTcuNTkwNCAxMS41IDE3LjIzMDQgMTEuOCAxNy4xNzA0IDEyLjIxQzE3LjEyMDQgMTIuNTMgMTcuMDUwNCAxMi44NSAxNi45NTA0IDEzLjE0TDE4LjIyMDQgMTQuNDFDMTguNTIwNCAxMy44MSAxOC43NDA0IDEzLjE2IDE4Ljg1MDQgMTIuNDdDMTguOTIwNCAxMS45NiAxOC41MjA0IDExLjUgMTguMDAwNCAxMS41Wk0zLjYzMDM5IDQuMDZDMy4yNDAzOSA0LjQ1IDMuMjQwMzkgNS4wOCAzLjYzMDM5IDUuNDdMOC45MjAzOSAxMC43N1YxMS4yQzguOTIwMzkgMTIuMzkgOS41MjAzOSAxMy41MiAxMC41NTA0IDE0LjExQzExLjMwMDQgMTQuNTQgMTEuOTYwNCAxNC41NSAxMi41NzA0IDE0LjQyTDE0LjIzMDQgMTYuMDhDMTMuNTIwNCAxNi40MSAxMi43MzA0IDE2LjYgMTEuOTIwNCAxNi42QzkuMzgwMzkgMTYuNiA3LjA0MDM5IDE0LjgzIDYuNjcwMzkgMTIuMjFDNi42MTAzOSAxMS44IDYuMjUwMzkgMTEuNSA1Ljg0MDM5IDExLjVDNS4zMjAzOSAxMS41IDQuOTIwMzkgMTEuOTYgNC45OTAzOSAxMi40N0M1LjQ1MDM5IDE1LjQzIDcuOTUwMzkgMTcuNzcgMTAuOTIwNCAxOC4yMlYyMC41QzEwLjkyMDQgMjEuMDUgMTEuMzcwNCAyMS41IDExLjkyMDQgMjEuNUMxMi40NzA0IDIxLjUgMTIuOTIwNCAyMS4wNSAxMi45MjA0IDIwLjVWMTguMjJDMTMuODMwNCAxOC4wOSAxNC42OTA0IDE3Ljc3IDE1LjQ3MDQgMTcuMzJMMTguOTYwNCAyMC44MUMxOS4zNTA0IDIxLjIgMTkuOTgwNCAyMS4yIDIwLjM3MDQgMjAuODFDMjAuNzYwNCAyMC40MiAyMC43NjA0IDE5Ljc5IDIwLjM3MDQgMTkuNEw1LjA0MDM5IDQuMDZDNC42NTAzOSAzLjY3IDQuMDIwMzkgMy42NyAzLjYzMDM5IDQuMDZaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--network-quality: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNCA5LjJINi42QzcuMzcgOS4yIDggOS44MyA4IDEwLjZWMTcuNkM4IDE4LjM3IDcuMzcgMTkgNi42IDE5SDYuNEM1LjYzIDE5IDUgMTguMzcgNSAxNy42VjEwLjZDNSA5LjgzIDUuNjMgOS4yIDYuNCA5LjJaTTEyIDVDMTIuNzcgNSAxMy40IDUuNjMgMTMuNCA2LjRWMTcuNkMxMy40IDE4LjM3IDEyLjc3IDE5IDEyIDE5QzExLjIzIDE5IDEwLjYgMTguMzcgMTAuNiAxNy42VjYuNEMxMC42IDUuNjMgMTEuMjMgNSAxMiA1Wk0xNy42IDEzQzE4LjM3IDEzIDE5IDEzLjYzIDE5IDE0LjRWMTcuNkMxOSAxOC4zNyAxOC4zNyAxOSAxNy42IDE5QzE2LjgzIDE5IDE2LjIgMTguMzcgMTYuMiAxNy42VjE0LjRDMTYuMiAxMy42MyAxNi44MyAxMyAxNy42IDEzWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');\n --str-video__icon--reactions: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzIDQuNUMyMyA1LjA1IDIyLjU1IDUuNSAyMiA1LjVIMjFWNi41QzIxIDcuMDUgMjAuNTUgNy41IDIwIDcuNUMxOS40NSA3LjUgMTkgNy4wNSAxOSA2LjVWNS41SDE4QzE3LjQ1IDUuNSAxNyA1LjA1IDE3IDQuNUMxNyAzLjk1IDE3LjQ1IDMuNSAxOCAzLjVIMTlWMi41QzE5IDEuOTUgMTkuNDUgMS41IDIwIDEuNUMyMC41NSAxLjUgMjEgMS45NSAyMSAyLjVWMy41SDIyQzIyLjU1IDMuNSAyMyAzLjk1IDIzIDQuNVpNMjAuNTIgOS40NUMyMC44MyAxMC40MSAyMSAxMS40NCAyMSAxMi41QzIxIDE4LjAyIDE2LjUyIDIyLjUgMTEgMjIuNUM1LjQ4IDIyLjUgMSAxOC4wMiAxIDEyLjVDMSA2Ljk4IDUuNDggMi41IDExIDIuNUMxMi41IDIuNSAxMy45MiAyLjg0IDE1LjIgMy40NEMxNS4wOCAzLjc3IDE1IDQuMTIgMTUgNC41QzE1IDUuODUgMTUuOSA3IDE3LjEzIDcuMzdDMTcuNSA4LjYgMTguNjUgOS41IDIwIDkuNUMyMC4xOCA5LjUgMjAuMzUgOS40OCAyMC41MiA5LjQ1Wk02IDEwQzYgMTAuODMgNi42NyAxMS41IDcuNSAxMS41QzguMzMgMTEuNSA5IDEwLjgzIDkgMTBDOSA5LjE3IDguMzMgOC41IDcuNSA4LjVDNi42NyA4LjUgNiA5LjE3IDYgMTBaTTE1LjMxIDE0LjVINi42OUM2LjMxIDE0LjUgNi4wNiAxNC45MiA2LjI1IDE1LjI1QzcuMiAxNi44OSA4Ljk3IDE4IDExIDE4QzEzLjAzIDE4IDE0LjggMTYuODkgMTUuNzUgMTUuMjVDMTUuOTQgMTQuOTIgMTUuNyAxNC41IDE1LjMxIDE0LjVaTTE2IDEwQzE2IDkuMTcgMTUuMzMgOC41IDE0LjUgOC41QzEzLjY3IDguNSAxMyA5LjE3IDEzIDEwQzEzIDEwLjgzIDEzLjY3IDExLjUgMTQuNSAxMS41QzE1LjMzIDExLjUgMTYgMTAuODMgMTYgMTBaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--recording-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTEyIDIwQzcuNTggMjAgNCAxNi40MiA0IDEyQzQgNy41OCA3LjU4IDQgMTIgNEMxNi40MiA0IDIwIDcuNTggMjAgMTJDMjAgMTYuNDIgMTYuNDIgMjAgMTIgMjBaIiBmaWxsPSIjQjBCNEI3Ii8+CjxwYXRoIGQ9Ik0xMiAxN0MxNC43NjE0IDE3IDE3IDE0Ljc2MTQgMTcgMTJDMTcgOS4yMzg1OCAxNC43NjE0IDcgMTIgN0M5LjIzODU4IDcgNyA5LjIzODU4IDcgMTJDNyAxNC43NjE0IDkuMjM4NTggMTcgMTIgMTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--recording-on: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41MiAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNMTMgMTRIN0M2LjQ1IDE0IDYgMTMuNTUgNiAxM1Y3QzYgNi40NSA2LjQ1IDYgNyA2SDEzQzEzLjU1IDYgMTQgNi40NSAxNCA3VjEzQzE0IDEzLjU1IDEzLjU1IDE0IDEzIDE0WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K');\n --str-video__icon--refresh: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTk2MCAwdjIxMy4zMzNjNDExLjYyNyAwIDc0Ni42NjcgMzM0LjkzNCA3NDYuNjY3IDc0Ni42NjdTMTM3MS42MjcgMTcwNi42NjcgOTYwIDE3MDYuNjY3IDIxMy4zMzMgMTM3MS43MzMgMjEzLjMzMyA5NjBjMC0xOTcuMDEzIDc4LjQtMzgyLjUwNyAyMTMuMzM0LTUyMC43NDd2MjU0LjA4SDY0MFYxMDYuNjY3SDUzLjMzM1YzMjBoMTkxLjA0Qzg4LjY0IDQ5NC4wOCAwIDcyMC45NiAwIDk2MGMwIDUyOS4yOCA0MzAuNjEzIDk2MCA5NjAgOTYwczk2MC00MzAuNzIgOTYwLTk2MFMxNDg5LjM4NyAwIDk2MCAwIi8+PC9zdmc+Cg==');\n --str-video__icon--screen-share-off: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjIgMTcuMSAyMiAxNlY2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDFDMC40NSAxOCAwIDE4LjQ1IDAgMTlDMCAxOS41NSAwLjQ1IDIwIDEgMjBIMjNDMjMuNTUgMjAgMjQgMTkuNTUgMjQgMTlDMjQgMTguNDUgMjMuNTUgMTggMjMgMThIMjBaTTEzIDE0LjQ3VjEyLjI4QzEwLjIyIDEyLjI4IDguMzkgMTMuMTMgNyAxNUM3LjU2IDEyLjMzIDkuMTEgOS42NyAxMyA5LjEzVjdMMTYuNjEgMTAuMzZDMTYuODIgMTAuNTYgMTYuODIgMTAuODkgMTYuNjEgMTEuMDlMMTMgMTQuNDdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--screen-share-on: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPU91dGxpbmVkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuODkgMjEuMSA0IDIwIDRINEMyLjg5IDQgMiA0Ljg5IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDBWMjBIMjRWMThIMjBaTTQgMTZWNkgyMFYxNi4wMUw0IDE2Wk0xMyA5LjEzQzkuMTEgOS42NyA3LjU2IDEyLjMzIDcgMTVDOC4zOSAxMy4xMyAxMC4yMiAxMi4yOCAxMyAxMi4yOFYxNC40N0wxNyAxMC43M0wxMyA3VjkuMTNaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--settings: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ5OTcgMTJDMTkuNDk5NyAxMS43NyAxOS40ODk3IDExLjU1IDE5LjQ2OTcgMTEuMzJMMjEuMzI5NyA5LjkxQzIxLjcyOTcgOS42MSAyMS44Mzk3IDkuMDUgMjEuNTg5NyA4LjYxTDE5LjcxOTcgNS4zOEMxOS40Njk3IDQuOTQgMTguOTI5NyA0Ljc2IDE4LjQ2OTcgNC45NkwxNi4zMTk3IDUuODdDMTUuOTQ5NyA1LjYxIDE1LjU1OTcgNS4zOCAxNS4xNDk3IDUuMTlMMTQuODU5NyAyLjg4QzE0Ljc5OTcgMi4zOCAxNC4zNjk3IDIgMTMuODY5NyAySDEwLjEzOTdDOS42Mjk2NyAyIDkuMTk5NjcgMi4zOCA5LjEzOTY3IDIuODhMOC44NDk2NyA1LjE5QzguNDM5NjcgNS4zOCA4LjA0OTY2IDUuNjEgNy42Nzk2NyA1Ljg3TDUuNTI5NjcgNC45NkM1LjA2OTY3IDQuNzYgNC41Mjk2NyA0Ljk0IDQuMjc5NjcgNS4zOEwyLjQwOTY3IDguNjJDMi4xNTk2NyA5LjA2IDIuMjY5NjcgOS42MSAyLjY2OTY3IDkuOTJMNC41Mjk2NyAxMS4zM0M0LjUwOTY3IDExLjU1IDQuNDk5NjcgMTEuNzcgNC40OTk2NyAxMkM0LjQ5OTY3IDEyLjIzIDQuNTA5NjcgMTIuNDUgNC41Mjk2NyAxMi42OEwyLjY2OTY3IDE0LjA5QzIuMjY5NjcgMTQuMzkgMi4xNTk2NyAxNC45NSAyLjQwOTY3IDE1LjM5TDQuMjc5NjcgMTguNjJDNC41Mjk2NyAxOS4wNiA1LjA2OTY3IDE5LjI0IDUuNTI5NjcgMTkuMDRMNy42Nzk2NyAxOC4xM0M4LjA0OTY2IDE4LjM5IDguNDM5NjcgMTguNjIgOC44NDk2NyAxOC44MUw5LjEzOTY3IDIxLjEyQzkuMTk5NjcgMjEuNjIgOS42Mjk2NyAyMiAxMC4xMjk3IDIySDEzLjg1OTdDMTQuMzU5NyAyMiAxNC43ODk3IDIxLjYyIDE0Ljg0OTcgMjEuMTJMMTUuMTM5NyAxOC44MUMxNS41NDk3IDE4LjYyIDE1LjkzOTcgMTguMzkgMTYuMzA5NyAxOC4xM0wxOC40NTk3IDE5LjA0QzE4LjkxOTcgMTkuMjQgMTkuNDU5NyAxOS4wNiAxOS43MDk3IDE4LjYyTDIxLjU3OTcgMTUuMzlDMjEuODI5NyAxNC45NSAyMS43MTk3IDE0LjQgMjEuMzE5NyAxNC4wOUwxOS40NTk3IDEyLjY4QzE5LjQ4OTcgMTIuNDUgMTkuNDk5NyAxMi4yMyAxOS40OTk3IDEyWk0xMi4wMzk3IDE1LjVDMTAuMTA5NyAxNS41IDguNTM5NjcgMTMuOTMgOC41Mzk2NyAxMkM4LjUzOTY3IDEwLjA3IDEwLjEwOTcgOC41IDEyLjAzOTcgOC41QzEzLjk2OTcgOC41IDE1LjUzOTcgMTAuMDcgMTUuNTM5NyAxMkMxNS41Mzk3IDEzLjkzIDEzLjk2OTcgMTUuNSAxMi4wMzk3IDE1LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==');\n --str-video__icon--speaker: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgMTAuMDAxOFYxNC4wMDE4QzMgMTQuNTUxOCAzLjQ1IDE1LjAwMTggNCAxNS4wMDE4SDdMMTAuMjkgMTguMjkxOEMxMC45MiAxOC45MjE4IDEyIDE4LjQ3MTggMTIgMTcuNTgxOFY2LjQxMTc5QzEyIDUuNTIxNzkgMTAuOTIgNS4wNzE3OSAxMC4yOSA1LjcwMTc5TDcgOS4wMDE3OUg0QzMuNDUgOS4wMDE3OSAzIDkuNDUxNzkgMyAxMC4wMDE4Wk0xNi41IDEyLjAwMThDMTYuNSAxMC4yMzE4IDE1LjQ4IDguNzExNzkgMTQgNy45NzE3OVYxNi4wMjE4QzE1LjQ4IDE1LjI5MTggMTYuNSAxMy43NzE4IDE2LjUgMTIuMDAxOFpNMTQgNC40NTE3OVY0LjY1MTc5QzE0IDUuMDMxNzkgMTQuMjUgNS4zNjE3OSAxNC42IDUuNTAxNzlDMTcuMTggNi41MzE3OSAxOSA5LjA2MTc5IDE5IDEyLjAwMThDMTkgMTQuOTQxOCAxNy4xOCAxNy40NzE4IDE0LjYgMTguNTAxOEMxNC4yNCAxOC42NDE4IDE0IDE4Ljk3MTggMTQgMTkuMzUxOFYxOS41NTE4QzE0IDIwLjE4MTggMTQuNjMgMjAuNjIxOCAxNS4yMSAyMC40MDE4QzE4LjYgMTkuMTExOCAyMSAxNS44NDE4IDIxIDEyLjAwMThDMjEgOC4xNjE3OSAxOC42IDQuODkxNzkgMTUuMjEgMy42MDE3OUMxNC42MyAzLjM3MTc5IDE0IDMuODIxNzkgMTQgNC40NTE3OVoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--stats: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjg5MTEgMTAuNTQ3NUwxMi44MzExIDEwLjA1NzVDMTIuNDQxMSA5Ljg3NzQ2IDEyLjQ0MTEgOS4zMjc0NiAxMi44MzExIDkuMTQ3NDZMMTMuODkxMSA4LjY1NzQ2TDE0LjM4MTEgNy42MDc0NkMxNC41NjExIDcuMjE3NDYgMTUuMTExMSA3LjIxNzQ2IDE1LjI5MTEgNy42MDc0NkwxNS43ODExIDguNjY3NDZMMTYuODMxMSA5LjE1NzQ2QzE3LjIyMTEgOS4zMzc0NiAxNy4yMjExIDkuODg3NDYgMTYuODMxMSAxMC4wNjc1TDE1Ljc3MTEgMTAuNTU3NUwxNS4yODExIDExLjYwNzVDMTUuMTAxMSAxMS45OTc1IDE0LjU1MTEgMTEuOTk3NSAxNC4zNzExIDExLjYwNzVMMTMuODkxMSAxMC41NDc1Wk00LjI4MTA3IDEzLjYwNzVMNC43NzEwNyAxMi41NDc1TDUuODMxMDcgMTIuMDU3NUM2LjIyMTA3IDExLjg3NzUgNi4yMjEwNyAxMS4zMjc1IDUuODMxMDcgMTEuMTQ3NUw0Ljc3MTA3IDEwLjY1NzVMNC4yODEwNyA5LjYwNzQ2QzQuMTExMDcgOS4yMTc0NiAzLjU1MTA3IDkuMjE3NDYgMy4zODEwNyA5LjYwNzQ2TDIuODkxMDcgMTAuNjY3NUwxLjgzMTA3IDExLjE1NzVDMS40NDEwNyAxMS4zMzc1IDEuNDQxMDcgMTEuODg3NSAxLjgzMTA3IDEyLjA2NzVMMi44OTEwNyAxMi41NTc1TDMuMzgxMDcgMTMuNjA3NUMzLjU1MTA3IDEzLjk5NzUgNC4xMTEwNyAxMy45OTc1IDQuMjgxMDcgMTMuNjA3NVpNOC43OTEwNyA4LjU5NzQ2TDkuNDIxMDcgNy4xOTc0NkwxMC44MjExIDYuNTY3NDZDMTEuMjExMSA2LjM4NzQ2IDExLjIxMTEgNS44Mzc0NiAxMC44MjExIDUuNjU3NDZMOS40MjEwNyA1LjAyNzQ2TDguNzkxMDcgMy42Mjc0NkM4LjYxMTA3IDMuMjM3NDYgOC4wNjEwNyAzLjIzNzQ2IDcuODgxMDcgMy42Mjc0Nkw3LjI1MTA3IDUuMDI3NDZMNS44NTEwNyA1LjY1NzQ2QzUuNDYxMDcgNS44Mzc0NiA1LjQ2MTA3IDYuMzg3NDYgNS44NTEwNyA2LjU2NzQ2TDcuMjUxMDcgNy4xOTc0Nkw3Ljg4MTA3IDguNTk3NDZDOC4wNTEwNyA4Ljk4NzQ2IDguNjExMDcgOC45ODc0NiA4Ljc5MTA3IDguNTk3NDZaTTIyLjE3MTEgOC44Nzc0NkMyMS43NzExIDguNDc3NDYgMjEuMTAxMSA4LjQ4NzQ2IDIwLjcyMTEgOC45MTc0NkwxNC4zMzExIDE2LjA5NzVMMTEuMDQxMSAxMi44MDc1QzEwLjY1MTEgMTIuNDE3NSAxMC4wMjExIDEyLjQxNzUgOS42MzEwNyAxMi44MDc1TDMuNTkxMDcgMTguODU3NUMzLjE4MTA3IDE5LjI2NzUgMy4xODEwNyAxOS45NDc1IDMuNTkxMDcgMjAuMzU3NUM0LjAwMTA3IDIwLjc2NzUgNC42ODEwNyAyMC43Njc1IDUuMDkxMDcgMjAuMzU3NUwxMC4zNDExIDE1LjA5NzVMMTMuNTkxMSAxOC4zNDc1QzE0LjAwMTEgMTguNzU3NSAxNC42NjExIDE4LjczNzUgMTUuMDQxMSAxOC4zMDc1TDIyLjIxMTEgMTAuMjM3NUMyMi41NjExIDkuODQ3NDYgMjIuNTQxMSA5LjI0NzQ2IDIyLjE3MTEgOC44Nzc0NloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K');\n --str-video__icon--pin: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAxMi44N0MxOSAxMi40IDE4LjY2IDEyLjAyIDE4LjIgMTEuODlDMTYuOTMgMTEuNTQgMTYgMTAuMzggMTYgOVY0SDE3QzE3LjU1IDQgMTggMy41NSAxOCAzQzE4IDIuNDUgMTcuNTUgMiAxNyAySDdDNi40NSAyIDYgMi40NSA2IDNDNiAzLjU1IDYuNDUgNCA3IDRIOFY5QzggMTAuMzggNy4wNyAxMS41NCA1LjggMTEuODlDNS4zNCAxMi4wMiA1IDEyLjQgNSAxMi44N1YxM0M1IDEzLjU1IDUuNDUgMTQgNiAxNEgxMC45OEwxMSAyMUMxMSAyMS41NSAxMS40NSAyMiAxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMUwxMi45OCAxNEgxOEMxOC41NSAxNCAxOSAxMy41NSAxOSAxM1YxMi44N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==');\n --str-video__icon--no-audio: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjMzNjI5IDAuNzcyNzA5TDkuNzQ5MjQgMC40NDI2MTNDOS45MzYxNCAwLjI5MjkyOSAxMC4yMTE5IDAuMzE5NTk2IDEwLjM2NTEgMC41MDIxNzZDMTAuNDI5MyAwLjU3ODY3NyAxMC40NjQ0IDAuNjc0NTYzIDEwLjQ2NDMgMC43NzM0ODdWMS4zMzU0NlYxLjMzNzE1VjEuODY0NDdWMS45MjUyM1YxMy4yMDcyVjEzLjI2ODFWMTMuNzk1NVYxMy43OTcxVjE0LjM1OUMxMC40NjQ0IDE0LjU5NTEgMTAuMjY4NiAxNC43ODY2IDEwLjAyNjkgMTQuNzg2OEM5LjkyNTY4IDE0Ljc4NjggOS44Mjc1MyAxNC43NTI2IDkuNzQ5MjIgMTQuNjg5OUw5LjMzNjI2IDE0LjM1OTdMOS4zMzUzOSAxNC4zNTlMOC45MDg2MSAxNC4wMTc4TDguODU5NzMgMTMuOTc4N0w1LjExNjcyIDEwLjk4NjFMNS4xMTU4NSAxMC45ODYxSDEuNzEyMTNDMS4yMjg3NiAxMC45ODYxIDAuODM2OTE0IDEwLjYwMzMgMC44MzY5MTQgMTAuMTMxMlY1LjAwMTMzQzAuODM2OTE0IDQuNTI5MTQgMS4yMjg3NiA0LjE0NjM1IDEuNzEyMTMgNC4xNDYzNUg1LjExNTg1TDguODU5NzMgMS4xNTM2NUw4LjkwOTY0IDEuMTEzNzVMOS4zMzUzMiAwLjc3MzQ4N0w5LjMzNjI5IDAuNzcyNzA5Wk02LjExNzcyIDUuMzk5N0w4Ljg1OTczIDMuMjA3ODVWMTEuOTI0M0w2LjExODcxIDkuNzMyODhMNS42Nzg2NSA5LjM4MTA1TDUuMTE1ODUgOS4zODE1N0g1LjExNTIzTDUuMTE0MzYgOS4zODE1N0wyLjQ0MTQ4IDkuMzgxNTdWNS43NTA5Mkg1LjExNTg1SDUuNjc4MzRMNi4xMTc3MiA1LjM5OTdaTTE5LjUyNDQgOS44NjQ0NkwxNy4yMjYyIDcuNTY2MjRMMTkuNTI0NCA1LjI2ODAxQzE5LjgzNzcgNC45NTQ3IDE5LjgzMiA0LjQ0MTA4IDE5LjUxODcgNC4xMjc3N0MxOS4yMDU0IDMuODE0NDYgMTguNjkxOCAzLjgwODgyIDE4LjM3ODUgNC4xMjIxM0wxNi4wODAzIDYuNDIwMzVMMTMuNzgyIDQuMTIyMTNDMTMuNDY4NyAzLjgwODgyIDEyLjk1NTEgMy44MTQ0NiAxMi42NDE4IDQuMTI3NzdDMTIuMzI4NSA0LjQ0MTA4IDEyLjMyMjggNC45NTQ3IDEyLjYzNjIgNS4yNjgwMUwxNC45MzQ0IDcuNTY2MjRMMTIuNjM2MiA5Ljg2NDQ2QzEyLjMyMjggMTAuMTc3OCAxMi4zMjg1IDEwLjY5MTQgMTIuNjQxOCAxMS4wMDQ3QzEyLjk1NTEgMTEuMzE4IDEzLjQ2ODcgMTEuMzIzNyAxMy43ODIgMTEuMDEwM0wxNi4wODAzIDguNzEyMTJMMTguMzc4NSAxMS4wMTAzQzE4LjY5MTggMTEuMzIzNyAxOS4yMDU0IDExLjMxOCAxOS41MTg3IDExLjAwNDdDMTkuODMyIDEwLjY5MTQgMTkuODM3NyAxMC4xNzc4IDE5LjUyNDQgOS44NjQ0NloiIGZpbGw9IiM3Mjc2N0UiLz4KPC9zdmc+Cg==');\n --str-video__icon--camera-off-outline: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODUxMzggNS41MDk5OUw1LjI0NjgyIDMuOTA1NDNMMS45MTczNSAwLjU4Mzk4NEwwLjc4NjEzMyAxLjcxNTJMMi45NzYzNiAzLjkwNTQzSDIuMzkwN0MxLjk0OTQ0IDMuOTA1NDMgMS41ODg0MSA0LjI2NjQ2IDEuNTg4NDEgNC43MDc3MVYxMi43MzA1QzEuNTg4NDEgMTMuMTcxOCAxLjk0OTQ0IDEzLjUzMjggMi4zOTA3IDEzLjUzMjhIMTIuMDE4MUMxMi4xODY2IDEzLjUzMjggMTIuMzMxIDEzLjQ2ODYgMTIuNDU5MyAxMy4zODg0TDE1LjAxMDYgMTUuOTM5N0wxNi4xNDE4IDE0LjgwODRMOS4wMzM1OSA3LjcwMDIyTDYuODUxMzggNS41MDk5OVpNMy4xOTI5OCAxMS45MjgyVjUuNTA5OTlINC41ODA5MkwxMC45OTkyIDExLjkyODJIMy4xOTI5OFpNMTEuMjE1OCA1LjUwOTk5VjcuNjAzOTVMMTYuMDI5NSAxMi40MTc2VjQuMzA2NTdMMTIuODIwNCA3LjUxNTdWNC43MDc3MUMxMi44MjA0IDQuMjY2NDYgMTIuNDU5MyAzLjkwNTQzIDEyLjAxODEgMy45MDU0M0g3LjUxNzI4TDkuMTIxODQgNS41MDk5OUgxMS4yMTU4WiIgZmlsbD0iIzcyNzY3RSIvPgo8L3N2Zz4K');\n --str-video__icon--not-allowed: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDY0MjIgMC45MzU1NDdDNC4wMzU2MyAwLjkzNTU0NyAwLjQ0MTQwNiA0LjUyOTc3IDAuNDQxNDA2IDguOTU4MzZDMC40NDE0MDYgMTMuMzg3IDQuMDM1NjMgMTYuOTgxMiA4LjQ2NDIyIDE2Ljk4MTJDMTIuODkyOCAxNi45ODEyIDE2LjQ4NyAxMy4zODcgMTYuNDg3IDguOTU4MzZDMTYuNDg3IDQuNTI5NzcgMTIuODkyOCAwLjkzNTU0NyA4LjQ2NDIyIDAuOTM1NTQ3Wk0yLjA0NTk3IDguOTU4MzZDMi4wNDU5NyA1LjQxMjI4IDQuOTE4MTQgMi41NDAxMSA4LjQ2NDIyIDIuNTQwMTFDOS45NDg0NCAyLjU0MDExIDExLjMxMjMgMy4wNDU1NSAxMi4zOTU0IDMuODk1OTdMMy40MDE4MyAxMi44ODk1QzIuNTUxNDEgMTEuODA2NSAyLjA0NTk3IDEwLjQ0MjYgMi4wNDU5NyA4Ljk1ODM2Wk04LjQ2NDIyIDE1LjM3NjZDNi45OCAxNS4zNzY2IDUuNjE2MTIgMTQuODcxMiA0LjUzMzA0IDE0LjAyMDhMMTMuNTI2NiA1LjAyNzE4QzE0LjM3NyA2LjExMDI2IDE0Ljg4MjUgNy40NzQxNCAxNC44ODI1IDguOTU4MzZDMTQuODgyNSAxMi41MDQ0IDEyLjAxMDMgMTUuMzc2NiA4LjQ2NDIyIDE1LjM3NjZaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=');\n}\n","@mixin default-avatar-dimensions {\n width: 2rem;\n height: 2rem;\n}\n\n.str-video__avatar {\n @include default-avatar-dimensions;\n object-fit: cover;\n}\n\n.str-video__avatar--initials-fallback {\n @include default-avatar-dimensions;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n","@use \"../utils\";\n\n.str-video {\n / The font color applied inside the component /\n --str-video__avatar--color: var(--str-video__text-color1);\n\n / The background color of the component /\n --str-video__avatar--background-color: var(--str-video__background-color1);\n\n / The border radius used for the borders of the component /\n --str-video__avatar--border-radius: var(--str-video__border-radius-circle);\n\n}\n.str-video__avatar {\n @include utils.component-layer-overrides('avatar');\n}\n\n.str-video__avatar--initials-fallback {\n background-color: var(--str-video__primary-color);\n font-size: 1rem;\n font-weight: 600;\n border-radius: var(--str-video__border-radius-circle);\n text-transform: uppercase;\n}\n","@mixin ellipsis-text {\n white-space: nowrap;\n overflow-y: visible;\n // Not every browser support clip overflow, so hidden is defined as a fallback\n overflow-x: hidden;\n overflow-x: clip;\n text-overflow: ellipsis;\n}\n\n@mixin apply-mask-image($imageDataUrl, $fill, $size: 1rem) {\n -webkit-mask-image: $imageDataUrl;\n mask-image: $imageDataUrl;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: $size;\n mask-size: $size;\n background-color: $fill;\n}\n\n@mixin component-layer-overrides($component-name, $important: '') {\n background: var(--str-video__#{$component-name}--background-color)\n #{$important};\n color: var(--str-video__#{$component-name}--color) #{$important};\n box-shadow: var(--str-video__#{$component-name}--box-shadow) #{$important};\n border-radius: var(--str-video__#{$component-name}--border-radius)\n #{$important};\n border-block-start: var(--str-video__#{$component-name}--border-block-start)\n #{$important};\n border-block-end: var(--str-video__#{$component-name}--border-block-end)\n #{$important};\n border-inline-start: var(--str-video__#{$component-name}--border-inline-start)\n #{$important};\n border-inline-end: var(--str-video__#{$component-name}--border-inline-end)\n #{$important};\n}\n\n@mixin reset-select {\n // A reset of styles, including removing the default dropdown arrow\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n // Additional resets for further consistency\n background-color: transparent;\n border: none;\n padding: 0 1em 0 0;\n margin: 0;\n width: 100%;\n font-family: inherit;\n font-size: inherit;\n cursor: inherit;\n line-height: inherit;\n outline: none;\n}\n",".str-video__button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--str-video__border-radius-md);\n padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);\n text-align: center;\n min-width: 120px;\n width: 100%;\n font-size: var(--str-video__font-size-md);\n font-weight: 500;\n border: 1px solid transparent;\n color: var(--str-video__text-color1);\n\n background-color: var(--str-video__button-primary-base);\n\n &:not([disabled]):hover {\n background-color: var(--str-video__button-primary-hover);\n cursor: pointer;\n }\n\n &__icon {\n margin-inline-end: var(--str-video__spacing-xs);\n background-color: var(--str-video__text-color1);\n }\n\n &:disabled {\n background-color: var(--str-video__button-default-disabled);\n cursor: not-allowed;\n }\n}\n\n.str-video__composite-button {\n &--caption {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .str-video__composite-button__button-group {\n display: flex;\n align-items: center;\n\n .str-video__composite-button__button {\n all: unset;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0.5rem;\n\n &:not([disabled]):hover {\n cursor: pointer;\n }\n }\n\n .str-video__menu-toggle-button {\n padding: 0;\n margin-inline-start: -30px;\n margin-inline-end: 8px;\n }\n\n .str-video__loading-indicator__icon {\n width: 1.25rem;\n height: 1.25rem;\n -webkit-mask-size: 1.25rem;\n mask-size: 1.25rem;\n }\n }\n\n &.str-video__composite-button--menu .str-video__composite-button__button {\n padding-inline-end: 2.5rem;\n }\n}\n\n.str-video__call-controls__button {\n padding: 0.5rem;\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n &:hover,\n &:hover > :hover {\n cursor: pointer;\n }\n}\n\n.str-video__text-button {\n all: unset;\n padding: 5px;\n font-size: 12px;\n border-radius: var(\n --str-video__participant-list-header__close-button--border-radius\n );\n background: var(\n --str-video__participant-list-header__close-button--background-color\n );\n}\n\n.str-video__call-recording-list-item__action-button {\n border: none;\n}\n","@use '../utils';\n\n.str-video {\n /* The font color applied inside the component /\n --str-video__composite-button__button-group--color: var(\n --str-video__text-color1\n );\n\n / The background color of the component /\n --str-video__composite-button__button-group--background-color: var(\n --str-video__button-primary-base\n );\n\n / The active background color of the component /\n --str-video__composite-button__button-group-active--background-color: var(\n --str-video__button-primary-active\n );\n\n --str-video__composite-button__button-group-active-primary--background-color: var(\n --str-video__button-primary-active\n );\n\n --str-video__composite-button__button-group-active-secondary--background-color: var(\n --str-video__button-secondary-active\n );\n\n --str-video__composite-button__button-group-active-secondary-hover--background-color: var(\n --str-video__button-secondary-hover\n );\n\n / The hover background color of the component /\n --str-video__composite-button__button-group-hover--background-color: var(\n --str-video__button-default-hover\n );\n\n / The border radius used for the borders of the component /\n --str-video__composite-button__button-group--border-radius: var(\n --str-video__border-radius-xs\n );\n}\n\n.str-video__composite-button__button-group {\n @include utils.component-layer-overrides('composite-button__button-group');\n background-color: var(\n --str-video__composite-button__button-group--background-color\n );\n border-radius: var(--str-video__border-radius-circle);\n\n .str-video__call-controls__button.str-video__menu-toggle-button {\n background-color: var(--str-video__button-primary-base);\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n }\n\n &--active {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n color: white;\n\n &:hover {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n }\n\n &:disabled {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n }\n }\n }\n\n &.str-video__composite-button__button-group--active {\n background-color: var(\n --str-video__composite-button__button-group-active--background-color\n );\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n }\n\n .str-video__icon {\n background-color: var(--str-video__icon-active);\n }\n }\n\n &.str-video__composite-button__button-group--active-primary {\n background-color: var(\n --str-video__composite-button__button-group-active-primary--background-color\n );\n }\n\n &.str-video__composite-button__button-group--active-secondary {\n background-color: var(\n --str-video__composite-button__button-group-active-secondary--background-color\n );\n }\n}\n\n.str-video__composite-button__caption {\n font-size: 12px;\n line-height: 15px;\n text-align: center;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.str-video__composite-button__button-group:not(\n .str-video__composite-button__button-group--disabled\n ):hover {\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n\n &.str-video__composite-button__button-group--active-secondary:hover {\n background-color: var(\n --str-video__composite-button__button-group-active-secondary-hover--background-color\n );\n }\n\n .str-video__icon {\n background-color: var(--str-video__icon-hover);\n }\n}\n\n.str-video__call-controls__button {\n border-radius: var(--str-video__border-radius-circle);\n text-decoration: none;\n box-shadow: none;\n border: none;\n background-color: var(--str-video__button-primary-base);\n\n &:hover {\n text-decoration: none;\n background-color: var(\n --str-video__composite-button__button-group-hover--background-color\n );\n\n .str-video__icon {\n background-color: var(--str-video__icon-hover);\n }\n }\n\n &--variant-danger {\n background-color: var(--str-video__button-tertiary-base);\n\n .str-video__icon {\n background-color: white;\n }\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n }\n }\n\n &--variant-success {\n background-color: var(--str-video__info-color);\n\n &:hover {\n background-color: var(--str-video__info-color--accent);\n }\n }\n\n &--variant-active {\n background-color: var(--str-video__button-primary-active);\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n }\n }\n\n &--enabled {\n background: var(--str-video__background-color7);\n }\n}\n",".str-video__background-filters {\n position: absolute;\n bottom: 0;\n // it needs at least 1px to be visible in the viewport,\n // otherwise, the browser will not play the videos\n right: calc(100% - 1px);\n overflow: hidden;\n // trick to make the video not visible but still playable by the browser\n // display: none doesn't work as the browser won't play the video\n opacity: 0;\n\n .str-video__background-filters__video {\n top: 0;\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .str-video__background-filters__video--tall {\n object-fit: contain;\n }\n\n .str-video__background-filters__background-image {\n top: 5px;\n width: 100%;\n height: auto;\n }\n\n .str-video__background-filters__target-canvas {\n top: 10px;\n width: 100%;\n height: auto;\n }\n}\n",".str-video__call-controls {\n display: flex;\n justify-content: center;\n gap: 1rem;\n padding: 1rem 0;\n\n .str-video__reactions-menu {\n background-color: var(--str-video__base-color6);\n display: flex;\n\n padding: var(--str-video__spacing-sm);\n gap: 0.5rem;\n\n border-radius: var(--str-video__border-radius-lg);\n\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n\n .str-video__reactions-menu__button {\n font-family:\n 'Twemoji Mozilla',\n Apple Color Emoji,\n 'Segoe UI Emoji',\n 'Noto Color Emoji',\n 'EmojiOne Color';\n font-size: 1.2rem;\n height: 38px;\n width: 38px;\n background-color: var(--str-video__button-primary-base);\n border-radius: var(--str-video__border-radius-circle);\n border: 1px solid transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n cursor: pointer;\n }\n }\n }\n}\n\n.str-video__no-media-permission,\n.str-video__pending-permission {\n position: absolute;\n height: 12px;\n width: 12px;\n outline: 1px solid var(--str-video__base-color6);\n border-radius: var(--str-video__border-radius-circle);\n display: flex;\n justify-content: center;\n align-items: center;\n\n font-size: var(--str-video__font-size-xxs);\n cursor: pointer;\n font-weight: 600;\n top: 0;\n right: -3px;\n}\n\n.str-video__no-media-permission {\n background-color: var(--str-video__alert-caution);\n color: var(--str-video__base-color4);\n}\n\n.str-video__pending-permission {\n background-color: var(--str-video__button-secondary-active);\n color: var(--str-video__text-color1);\n}\n\n.str-video__composite-button.str-video__device-unavailable {\n .str-video__composite-button__button-group {\n background-color: var(--str-video__button-default-disabled);\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n }\n }\n}\n",".str-video__end-call {\n &__confirmation {\n padding: var(--str-video__spacing-lg);\n gap: var(--str-video__spacing-md);\n\n display: flex;\n flex-direction: column;\n }\n\n &__leave,\n &__end {\n min-width: 196px;\n color: var(--str-video__text-color1);\n border: 1px solid transparent;\n padding: calc(var(--str-video__spacing-sm) - 1px)\n var(--str-video__spacing-lg);\n\n &-icon {\n background-color: var(--str-video__text-color1);\n }\n }\n\n &__leave {\n background-color: var(--str-video__button-tertiary-base);\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n }\n }\n\n &__end {\n background-color: var(--str-video__button-primary-base);\n border-color: var(--str-video__button-default-hover);\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n border-color: transparent;\n }\n }\n}\n\n.str-video__end-call.str-video__end-call__leave-icon,\n.str-video__icon.str-video__end-call__end-icon {\n background-color: var(--str-video__text-color1);\n}\n\n.str-video__end-recording__confirmation {\n background-color: var(--str-video__base-color7);\n border-radius: var(--str-video__border-radius-lg);\n padding: var(--str-video__spacing-xl);\n gap: var(--str-video__spacing-lg);\n display: flex;\n flex-direction: column;\n}\n\n.str-video__end-recording__header {\n display: flex;\n flex-direction: row;\n gap: var(--str-video__spacing-md);\n}\n\n.str-video__end-recording__heading {\n font-size: var(--str-video__font-size-lg);\n font-weight: 600;\n margin: 0;\n}\n\n.str-video__end-recording__description {\n margin: 0;\n color: var(--str-video__text-color2);\n font-size: var(--str-video__font-size-sm);\n}\n\n.str-video__end-recording__actions {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: var(--str-video__spacing-md);\n\n .str-video__composite-button {\n width: 100%;\n gap: var(--str-video__spacing-md);\n\n &:first-of-type {\n background-color: transparent;\n\n .str-video__composite-button__button-group {\n background-color: transparent;\n border: 1px solid var(--str-video__base-color2);\n width: 100%;\n justify-content: center;\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n }\n }\n }\n .str-video__composite-button__button-group {\n background-color: var(--str-video__button-tertiary-base);\n width: 100%;\n justify-content: center;\n\n .str-video__text-button {\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n &:hover {\n background-color: var(--str-video__button-tertiary-hover);\n }\n }\n }\n}\n",".str-video__livestream-layout__wrapper {\n flex-grow: 1;\n overflow-y: hidden;\n\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n position: relative;\n\n .str-video__livestream-layout__screen-share {\n max-width: 100%;\n\n .str-video__video {\n object-fit: contain;\n }\n }\n\n .str-video__livestream-layout__floating-participant {\n position: absolute;\n width: 240px;\n height: 135px;\n box-shadow: var(--str-video__background-color1) 0 0 3px 0;\n\n &--top-right {\n top: 8px;\n right: 8px;\n }\n\n &--top-left {\n top: 8px;\n left: 8px;\n }\n\n &--bottom-right {\n bottom: 8px;\n right: 8px;\n }\n\n &--bottom-left {\n bottom: 8px;\n left: 8px;\n }\n }\n\n .str-video__livestream-layout__overlay {\n position: absolute;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column-reverse;\n\n &:hover .str-video__livestream-layout__overlay__bar {\n background-color: var(--str-video__livestream-overlay-color-hovered);\n }\n\n .str-video__livestream-layout__overlay__bar {\n height: 10%;\n min-height: 40px;\n max-height: 70px;\n position: relative;\n bottom: 0;\n border-bottom-left-radius: var(--str-video__border-radius-sm);\n border-bottom-right-radius: var(--str-video__border-radius-sm);\n\n background-color: var(--str-video__livestream-overlay-color);\n\n display: flex;\n align-items: center;\n padding: 0 20px;\n }\n\n .str-video__livestream-layout__live-badge {\n padding: 4px 8px;\n border-radius: var(--str-video__border-radius-xxs);\n background-color: var(--str-video__primary-color);\n color: var(--str-video__text-color1);\n }\n\n .str-video__livestream-layout__viewers-count {\n &::before {\n content: var(--str-video__icon--livestream-viewers);\n margin-right: 3px;\n vertical-align: middle;\n }\n\n padding: 4px 8px;\n }\n\n .str-video__livestream-layout__speaker-name {\n flex: 1;\n font-size: 13px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .str-video__livestream-layout__duration {\n flex: 1;\n text-align: center;\n }\n\n .str-video__livestream-layout__go-fullscreen {\n background: var(--str-video__icon--fullscreen) center no-repeat;\n border-radius: var(--str-video__border-radius-xxs);\n cursor: pointer;\n width: 32px;\n height: 32px;\n\n &:hover {\n background-color: var(--str-video__overlay-color);\n }\n }\n }\n\n .str-video__livestream-layout__backstage {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .str-video__livestream-layout__starts-at {\n padding: 4px 8px;\n }\n\n .str-video__livestream-layout__early-viewers-count {\n &::before {\n content: var(--str-video__icon--livestream-viewers);\n margin-right: 3px;\n vertical-align: middle;\n }\n\n padding: 4px 8px;\n }\n }\n}\n","$scope-name: 'str-video__paginated-grid-layout';\n\n.str-video__paginated-grid-layout__wrapper {\n flex-grow: 1;\n}\n\n.str-video__paginated-grid-layout {\n display: flex;\n height: 100%;\n align-items: center;\n justify-content: space-between;\n\n .str-video__paginated-grid-layout__group {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n // prevents horizontal overflow\n max-width: 110vh; // TODO: consider applying different limits (2 participants \"unset\", 4 participants 110vh...) \n padding-inline: 1.25rem;\n margin: auto; // when arrows aren't rendered this element jumps to the left\n width: 100%; // prevent resizing of placeholders \n\n .str-video__participant-view {\n flex: 0 1 calc(25% - 6px);\n }\n\n &.str-video__paginated-grid-layout--one {\n .str-video__participant-view {\n flex: 0 1 calc(100% - 6px);\n }\n }\n &.str-video__paginated-grid-layout--two-four {\n .str-video__participant-view {\n flex: 0 1 calc(50% - 6px);\n }\n }\n &.str-video__paginated-grid-layout--five-nine {\n .str-video__participant-view {\n flex: 0 1 calc(33% - 6px);\n }\n }\n }\n}\n","$scope-name: 'str-video__speaker-layout';\n\n.str-video__speaker-layout__wrapper {\n flex-grow: 1;\n overflow-y: hidden;\n}\n\n.str-video__speaker-layout {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n width: 100%;\n gap: 1rem;\n padding-inline: 2px; // to see \"speaking\" outline\n padding: 2px;\n\n .str-video__participant-view {\n aspect-ratio: 16/9;\n }\n\n .str-video__speaker-layout__spotlight {\n display: flex;\n justify-content: center;\n min-height: 0;\n height: 100%;\n\n .str-video__participant-view--speaking:has(\n .str-video__video--screen-share\n ) {\n outline: none;\n }\n\n .str-video__video {\n height: 100%;\n width: 100%;\n }\n\n .str-video__participant-details,\n .str-video__call-controls__button {\n opacity: 1;\n }\n }\n\n .str-video__speaker-layout__participants-bar-buttons-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > .str-video__call-controls__button {\n .str-video__icon {\n width: 1rem;\n height: 1rem;\n }\n }\n\n .str-video__speaker-layout__participants-bar--button-left {\n position: absolute;\n left: 0.5rem;\n }\n .str-video__speaker-layout__participants-bar--button-right {\n position: absolute;\n right: 0.5rem;\n }\n .str-video__speaker-layout__participants-bar--button-top {\n position: absolute;\n top: 0.5rem;\n }\n .str-video__speaker-layout__participants-bar--button-bottom {\n position: absolute;\n bottom: 0.5rem;\n }\n }\n\n .str-video__speaker-layout__participants-bar-wrapper {\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n .str-video__speaker-layout__participants-bar {\n display: flex;\n align-items: center;\n\n .str-video__speaker-layout__participant-tile {\n width: 280px;\n min-width: 280px;\n max-width: 25vh;\n // to see \"speaking\" outline\n padding: 5px;\n }\n }\n }\n\n &--variant-top {\n flex-direction: column-reverse;\n }\n &--variant-left {\n flex-direction: row-reverse;\n }\n &--variant-right {\n flex-direction: row;\n }\n\n &--variant-left,\n &--variant-right {\n .str-video__speaker-layout__participants-bar-wrapper {\n overflow-y: auto;\n max-height: 100%;\n }\n .str-video__speaker-layout__participants-bar {\n flex-direction: column;\n }\n .str-video__speaker-layout__spotlight {\n width: 100%;\n }\n .str-video__participant-view {\n max-width: unset;\n }\n }\n\n &--variant-top,\n &--variant-bottom {\n .str-video__speaker-layout__participants-bar-wrapper {\n overflow-x: auto;\n }\n .str-video__speaker-layout__participants-bar {\n flex-direction: row;\n }\n .str-video__participant-view {\n max-width: 110vh;\n }\n }\n}\n\n@media (min-width: 600px) {\n .str-video__speaker-layout {\n .str-video__speaker-layout__spotlight {\n align-items: center;\n height: auto;\n\n .str-video__video {\n object-fit: contain;\n }\n }\n }\n}\n",".str-video__pip-layout {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n overflow: hidden;\n justify-content: center;\n gap: 1rem;\n padding-inline: 1rem;\n height: 100%;\n}\n\n.str-video__pip-screen-share-local {\n display: flex;\n gap: var(--str-video__spacing-sm);\n border-radius: var(--str-video__border-radius-sm);\n padding: var(--str-video__spacing-md);\n font-size: var(--str-video__font-size-sm);\n\n .str-video__icon {\n width: 1rem;\n height: 1rem;\n }\n}\n",".str-video__pip-screen-share-local {\n background: var(--str-video__background-color5);\n}\n","$scope-name: 'str-video__participant-list';\n\n.str-video__participant-list {\n display: flex;\n flex-direction: column;\n\n .str-video__participant-list-header {\n display: flex;\n align-items: center;\n\n .str-video__participant-list-header__title {\n flex: 1;\n font-size: var(--str-video__font-size-sm);\n }\n .str-video__participant-list-header__close-button {\n > span {\n height: 15px;\n width: 15px;\n }\n }\n }\n\n .str-video__search-input__container {\n margin-top: var(--str-video__spacing-md);\n }\n\n .str-video__participant-list__content-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: var(--str-video__spacing-md);\n justify-content: flex-end;\n\n .str-video__participant-list__content-header-title {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n\n .str-video__call-controls__button {\n width: 1.75rem;\n height: 1.75rem;\n display: flex;\n padding: unset;\n align-items: center;\n justify-content: center;\n\n .str-video__icon--filter {\n width: 1rem;\n height: 1rem;\n }\n }\n }\n\n .str-video__participant-list__content {\n height: auto;\n flex-grow: 1;\n overflow-y: auto;\n margin-top: var(--str-video__spacing-xl);\n }\n\n .str-video__participant-list__footer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: stretch;\n gap: 0.5rem;\n }\n\n .str-video__search-results--loading {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n\n .str-video__loading-indicator__icon {\n $indicator-size: 3rem;\n height: $indicator-size;\n width: $indicator-size;\n -webkit-mask-size: $indicator-size;\n mask-size: $indicator-size;\n }\n }\n\n .str-video__participant-list--empty {\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--str-video__spacing-md);\n font-size: var(--str-video__font-size-sm);\n }\n}\n\n.str-video__invite-link-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.375rem;\n width: 100%;\n position: relative;\n padding-block: 0.5rem;\n\n .str-video__invite-link-tooltip {\n position: absolute;\n bottom: 110%;\n }\n\n .str-video__invite-participant-icon {\n height: 20px;\n width: 20px;\n }\n}\n","@use '../utils';\n\n.str-video__participant-listing-item {\n display: flex;\n justify-content: space-between;\n gap: var(--str-video__spacing-sm);\n padding-block: 0.5rem;\n width: 100%;\n align-items: center;\n\n .str-video__call-controls__button {\n padding: unset;\n }\n\n .str-video__participant-listing-item__display-name {\n flex: 1;\n @include utils.ellipsis-text();\n }\n\n .str-video__participant-avatar {\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n }\n\n .str-video__participant-listing-item__media-indicator-group {\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n\n .str-video__participant-listing-item__icon {\n width: 0.75rem;\n height: 0.75rem;\n }\n }\n}\n","@use '../utils';\n\n.str-video__participant-listing-item {\n .str-video__participant-listing-item__display-name {\n font-size: 13px;\n }\n\n .str-video__participant-listing-item__media-indicator-group {\n .str-video__participant-listing-item__icon-mic {\n @include utils.apply-mask-image(\n var(--str-video__icon--mic),\n var(--str-video__text-color1),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-mic-off {\n @include utils.apply-mask-image(\n var(--str-video__icon--mic-off),\n var(--str-video__danger-color),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-camera {\n @include utils.apply-mask-image(\n var(--str-video__icon--camera),\n var(--str-video__text-color1),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-camera-off {\n @include utils.apply-mask-image(\n var(--str-video__icon--camera-off),\n var(--str-video__danger-color),\n contain,\n );\n }\n\n .str-video__participant-listing-item__icon-pinned {\n @include utils.apply-mask-image(\n var(--str-video__icon--pin),\n var(--str-video__text-color1),\n contain,\n );\n }\n }\n}\n\n",".str-video__call-preview {\n width: 100%;\n height: auto;\n display: inline-block;\n object-fit: contain;\n}\n",".str-video__call-recording-list__list {\n display: flex;\n flex-direction: column;\n list-style: none;\n margin: 0;\n padding: 0;\n\n &:first-of-type {\n .str-video__call-recording-list__item {\n font-weight: 600;\n }\n }\n}\n\n.str-video__call-recording-list__item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n font-size: var(--str-video__font-size-xs);\n border-bottom: 1px solid var(--str-video__base-color2);\n padding: var(--str-video__spacing-sm) 0;\n gap: var(--str-video__spacing-sm);\n\n &:last-of-type {\n border-bottom: none;\n }\n}\n.str-video__call-recording-list__filename {\n width: 200px;\n}\n\n.str-video__call-recording-list__time {\n width: 100px;\n}\n\n.str-video__call-recording-list__download {\n display: flex;\n justify-content: flex-end;\n width: 100px;\n}\n\n.str-video__call-recording-list__filename,\n.str-video__call-recording-list__time {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.str-video__call-recording-list-item__action-button--download {\n .str-video__icon--download {\n height: 32px;\n width: 32px;\n }\n &:hover {\n .str-video__icon--download {\n cursor: pointer;\n background-color: var(--str-video__brand-color1);\n }\n }\n}\n","@use '../utils';\n\n.str-video__call-recording-list__title {\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n.str-video__call-controls__button--icon-call-recordings {\n @include utils.apply-mask-image(\n var(--str-video__icon--film-roll),\n var(--str-video__text-color1),\n 2px\n );\n}\n\n.str-video__call-recordings__toggle-button--active {\n background-color: var(--str-video__background-color7);\n}\n\n.str-video__refresh-button {\n background-color: transparent;\n cursor: pointer;\n border-radius: 4px;\n\n &:hover {\n background-color: var(--str-video__background-color7);\n }\n\n &:active {\n background-color: var(--str-video__background-color5);\n transition: background-color 0.2s ease-out;\n }\n\n .str-video__refresh-button--icon {\n @include utils.apply-mask-image(\n var(--str-video__icon--refresh),\n var(--str-video__text-color1),\n contain\n );\n }\n}\n\n.str-video__call-recording-list__listing--icon-empty {\n @include utils.apply-mask-image(\n var(--str-video__icon--film-roll),\n var(--str-video__text-color1),\n contain\n );\n}\n",".str-video__call-stats {\n border-radius: var(--str-video__border-radius-lg);\n background-color: var(--str-video__base-color7);\n padding: var(--str-video__spacing-md);\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n\n h3 {\n margin: unset;\n }\n\n .str-video__call-stats__header {\n display: flex;\n flex-direction: column;\n margin-bottom: var(--str-video__spacing-md);\n }\n\n .str-video__call-stats__heading {\n display: flex;\n align-items: center;\n }\n\n .str-video__call-stats__icon {\n margin-right: var(--str-video__spacing-sm);\n height: 18px;\n width: 18px;\n }\n\n .str-video__call-stats__description {\n font-size: var(--str-video__font-size-sm);\n margin-bottom: var(--str-video__spacing-sm);\n font-weight: 600;\n }\n\n .str-video__call-stats__card-container {\n --gap: 1rem;\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n gap: var(--gap);\n }\n\n .str-video__call-stats__card {\n display: flex;\n justify-content: space-between;\n background-color: var(--str-video__background-color4);\n border-radius: var(--str-video__border-radius-xs);\n width: calc(50% - calc(var(--gap) / 2));\n padding: 0.5rem 0.5rem;\n\n .str-video__call-stats__card-content {\n display: flex;\n flex-direction: column;\n }\n\n .str-video__call-stats__card-label {\n display: flex;\n color: var(--str-video__text-color2);\n font-size: 0.5625rem;\n font-weight: 500;\n text-transform: uppercase;\n }\n\n .str-video__call-stats__card-value {\n font-size: 1.0625rem;\n font-weight: 500;\n line-height: 1.25rem;\n }\n }\n\n .str-video__call-explanation__icon {\n height: 12px;\n width: 12px;\n margin-left: var(--str-video__spacing-xs);\n\n &:hover {\n cursor: pointer;\n }\n }\n\n .str-video__call-explanation__description {\n background-color: var(--str-video__base-color3);\n padding: var(--str-video__spacing-xs);\n font-size: var(--str-video__font-size-xs);\n border-radius: var(--str-video__border-radius-xs);\n }\n\n .str-video__call-stats-line-chart-container {\n position: relative;\n margin: auto;\n height: 170px;\n width: 100%;\n }\n\n .str-video__call-stats__tag {\n border-radius: var(--str-video__border-radius-sm);\n padding: var(--str-video__spacing-xs);\n font-size: var(--str-video__font-size-sm);\n font-weight: 600;\n height: 30px;\n\n &--good {\n color: var(--str-video__alert-success);\n background-color: var(--str-video__alert-success-background);\n }\n &--ok {\n color: var(--str-video__alert-caution);\n background-color: var(--str-video__alert-caution-background);\n }\n\n &--bad {\n color: var(--str-video__alert-warning);\n background-color: var(--str-video__alert-warming-background);\n }\n }\n}\n",".str-video__device-settings__button {\n .str-video__call-controls__button--icon-device-settings {\n width: 1.25rem;\n height: 1.25rem;\n }\n}\n\n.str-video__device-settings {\n padding: 0.625rem;\n z-index: 1;\n font-family: 'Inter';\n}\n\n.str-video__device-settings__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 16px 0px 16px;\n margin-bottom: 33px;\n}\n\n.str-video__icon.str-video__device-settings__settings-icon {\n height: 24px;\n width: 24px;\n color: var(--str-video__base-color1);\n}\n\n.str-video__device-settings__heading {\n width: 100%;\n justify-self: start;\n margin: unset;\n margin-left: 8px;\n color: var(--str-video__base-color1);\n font-size: 24;\n font-weight: 500;\n word-wrap: 'break-word';\n}\n\n.str-video__device-settings__close-button {\n color: var(--str-video__base-color1);\n background-color: transparent;\n}\n\n.str-video__device-settings__device-kind {\n padding: var(--str-video__spacing-lg);\n\n .str-video__device-settings__device-selector-title {\n font-size: var(--str-video__font-size-xs);\n line-height: 1.25rem;\n\n padding-bottom: 0.5rem;\n font-size: 13px;\n margin-bottom: 8px;\n }\n\n .str-video__option,\n .str-video__device-settings__option {\n display: flex;\n align-items: center;\n border-radius: var(--str-video__border-radius-lg);\n background-color: var(--str-video__button-primary-base);\n padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);\n\n gap: 8px;\n\n font-weight: 600;\n font-size: var(--str-video__font-size-sm);\n line-height: var(--str-video__spaging-lg);\n\n &:not(:first-of-type) {\n margin-top: 8px;\n }\n\n &__icon {\n &--selected {\n background-color: var(--str-video__brand-color1);\n }\n }\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n cursor: pointer;\n }\n\n &--selected,\n &--active {\n background-color: var(--str-video__button-default-hover);\n }\n\n input[type='radio'] {\n margin: 0;\n height: 1rem;\n width: 1rem;\n display: grid;\n place-content: center;\n\n &::before {\n content: '';\n width: 0.5rem;\n height: 0.5rem;\n transform: scale(0);\n }\n &:checked::before {\n transform: scale(1);\n }\n\n &:checked {\n border-color: var(--str-video__primary-color);\n }\n }\n }\n}\n",".str-video {\n &__dropdown {\n position: relative;\n &-selected {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: var(--str-video__base-color4);\n border-radius: var(--str-video__border-radius-lg);\n border: 1px solid var(--str-video__base-color6);\n\n &__label {\n display: flex;\n align-items: center;\n font-weight: 600;\n padding: var(--str-video__spacing-sm);\n font-size: var(--str-video__font-size-xs);\n }\n\n &__icon {\n margin-right: var(--str-video__spacing-sm);\n }\n\n &__chevron {\n margin-right: var(--str-video__spacing-md);\n }\n\n & > :hover,\n &:hover {\n cursor: pointer;\n }\n\n &:hover {\n border: 1px solid var(--str-video__brand-color1);\n }\n }\n\n &-list {\n display: flex;\n flex-direction: column;\n position: absolute;\n z-index: 2;\n width: 100%;\n margin-top: var(--str-video__spacing-sm);\n background-color: var(--str-video__base-color6);\n border-radius: var(--str-video__border-radius-lg);\n padding: var(--str-video__spacing-md);\n gap: var(--str-video__spacing-sm);\n\n box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);\n }\n\n &-option {\n display: flex;\n align-items: center;\n border-radius: var(--str-video__border-radius-lg);\n\n padding: 8px 16px;\n gap: 8px;\n\n font-weight: 600;\n font-size: var(--str-video__font-size-sm);\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n cursor: pointer;\n }\n\n &--selected {\n background-color: var(--str-video__button-primary-active);\n color: var(--str-video__text-color1);\n\n &:hover {\n background-color: var(--str-video__button-primary-hover);\n }\n }\n }\n\n &-icon {\n background-color: var(--str-video__icon-default);\n\n .str-video__dropdown__option:hover & {\n background-color: var(--str-video__icon-hover);\n }\n\n .str-video__dropdown-option--selected & {\n background-color: var(--str-video__text-color1);\n }\n }\n\n &-label {\n font-size: var(--str-video__font-size-xs);\n .str-video__dropdown__option:hover & {\n color: var(--str-video__base-color1);\n }\n }\n }\n}\n\n@media (min-width: 600px) {\n .str-video__dropdown-selected__label {\n font-size: var(--str-video__font-size-sm);\n }\n}\n",".str-video__icon {\n background-color: var(--str-video__icon-default);\n\n &--reactions {\n -webkit-mask-image: var(--str-video__icon--reactions);\n mask-image: var(--str-video__icon--reactions);\n }\n\n &--call-latency {\n -webkit-mask-image: var(--str-video__icon--call-latency);\n mask-image: var(--str-video__icon--call-latency);\n }\n\n &--network-quality {\n -webkit-mask-image: var(--str-video__icon--network-quality);\n mask-image: var(--str-video__icon--network-quality);\n }\n\n &--recording-on {\n -webkit-mask-image: var(--str-video__icon--recording-on);\n mask-image: var(--str-video__icon--recording-on);\n }\n\n &--caret-up {\n -webkit-mask-image: var(--str-video__icon--caret-up);\n mask-image: var(--str-video__icon--caret-up);\n }\n\n &--download {\n -webkit-mask-image: var(--str-video__icon--download);\n mask-image: var(--str-video__icon--download);\n }\n\n &--caret-down {\n -webkit-mask-image: var(--str-video__icon--caret-down);\n mask-image: var(--str-video__icon--caret-down);\n transform: rotate(180deg);\n }\n\n &--chevron-right {\n -webkit-mask-image: var(--str-video__icon--chevron-right);\n mask-image: var(--str-video__icon--chevron-right);\n }\n\n &--recording-off {\n -webkit-mask-image: var(--str-video__icon--recording-off);\n mask-image: var(--str-video__icon--recording-off);\n }\n\n &--loading {\n -webkit-mask-image: var(--str-video__icon--loading);\n mask-image: var(--str-video__icon--loading);\n\n transform: rotate(360deg);\n transition-duration: 1s;\n transition-delay: now;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n }\n\n &--logout {\n -webkit-mask-image: var(--str-video__icon--logout);\n mask-image: var(--str-video__icon--logout);\n }\n\n &--chevron-up {\n -webkit-mask-image: var(--str-video__icon--chevron-up);\n mask-image: var(--str-video__icon--chevron-up);\n }\n\n &--chevron-down {\n -webkit-mask-image: var(--str-video__icon--chevron-down);\n mask-image: var(--str-video__icon--chevron-down);\n }\n\n &--screen-share-on {\n -webkit-mask-image: var(--str-video__icon--screen-share-on);\n mask-image: var(--str-video__icon--screen-share-on);\n }\n\n &--screen-share-off {\n -webkit-mask-image: var(--str-video__icon--screen-share-off);\n mask-image: var(--str-video__icon--screen-share-off);\n }\n\n &--caret-down {\n transform: rotate(180deg);\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--caret-up {\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--caret-right {\n transform: rotate(90deg);\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--caret-left {\n transform: rotate(-90deg);\n -webkit-mask-image: var(--str-video__icon--caret);\n mask-image: var(--str-video__icon--caret);\n }\n\n &--close {\n -webkit-mask-image: var(--str-video__icon--close);\n mask-image: var(--str-video__icon--close);\n }\n\n &--mic {\n -webkit-mask-image: var(--str-video__icon--mic);\n mask-image: var(--str-video__icon--mic);\n }\n\n &--mic-off {\n -webkit-mask-image: var(--str-video__icon--mic-off);\n mask-image: var(--str-video__icon--mic-off);\n }\n\n &--camera {\n -webkit-mask-image: var(--str-video__icon--camera);\n mask-image: var(--str-video__icon--camera);\n }\n\n &--camera-off {\n -webkit-mask-image: var(--str-video__icon--camera-off);\n mask-image: var(--str-video__icon--camera-off);\n }\n\n &--camera-off-outline {\n -webkit-mask-image: var(--str-video__icon--camera-off-outline);\n mask-image: var(--str-video__icon--camera-off-outline);\n }\n\n &--call-end {\n -webkit-mask-image: var(--str-video__icon--call-end);\n mask-image: var(--str-video__icon--call-end);\n }\n\n &--call-accept {\n -webkit-mask-image: var(--str-video__icon--call-accept);\n mask-image: var(--str-video__icon--call-accept);\n }\n\n &--info {\n -webkit-mask-image: var(--str-video__icon--info-icon);\n mask-image: var(--str-video__icon--info-icon);\n }\n\n &--stats {\n -webkit-mask-image: var(--str-video__icon--stats);\n mask-image: var(--str-video__icon--stats);\n }\n\n &--speaker {\n -webkit-mask-image: var(--str-video__icon--speaker);\n mask-image: var(--str-video__icon--speaker);\n }\n\n &--ellipsis {\n -webkit-mask-image: var(--str-video__icon--ellipsis);\n mask-image: var(--str-video__icon--ellipsis);\n }\n\n &--pin {\n -webkit-mask-image: var(--str-video__icon--pin);\n mask-image: var(--str-video__icon--pin);\n }\n\n &--no-audio {\n -webkit-mask-image: var(--str-video__icon--no-audio);\n mask-image: var(--str-video__icon--no-audio);\n }\n\n &--not-allowed {\n -webkit-mask-image: var(--str-video__icon--not-allowed);\n mask-image: var(--str-video__icon--not-allowed);\n }\n\n &--film-roll {\n -webkit-mask-image: var(--str-video__icon--film-roll);\n mask-image: var(--str-video__icon--film-roll);\n }\n\n &--device-settings {\n -webkit-mask-image: var(--str-video__icon--settings);\n mask-image: var(--str-video__icon--settings);\n }\n\n &--filter {\n -webkit-mask-image: var(--str-video__icon--filter);\n mask-image: var(--str-video__icon--filter);\n }\n\n &--refresh {\n -webkit-mask-image: var(--str-video__icon--refresh);\n mask-image: var(--str-video__icon--refresh);\n }\n\n &--kick-user {\n -webkit-mask-image: var(--str-video__icon--kick-user);\n mask-image: var(--str-video__icon--kick-user);\n }\n}\n",".str-video__icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-size: contain;\n mask-size: contain;\n display: block;\n width: 1.25rem;\n height: 1.25rem;\n}\n",".str-video__loading-indicator {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n","@use '../utils';\n\n.str-video__loading-indicator__icon.spinner {\n @include utils.apply-mask-image(\n var(--str-video__icon--loading),\n var(--str-video__text-color2)\n );\n animation: rotation 1s linear infinite;\n width: 1rem;\n height: 1rem;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",".str-video__menu-container {\n z-index: 2;\n width: max-content;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n",".str-video__portal {\n position: fixed;\n z-index: 1;\n width: 100vw;\n height: 100vh;\n background-color: var(--str-video__backdrop1);\n\n left: 0;\n top: 0;\n\n &:hover {\n cursor: pointer;\n }\n}\n.str-video__portal-content {\n z-index: 2;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n",".str-video__menu-container {\n background-color: var(--str-video__base-color6);\n border-radius: var(--str-video__border-radius-lg);\n box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);\n}\n",".str-video__generic-menu {\n list-style: none;\n margin: unset;\n padding: var(--str-video__spacing-md);\n\n display: flex;\n flex-direction: column;\n gap: var(--str-video__spacing-xs);\n\n .str-video__generic-menu--item {\n align-items: center;\n\n gap: 8px;\n\n font-weight: 600;\n font-size: var(--str-video__font-size-md);\n\n display: flex;\n button {\n all: unset;\n width: 100%;\n font-size: 13px;\n border-radius: var(--str-video__border-radius-lg);\n background-color: var(--str-video__button-primary-base);\n padding: var(--str-video__spacing-xs) var(--str-video__spacing-lg);\n gap: 10px;\n display: flex;\n align-items: center;\n position: relative;\n\n &:hover {\n background-color: var(--str-video__button-default-hover);\n cursor: pointer;\n }\n\n &--selected,\n &--active {\n background-color: var(--str-video__button-primary-hover);\n }\n }\n\n // TODO: remove once \"device selector\" component becomes reusable\n button[aria-selected] {\n padding: 5px 10px 5px 26px;\n }\n button[aria-selected='true']::after {\n content: '●';\n font-size: 10px;\n left: 10px;\n position: absolute;\n }\n }\n}\n",".str-video__notification {\n padding: 0.625rem;\n display: flex;\n align-items: center;\n gap: 0.625rem;\n\n .str-video__notification__icon {\n display: inline-block;\n width: 1.5rem;\n height: 1.5rem;\n }\n\n .str-video__notification__message {\n flex: 1;\n }\n\n .str-video__notification__close {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n\n &:hover {\n cursor: pointer;\n }\n }\n}\n","@use '../utils';\n\n.str-video__notification {\n background-color: var(--str-video__background-color1);\n border-radius: var(--str-video__border-radius-xs);\n z-index: 100;\n\n .str-video__notification__icon {\n @include utils.apply-mask-image(\n var(--str-video__icon--info-icon),\n var(--str-video__text-color1),\n 1.5rem\n );\n }\n\n .str-video__notification__message {\n font-size: 0.75rem;\n }\n}\n","$scope-name: 'str-video__participant-view';\n\n.str-video__participant-view {\n position: relative;\n width: 100%;\n max-width: 1280px;\n max-height: 100%;\n min-height: 0;\n aspect-ratio: 4/3;\n\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--str-video__border-radius-sm);\n\n &--speaking {\n outline: 2px solid var(--str-video__primary-color);\n }\n\n .str-video__call-controls__button {\n transition: opacity 200ms ease-out;\n opacity: 0.3;\n color: var(--str-video__text-color1);\n }\n\n &:hover {\n .str-video__call-controls__button {\n opacity: 1;\n }\n }\n\n & > .str-video__call-controls__button {\n position: absolute;\n top: 0.875rem;\n left: 0.875rem;\n padding: 0.3rem;\n }\n\n .str-video__participant-details {\n position: absolute;\n left: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n border-radius: 0 var(--str-video__border-radius-xs) 0\n var(--str-video__border-radius-sm);\n background-color: var(--str-video__background-color4);\n\n .str-video__participant-details__name {\n display: flex;\n align-items: center;\n gap: var(--str-video__spacing-sm);\n padding: 4px 6px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--str-video__font-size-sm);\n\n @mixin icon {\n $icon-size: 1rem;\n width: $icon-size;\n height: $icon-size;\n -webkit-mask-size: $icon-size;\n mask-size: $icon-size;\n background-color: var(--str-video__text-color1);\n }\n\n .str-video__participant-details__name--audio-muted {\n @include icon();\n -webkit-mask-image: var(--str-video__icon--mic-off);\n mask-image: var(--str-video__icon--mic-off);\n }\n\n .str-video__participant-details__name--video-muted {\n @include icon();\n -webkit-mask-image: var(--str-video__icon--camera-off);\n mask-image: var(--str-video__icon--camera-off);\n }\n\n .str-video__participant-details__name--track-paused {\n @include icon();\n mask-image: var(--str-video__icon--low-bandwidth);\n -webkit-mask-image: var(--str-video__icon--low-bandwidth);\n }\n\n .str-video__participant-details__name--pinned {\n cursor: pointer;\n @include icon();\n width: 0.8rem;\n height: 1rem;\n -webkit-mask-size: 0.8rem;\n mask-size: 0.8rem;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n -webkit-mask-image: var(--str-video__icon--pin);\n mask-image: var(--str-video__icon--pin);\n }\n\n .str-video__participant-details__name--network-stats {\n @include icon();\n background-image: var(--str-video__icon--network-quality);\n cursor: pointer;\n margin-right: 0.625rem;\n }\n }\n }\n\n .str-video__participant-details__connection-quality {\n position: absolute;\n bottom: 0;\n right: 0;\n\n border-radius: var(--str-video__border-radius-sm) 0\n var(--str-video__border-radius-sm) 0;\n\n width: 24px;\n height: 24px;\n display: block;\n background-size: cover;\n background-color: var(--str-video__background-color4);\n\n &--poor {\n background-image: var(--str-video__icon--connection-quality-poor);\n }\n &--good {\n background-image: var(--str-video__icon--connection-quality-good);\n }\n &--excellent {\n background-image: var(--str-video__icon--connection-quality-excellent);\n }\n }\n}\n\n.str-video__speech-indicator {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1px;\n height: 16px;\n\n .str-video__speech-indicator__bar {\n width: 3px;\n height: 20%;\n background-color: var(--str-video__primary-color);\n border-radius: 2px;\n animation-duration: 0.4s;\n animation-iteration-count: 1;\n animation-name: speech-indicator-silence;\n animation-timing-function: ease-in-out;\n }\n\n &.str-video__speech-indicator--dominant {\n .str-video__speech-indicator__bar {\n background-color: var(--str-video__primary-color);\n }\n }\n\n &.str-video__speech-indicator--speaking {\n .str-video__speech-indicator__bar {\n height: 100%;\n animation-iteration-count: infinite;\n\n &:nth-child(1) {\n height: 70%;\n animation-duration: 0.8s;\n animation-name: speech-indicator-quiet;\n }\n &:nth-child(2) {\n height: 80%;\n animation-duration: 1s;\n animation-name: speech-indicator-loud;\n }\n &:nth-child(3) {\n height: 60%;\n animation-duration: 0.9s;\n animation-name: speech-indicator-quiet;\n }\n }\n }\n\n @keyframes speech-indicator-silence {\n 25% {\n transform: scaleY(2);\n }\n 50% {\n transform: scaleY(2.5);\n }\n 75% {\n transform: scaleY(1);\n }\n }\n\n @keyframes speech-indicator-quiet {\n 25% {\n transform: scaleY(0.5);\n }\n 50% {\n transform: scaleY(0.3);\n }\n 75% {\n transform: scaleY(0.5);\n }\n }\n\n @keyframes speech-indicator-loud {\n 25% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.45);\n }\n 75% {\n transform: scaleY(1.1);\n }\n }\n}\n",".str-video__permission-requests {\n background-color: var(--str-video__background-color1);\n border-radius: 8px;\n padding: 10px;\n position: relative;\n\n .str-video__permission-requests__notification,\n .str-video__permission-request {\n display: flex;\n gap: 10px;\n padding: 10px 0;\n align-items: center;\n }\n\n .str-video__permission-requests__notification__message,\n .str-video__permission-request__message {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .str-video__permission-request__button {\n background-color: transparent;\n border: 1px solid var(--str-video__text-color1);\n border-radius: 4px;\n color: var(--str-video__color1);\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n padding: 8px;\n min-width: 120px;\n }\n\n .str-video__permission-request__button--allow {\n background-color: var(--str-video__primary-color);\n border: 1px solid var(--str-video__primary-color);\n }\n\n .str-video__permission-requests-list {\n background-color: var(--str-video__background-color1);\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n padding: 10px;\n width: 100%;\n z-index: 1;\n opacity: 0.9;\n overflow-x: scroll;\n overflow-y: hidden;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n}\n",".str-video__reaction {\n position: absolute;\n right: 0.875rem;\n top: 0.875rem;\n\n .str-video__reaction__emoji {\n display: flex;\n line-height: 1;\n font-size: 2.5rem;\n }\n}\n",".str-video__call-panel {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n width: 400px;\n height: 300px;\n padding: 1rem 1rem 0.5rem;\n gap: 1rem;\n}\n\n.str-video__call-panel--ringing {\n .str-video__call-panel__members-list {\n overflow: hidden;\n display: flex;\n align-items: center;\n\n .str-video__call-panel__member-box {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 2rem;\n\n .str-video__avatar {\n width: 80px;\n height: 80px;\n }\n\n .str-video__member_details {\n position: absolute;\n bottom: 10%;\n padding: 0.125rem 0.375rem;\n }\n }\n }\n\n .str-video__pending-call-controls {\n display: flex;\n gap: 0.675rem;\n }\n}\n",".str-video__call-panel {\n background: var(--str-video__background-color3);\n border: 2px solid rgba(200,200,200,0.6);\n border-radius: 10px;\n}\n\n.str-video__call-panel--ringing {\n .str-video__call-panel__members-list {\n\n .str-video__call-panel__member-box {\n border-radius: var(--str-video__border-radius-circle);\n background: var(--str-video__background-color6);\n\n &:before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: var(--str-video__border-radius-circle);\n padding: 4px;\n background:linear-gradient(\n 180deg,var(--str-video__primary-color),var(--str-video__info-color)\n );\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n }\n\n .str-video__member_details {\n background-color: var(--str-video__background-color4);\n color: var(--str-video__text-color1);\n border-radius: 4px;\n font-size: 12px;\n line-height: 16px;\n }\n }\n }\n}\n",".str-video__screen-share-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: absolute;\n width: 100%;\n height: 100%;\n gap: 1.8rem;\n\n & > .str-video__icon {\n width: 4rem;\n height: 4rem;\n }\n\n .str-video__screen-share-overlay__button {\n display: flex;\n gap: 0.4rem;\n align-items: center;\n padding-inline: 1.6rem;\n padding-block: 0.8rem;\n\n .str-video__icon {\n width: 0.7rem;\n height: 0.7rem;\n }\n }\n}\n",".str-video__screen-share-overlay {\n background: var(--str-video__overlay-color);\n backdrop-filter: blur(3px);\n border-radius: inherit;\n\n .str-video__screen-share-overlay__title {\n font-size: 1.3rem;\n }\n\n .str-video__screen-share-overlay__button {\n color: white;\n background: var(--str-video__danger-color);\n border-radius: var(--str-video__border-radius-xs);\n\n &:hover {\n background-color: var(--str-video__danger-color--accent);\n }\n }\n}\n",".str-video__search-input__container {\n display: flex;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n margin-inline: -0.25rem;\n\n input {\n flex: 1;\n min-width: 0;\n }\n\n .str-video__search-input__clear-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n }\n\n .str-video__search-input__icon {\n padding: 0.25rem;\n }\n\n .str-video__search-input__icon--active,\n .str-video__search-input__icon {\n display: inline-block;\n width: 1.125rem;\n height: 1.125rem;\n }\n}\n","@use '../utils';\n\n.str-video {\n --str-video__search-input__container--color: var(--str-video__text-color1);\n --str-video__search-input__container--background-color: var(\n --str-video__background-color0\n );\n --str-video__search-input__container--border-radius: var(\n --str-video__border-radius-circle\n );\n --str-video__search-input__container--border-block-start: 1px solid\n transparent;\n --str-video__search-input__container--border-block-end: 1px solid transparent;\n --str-video__search-input__container--border-inline-start: 1px solid\n transparent;\n --str-video__search-input__container--border-inline-end: 1px solid transparent;\n\n --str-video__search-input__placeholder-color: var(--str-video__text-color2);\n\n --str-video__search-input__icon--color: var(--str-video__text-color1);\n}\n\n.str-video__search-input__container.str-video__search-input__container--active {\n border-color: var(--str-video__primary-color);\n}\n.str-video__search-input__container {\n @include utils.component-layer-overrides('search-input__container');\n\n input {\n background-color: transparent;\n border: none;\n outline: none;\n color: inherit;\n font-size: 13px;\n\n &::placeholder {\n color: var(--str-video__search-input__placeholder-color);\n }\n }\n\n .str-video__search-input__icon {\n @include utils.apply-mask-image(\n var(--str-video__icon--magnifier-glass),\n var(--str-video__search-input__icon--color),\n 0.75rem 0.75rem\n );\n }\n .str-video__search-input__clear-btn {\n background-color: transparent;\n border-radius: var(--str-video__border-radius-circle);\n border: none;\n\n &:hover {\n cursor: pointer;\n }\n\n .str-video__search-input__icon--active {\n @include utils.apply-mask-image(\n var(--str-video__icon--close),\n var(--str-video__search-input__icon--color),\n 0.75rem 0.75rem\n );\n }\n }\n}\n",".str-video__call {\n background-color: var(--str-video__background-color2);\n color: var(--str-video__text-color1);\n width: 100%;\n height: 100%;\n min-height: 0;\n max-height: 100%;\n\n display: flex;\n flex-direction: column;\n\n .str-video {\n background-color: var(--str-video__background-color2);\n color: var(--str-video__text-color1);\n }\n}\n",".str-video__tooltip {\n display: flex;\n justify-content: center;\n padding: var(--str-video__spacing-sm);\n z-index: 4;\n max-width: 250px;\n width: max-content;\n white-space: initial;\n overflow-wrap: break-word;\n}\n","@use '../utils';\n\n.str-video {\n /* The border radius used for the borders of the component /\n --str-video__tooltip--border-radius: var(--str-video__border-radius-xs);\n\n / The text/icon color of the component /\n --str-video__tooltip--color: var(--str-video__text-color1);\n\n / The background color of the component /\n --str-video__tooltip--background-color: var(\n --str-video__button-default-hover\n );\n\n / Top border of the component /\n --str-video__tooltip--border-block-start: none;\n\n / Bottom border of the component /\n --str-video__tooltip--border-block-end: none;\n\n / Left (right in RTL layout) border of the component /\n --str-video__tooltip--border-inline-start: none;\n\n / Right (left in RTL layout) border of the component /\n --str-video__tooltip--border-inline-end: none;\n\n / Box shadow applied to the component /\n --str-video__tooltip--box-shadow: none;\n}\n\n.str-video__tooltip {\n @include utils.component-layer-overrides('tooltip');\n font-size: 14px;\n line-height: 1rem;\n\n &::after {\n background-color: var(--str-video__tooltip-background-color);\n }\n}\n",".str-video__video {\n object-fit: cover;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n pointer-events: none;\n\n &--tall {\n object-fit: contain;\n }\n\n &--mirror:not(:picture-in-picture) {\n transform: scaleX(-1);\n }\n}\n",".str-video__video {\n background-color: var(--str-video__background-color5);\n}\n",".str-video__video-placeholder {\n aspect-ratio: 4/3;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .str-video__video-placeholder__avatar {\n width: 100px;\n height: 100px;\n object-fit: cover;\n }\n\n .str-video__video-placeholder__initials-fallback {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100px;\n height: 100px;\n }\n}\n",".str-video__video-placeholder {\n background: var(--str-video__base-color6);\n border-radius: inherit;\n\n .str-video__video-placeholder__avatar {\n border-radius: var(--str-video__border-radius-circle);\n }\n\n .str-video__video-placeholder__initials-fallback {\n background-color: var(--str-video__primary-color);\n border-radius: var(--str-video__border-radius-circle);\n font-size: 32px;\n font-weight: 600;\n text-transform: uppercase;\n }\n}\n",".str-video__video-preview-container {\n display: flex;\n justify-content: center;\n align-items: center;\n $container-width: 500px;\n width: $container-width;\n height: calc(calc($container-width / 12) 9);\n\n .str-video__video-preview {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n .str-video__loading-indicator__icon {\n $indicator-size: 3rem;\n height: $indicator-size;\n width: $indicator-size;\n mask-size: $indicator-size;\n }\n\n .str-video__video-preview--mirror {\n transform: scaleX(-1);\n }\n\n .str-video__video-preview--loading {\n display: none;\n }\n}\n","@use '../utils';\n\n.str-video {\n /* The font color applied inside the component /\n --str-video__video-preview-container--color: var(--str-video__text-color1);\n\n / The background color of the component /\n --str-video__video-preview-container--background-color: var(\n --str-video__background-color5\n );\n\n / The border radius used for the borders of the component /\n --str-video__video-preview-container--border-radius: var(\n --str-video__border-radius-xs\n );\n\n / The border used for the borders of the component /\n --str-video__video-preview-container--border-block-start: 4px solid\n var(--str-video__primary-color);\n\n / The border used for the borders of the component /\n --str-video__video-preview-container--border-block-end: 4px solid\n var(--str-video__primary-color);\n\n / The border used for the borders of the component /\n --str-video__video-preview-container--border-inline-start: 4px solid\n var(--str-video__primary-color);\n\n / The border used for the borders of the component */\n --str-video__video-preview-container--border-inline-end: 4px solid\n var(--str-video__primary-color);\n}\n\n.str-video__video-preview-container {\n @include utils.component-layer-overrides('video-preview-container');\n overflow: hidden;\n}\n"]}

package/dist/index.cjs.js CHANGED Viewed

@@ -2954,7 +2954,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
-const [major, minor, patch] = ("1.20.0").split('.');
+const [major, minor, patch] = ("1.20.2").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,

package/dist/index.es.js CHANGED Viewed

@@ -2954,7 +2954,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
-const [major, minor, patch] = ("1.20.0").split('.');
+const [major, minor, patch] = ("1.20.2").split('.');
 setSdkInfo({
     type: SfuModels.SdkType.REACT,
     major,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.20.0",
+  "version": "1.20.2",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -30,9 +30,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.28.0",
+    "@stream-io/video-client": "1.28.1",
     "@stream-io/video-filters-web": "0.2.1",
-    "@stream-io/video-react-bindings": "1.7.15",
+    "@stream-io/video-react-bindings": "1.7.16",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"
@@ -46,7 +46,7 @@
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.2",
     "@stream-io/audio-filters-web": "^0.4.3",
-    "@stream-io/video-styling": "^1.5.0",
+    "@stream-io/video-styling": "^1.5.1",
     "@types/react": "^19.1.3",
     "@types/react-dom": "^19.1.3",
     "react": "19.0.0",