@stream-io/video-react-sdk 0.4.26 → 0.5.0

package/dist/css/styles.css

@@ -4,32 +4,72 @@
 .str-video *::after {
   box-sizing: border-box;
 }
-.str-video button {
-  cursor: pointer;
-  border-style: none;
-  box-shadow: none;
-}
-
-.str-video .ngxp__container {
-  opacity: 1;
-  z-index: 1;
-  padding: 0;
-  border: none;
-}
-.str-video .ngxp__container > .ngxp__arrow,
-.str-video .ngxp__container > .ngxp__arrow:before {
-  width: 0;
-  height: 0;
-}
 
 .str-video {
+  --str-video__brand-color1: #005fff;
+  --str-video__brand-color2: #69e5f6;
+  --str-video__brand-color3: #00e2a1;
+  --str-video__brand-color4: #ffd646;
+  --str-video__brand-color5: #dc433b;
+  --str_video__brand-color6: #b38af8;
+  --str-video__base-color1: #e3e4e5;
+  --str-video__base-color2: #979ca0;
+  --str-video__base-color3: #4c535b;
+  --str-video__base-color4: #000000;
+  --str-video__base-color5: #0c0d0e;
+  --str-video__base-color6: #19232d;
+  --str-video__base-color7: #101213;
+  --str-video__backdrop1: rgba(0, 0, 0, 0.5);
+  --str-video__button-default-base: #19232d;
+  --str-video__button-default-hover: #4c535b;
+  --str-video__button-default-pressed: #0c0d0e;
+  --str-video__button-default-active: #19232d;
+  --str-video__button-default-disabled: #1e262e;
+  --str-video__button-primary-base: #19232d;
+  --str-video__button-primary-hover: #4c8fff;
+  --str-video__button-primary-pressed: #0c48ab;
+  --str-video__button-primary-active: #005fff;
+  --str-video__button-secondary-base: #19232d;
+  --str-video__button-secondary-hover: #e96962;
+  --str-video__button-secondary-pressed: #6a3233;
+  --str-video__button-secondary-active: #dc433b;
+  --str-video__button-tertiary-base: #dc433b;
+  --str-video__button-tertiary-hover: #e96962;
+  --str-video__button-tertiary-pressed: #6a3233;
+  --str-video__button-tertiary-active: #31292f;
+  --str-video__icon-default: #b0b4b7;
+  --str-video__icon-hover: #e3e4e5;
+  --str-video__icon-pressed: #656b72;
+  --str-video__icon-active: #005fff;
+  --str-video__icon-alert: #dc433b;
+  --str-video__icon-disabled: #323b44;
+  --str-video__alert-success: #00e2a1;
+  --str-video__alert-caution: #ffd646;
+  --str-video__alert-warning: #dc433b;
+  --str-video__alert-success-background: rgba(0, 226, 161, 0.5);
+  --str-video__alert-caution-background: rgba(255, 214, 70, 0.5);
+  --str-video__alert-warning-background: rgba(220, 67, 59, 0.5);
+  --str-video__font-size-xxs: 0.625rem;
+  --str-video__font-size-xs: 0.75rem;
+  --str-video__font-size-sm: 0.875rem;
+  --str-video__font-size-md: 1rem;
+  --str-video__font-size-lg: 1.125rem;
+  --str-video__font-size-xl: 1.25rem;
+  --str-video__font-size-xxl: 1.5rem;
   --str-video__border-radius-xxs: 4px;
   --str-video__border-radius-xs: 8px;
   --str-video__border-radius-sm: 12px;
   --str-video__border-radius-md: 18px;
-  --str-video__border-radius-lg: 20px;
+  --str-video__border-radius-lg: 24px;
   --str-video__border-radius-xl: 30px;
+  --str-video__border-radius-xxl: 48px;
   --str-video__border-radius-circle: 999px;
+  --str-video__spacing-xxs: 4px;
+  --str-video__spacing-xs: 6px;
+  --str-video__spacing-sm: 8px;
+  --str-video__spacing-md: 12px;
+  --str-video__spacing-lg: 16px;
+  --str-video__spacing-xl: 20px;
   --str-video__primary-color: #005fff;
   --str-video__secondary-color: #669fff;
   --str-video__text-color1: #ffffff;
@@ -45,50 +85,79 @@
   --str-video__background-color2: #272a30;
   --str-video__background-color3: #f4f4f5;
   --str-video__background-color4: #121416;
-  --str-video__background-color5: #4a5059;
+  --str-video__background-color5: #1d2938;
   --str-video__background-color6: #b4b7bb;
   --str-video__background-color7: #72767e;
   --str-video__overlay-color: rgba(39, 42, 48, 0.75);
   --str-video__livestream-overlay-color: rgba(39, 42, 48, 0.25);
   --str-video__livestream-overlay-color-hovered: rgba(39, 42, 48, 0.5);
   --str-video__icon--call-accept: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
-  --str-video__icon--call-end: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDIuNDY4NzRDMTEuMzMzMyAyLjQ2ODc0IDkuNzE4NzUgMi43MjkxNiA4LjIwODMzIDMuMjE4NzRWNi40NDc5MUM4LjIwODMzIDYuODU0MTYgNy45Njg3NSA3LjIxODc0IDcuNjI1IDcuMzg1NDFDNi42MDQxNyA3Ljg5NTgzIDUuNjc3MDggOC41NTIwOCA0Ljg1NDE3IDkuMzEyNDlDNC42NjY2NyA5LjQ5OTk5IDQuNDA2MjUgOS42MDQxNiA0LjEyNSA5LjYwNDE2QzMuODMzMzMgOS42MDQxNiAzLjU3MjkyIDkuNDg5NTggMy4zODU0MiA5LjMwMjA4TDAuODAyMDgzIDYuNzE4NzRDMC42MTQ1ODMgNi41NDE2NiAwLjUgNi4yODEyNCAwLjUgNS45ODk1N0MwLjUgNS42OTc5MSAwLjYxNDU4MyA1LjQzNzQ5IDAuODAyMDgzIDUuMjQ5OTlDMy45NzkxNyAyLjIzOTU3IDguMjcwODMgMC4zODU0MDYgMTMgMC4zODU0MDZDMTcuNzI5MiAwLjM4NTQwNiAyMi4wMjA4IDIuMjM5NTcgMjUuMTk3OSA1LjI0OTk5QzI1LjM4NTQgNS40Mzc0OSAyNS41IDUuNjk3OTEgMjUuNSA1Ljk4OTU3QzI1LjUgNi4yODEyNCAyNS4zODU0IDYuNTQxNjYgMjUuMTk3OSA2LjcyOTE2TDIyLjYxNDYgOS4zMTI0OUMyMi40MjcxIDkuNDk5OTkgMjIuMTY2NyA5LjYxNDU4IDIxLjg3NSA5LjYxNDU4QzIxLjU5MzggOS42MTQ1OCAyMS4zMzMzIDkuNDk5OTkgMjEuMTQ1OCA5LjMyMjkxQzIwLjMyMjkgOC41NTIwOCAxOS4zODU0IDcuOTA2MjQgMTguMzY0NiA3LjM5NTgyQzE4LjAyMDggNy4yMjkxNiAxNy43ODEyIDYuODc0OTkgMTcuNzgxMiA2LjQ1ODMyVjMuMjI5MTZDMTYuMjgxMiAyLjcyOTE2IDE0LjY2NjcgMi40Njg3NCAxMyAyLjQ2ODc0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
-  --str-video__icon--camera: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjExMTEgMTBWNS4zMzMzM0MxOC4xMTExIDQuNiAxNy41NjExIDQgMTYuODg4OSA0SDIuMjIyMjJDMS41NSA0IDEgNC42IDEgNS4zMzMzM1YxOC42NjY3QzEgMTkuNCAxLjU1IDIwIDIuMjIyMjIgMjBIMTYuODg4OUMxNy41NjExIDIwIDE4LjExMTEgMTkuNCAxOC4xMTExIDE4LjY2NjdWMTRMMjEuMjYyOCAxNy40MzgzQzIxLjg3OTEgMTguMTEwNSAyMyAxNy42NzQ1IDIzIDE2Ljc2MjVWNy4yMzc0N0MyMyA2LjMyNTQ2IDIxLjg3OTEgNS44ODk0NSAyMS4yNjI4IDYuNTYxNzRMMTguMTExMSAxMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--camera-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDYuMjEwNTNMMTguMzY4NCAxMC44NDIxVjYuNzg5NDdDMTguMzY4NCA2LjE1MjYzIDE3Ljg0NzQgNS42MzE1OCAxNy4yMTA1IDUuNjMxNThIMTAuMDU0N0wyMyAxOC41NzY4VjYuMjEwNTNaTTIuNDcwNTMgMUwxIDIuNDcwNTNMNC4xNjEwNSA1LjYzMTU4SDMuMzE1NzlDMi42Nzg5NSA1LjYzMTU4IDIuMTU3ODkgNi4xNTI2MyAyLjE1Nzg5IDYuNzg5NDdWMTguMzY4NEMyLjE1Nzg5IDE5LjAwNTMgMi42Nzg5NSAxOS41MjYzIDMuMzE1NzkgMTkuNTI2M0gxNy4yMTA1QzE3LjQ1MzcgMTkuNTI2MyAxNy42NjIxIDE5LjQzMzcgMTcuODM1OCAxOS4zMTc5TDIxLjUyOTUgMjNMMjMgMjEuNTI5NUwyLjQ3MDUzIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
-  --str-video__icon--caret: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTQuNTAwMjQgMC43Njc3QzQuMzYzMjggMC43Njc3IDQuMjM4NCAwLjgyMDA2OCA0LjEzNzY5IDAuOTI4ODMzTDEuMDY4MTEgNC4wNjY4OUMwLjk3OTQ5MSA0LjE1NTUyIDAuOTM1MTggNC4yNjQyOCAwLjkzNTE4IDQuMzk3MjJDMC45MzUxOCA0LjY1OTA2IDEuMTQwNjIgNC44NjQ1IDEuMzk4NDQgNC44NjQ1QzEuNTI3MzQgNC44NjQ1IDEuNjQ4MTkgNC44MTIxMyAxLjczNjgyIDQuNzIzNTFMNC41MDAyNCAxLjg5MTZMNy4yNjM2NyA0LjcyMzUxQzcuMzU2MzIgNC44MTIxMyA3LjQ3MzE0IDQuODY0NSA3LjYwMjA1IDQuODY0NUM3Ljg2Mzg5IDQuODY0NSA4LjA2OTM0IDQuNjU5MDYgOC4wNjkzNCA0LjM5NzIyQzguMDY5MzQgNC4yNjgzMSA4LjAyMSA0LjE1NTUyIDcuOTMyMzcgNC4wNjY4OUw0Ljg2Mjc5IDAuOTI4ODMzQzQuNzU4MDYgMC44MjAwNjggNC42MzcyMSAwLjc2NzcgNC41MDAyNCAwLjc2NzdaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--chat: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDMuMTk1MDdWMTcuNzI2M0g0LjQ2MjVMMyAxOS4xNDMxVjMuMTk1MDdIMjNaTTIzIDAuNzczMTkzSDNDMS42MjUgMC43NzMxOTMgMC41IDEuODYzMDQgMC41IDMuMTk1MDdWMjIuMDczNkMwLjUgMjMuMTUxMyAxLjg1IDIzLjY5NjIgMi42Mzc1IDIyLjkzMzNMNS41IDIwLjE0ODJIMjNDMjQuMzc1IDIwLjE0ODIgMjUuNSAxOS4wNTgzIDI1LjUgMTcuNzI2M1YzLjE5NTA3QzI1LjUgMS44NjMwNCAyNC4zNzUgMC43NzMxOTMgMjMgMC43NzMxOTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
-  --str-video__icon--close: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNOS4xOTk0OSAwLjMwNTY3MUM4LjkzOTQ5IDAuMDQ1NjcwNyA4LjUxOTQ5IDAuMDQ1NjcwNyA4LjI1OTQ5IDAuMzA1NjcxTDQuOTk5NDkgMy41NTlMMS43Mzk0OSAwLjI5OTAwNEMxLjQ3OTQ5IDAuMDM5MDAzOSAxLjA1OTQ5IDAuMDM5MDAzOSAwLjc5OTQ5MiAwLjI5OTAwNEMwLjUzOTQ5MiAwLjU1OTAwNCAwLjUzOTQ5MiAwLjk3OTAwNCAwLjc5OTQ5MiAxLjIzOUw0LjA1OTQ5IDQuNDk5TDAuNzk5NDkyIDcuNzU5QzAuNTM5NDkyIDguMDE5IDAuNTM5NDkyIDguNDM5IDAuNzk5NDkyIDguNjk5QzEuMDU5NDkgOC45NTkgMS40Nzk0OSA4Ljk1OSAxLjczOTQ5IDguNjk5TDQuOTk5NDkgNS40MzlMOC4yNTk0OSA4LjY5OUM4LjUxOTQ5IDguOTU5IDguOTM5NDkgOC45NTkgOS4xOTk0OSA4LjY5OUM5LjQ1OTQ5IDguNDM5IDkuNDU5NDkgOC4wMTkgOS4xOTk0OSA3Ljc1OUw1LjkzOTQ5IDQuNDk5TDkuMTk5NDkgMS4yMzlDOS40NTI4MyAwLjk4NTY3MSA5LjQ1MjgzIDAuNTU5MDA0IDkuMTk5NDkgMC4zMDU2NzFaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--connection-quality-poor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC40OTgwNDciIHk9IjAuNTAwOTc3IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI2IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CjxwYXRoIGQ9Ik0xMi40OTggMTYuNTAxTDEyLjQ5OCAxMS41MDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjQ5ODA1IDE2LjUwMUw3LjQ5ODA1IDE0LjUwMSIgc3Ryb2tlPSIjRkYzNzQyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KPHBhdGggZD0iTTE3LjQ5OCAxNi41MDFMMTcuNDk4IDguNTAwOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgo8L3N2Zz4K");
-  --str-video__icon--connection-quality-good: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC40OTgwNDciIHk9IjAuNDk5MDIzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI2IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CjxwYXRoIGQ9Ik0xMi40OTggMTYuNDk5TDEyLjQ5OCAxMS40OTkiIHN0cm9rZT0iIzAwNkNGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuNDk4MDUgMTYuNDk5TDcuNDk4MDUgMTQuNDk5IiBzdHJva2U9IiMwMDZDRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNy40OTggMTYuNDk5TDE3LjQ5OCA4LjQ5OTAyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
-  --str-video__icon--connection-quality-excellent: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC40OTgwNDciIHk9IjAuNDk5MDIzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI2IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CjxwYXRoIGQ9Ik0xMi40OTggMTYuNDk5TDEyLjQ5OCAxMS40OTkiIHN0cm9rZT0iIzAwNkNGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuNDk4MDUgMTYuNDk5TDcuNDk4MDUgMTQuNDk5IiBzdHJva2U9IiMwMDZDRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNy40OTggMTYuNDk5TDE3LjQ5OCA4LjQ5OTAyIiBzdHJva2U9IiMwMDZDRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0zLjUgMCAxOSAxOSI+PHBhdGggZD0iTTExLjQxNSA1LjA2OHY5LjE2YS40NjMuNDYzIDAgMCAxLS40NjIuNDYxSDkuNDc3djEuNDc3YS40NjMuNDYzIDAgMCAxLS40NjIuNDYySDEuMDQ3YS40NjMuNDYzIDAgMCAxLS40NjItLjQ2MlY0Ljk3NmEuNDYzLjQ2MyAwIDAgMSAuNDYyLS40NjJoMS40NzZWMy4wMzdhLjQ2My40NjMgMCAwIDEgLjQ2Mi0uNDYyaDUuOTM3ek04LjM2OSA3Ljg3NEg2LjYyOGEuNTI5LjUyOSAwIDAgMS0uNTI3LS41MjdWNS42MjJIMS42OTN2OS44OTdIOC4zN3ptLTQuNzM3LTQuMTl2LjgzaDMuMzUybDEuMDk1IDEuMDk1YS41MTguNTE4IDAgMCAxLS4wNC0uMlYzLjY4NHptNS44NDUgMy4zMjN2Ni41NzRoLjgzVjUuOTM2aC0xLjc0YS41MTcuNTE3IDAgMCAxLS4yLS4wNHoiLz48L3N2Zz4K");
-  --str-video__icon--dominant-speaker: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAxNCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDY4MzU5NCAxMi44NDE5QzAuMDY4MzU5NCAxMy4yMzIzIDAuMzczMDQ3IDEzLjUyNzQgMC43OTE5OTIgMTMuNTI3NEg2LjMxNDQ1TDMuNDEwNCAyMS4zMjU1QzMuMDIwMDIgMjIuMzYzNCA0LjA5NTk1IDIyLjkxNTYgNC43ODE0OSAyMi4wNzc3TDEzLjY3NDYgMTEuMDcwOUMxMy44NDU5IDEwLjg1MTkgMTMuOTMxNiAxMC42NTE5IDEzLjkzMTYgMTAuNDMzQzEzLjkzMTYgMTAuMDMzMSAxMy42MjcgOS43NDc0MSAxMy4yMDggOS43NDc0MUg3LjY4NTU1TDEwLjU4OTYgMS45Mzk3OUMxMC45OCAwLjkwMTk0NyA5LjkwNDA1IDAuMzQ5NzAxIDkuMjE4NTEgMS4xOTcxMUwwLjMzNDk2MSAxMi4yMDM5QzAuMTYzNTc0IDEyLjQxMzQgMC4wNjgzNTk0IDEyLjYxMzQgMC4wNjgzNTk0IDEyLjg0MTlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
-  --str-video__icon--download: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik01MTIgNjY2LjUgMzY3LjIgNTIxLjdsMzYuMi0zNi4yIDgzIDgzVjI1Nmg1MS4ydjMxMi41bDgzLTgzIDM2LjIgMzYuMkw1MTIgNjY2LjV6bS0yMDQuOCA1MC4zVjc2OGg0MDkuNnYtNTEuMkgzMDcuMnoiLz48L3N2Zz4K");
-  --str-video__icon--ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KCTxwYXRoCgkJZD0iTTM1MiAyNTZDMzUyIDIzOC4zIDM2Ni4zIDIyNCAzODQgMjI0QzQwMS43IDIyNCA0MTYgMjM4LjMgNDE2IDI1NkM0MTYgMjczLjcgNDAxLjcgMjg4IDM4NCAyODhDMzY2LjMgMjg4IDM1MiAyNzMuNyAzNTIgMjU2ek0xOTIgMjU2QzE5MiAyMzguMyAyMDYuMyAyMjQgMjI0IDIyNEMyNDEuNyAyMjQgMjU2IDIzOC4zIDI1NiAyNTZDMjU2IDI3My43IDI0MS43IDI4OCAyMjQgMjg4QzIwNi4zIDI4OCAxOTIgMjczLjcgMTkyIDI1NnpNOTYgMjU2Qzk2IDI3My43IDgxLjY3IDI4OCA2NCAyODhDNDYuMzMgMjg4IDMyIDI3My43IDMyIDI1NkMzMiAyMzguMyA0Ni4zMyAyMjQgNjQgMjI0QzgxLjY3IDIyNCA5NiAyMzguMyA5NiAyNTZ6IgoJLz4KPC9zdmc+Cg==");
-  --str-video__icon--film-roll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzQzLjY1NiA0NTEuMTA5QzQxMCA0MTEuNDM4IDQ1NC40MjIgMzM4LjkwNiA0NTQuNDIyIDI1NmMwLTEyNS40ODQtMTAxLjcxOS0yMjcuMjE5LTIyNy4yMDMtMjI3LjIxOUMxMDEuNzE5IDI4Ljc4MSAwIDEzMC41MTYgMCAyNTZzMTAxLjcxOSAyMjcuMjE5IDIyNy4yMTkgMjI3LjIxOUg1MTJWNDUxLjExSDM0My42NTZ6bS0yNS4xNzItMzA1LjIzNGMyMy41NDctMTMuNTk0IDUzLjY0MS01LjUzMSA2Ny4yMzQgMTguMDE2czUuNTMxIDUzLjY1Ni0xOC4wMTYgNjcuMjVjLTIzLjU0NyAxMy41NzgtNTMuNjQxIDUuNTE2LTY3LjIzNC0xOC4wMTYtMTMuNjA5LTIzLjU2Mi01LjUzLTUzLjY1NiAxOC4wMTYtNjcuMjV6bS0xOC4wMzEgMTUxLjgxM2MxMy42MDktMjMuNTQ3IDQzLjcwMy0zMS42MDkgNjcuMjUtMTguMDE2IDIzLjU0NyAxMy42MDkgMzEuNjA5IDQzLjcwMyAxOC4wMTYgNjcuMjVzLTQzLjY4OCAzMS42MDktNjcuMjUgMTguMDE2Yy0yMy41MzEtMTMuNTk0LTMxLjYxLTQzLjcwNC0xOC4wMTYtNjcuMjV6TTIyNy4yMTkgNzIuMzc1YzI3LjE4OCAwIDQ5LjIxOSAyMi4wMzEgNDkuMjE5IDQ5LjIxOXMtMjIuMDMxIDQ5LjI1LTQ5LjIxOSA0OS4yNS00OS4yNS0yMi4wNjMtNDkuMjUtNDkuMjUgMjIuMDYyLTQ5LjIxOSA0OS4yNS00OS4yMTl6TTI0OS45MzggMjU2YzAgMTIuNTYzLTEwLjE3MiAyMi43MTktMjIuNzE5IDIyLjcxOS0xMi41NjMgMC0yMi43MTktMTAuMTU2LTIyLjcxOS0yMi43MTlzMTAuMTU2LTIyLjcxOSAyMi43MTktMjIuNzE5YzEyLjU0NyAwIDIyLjcxOSAxMC4xNTcgMjIuNzE5IDIyLjcxOXpNNjguNzAzIDE2My44OTFjMTMuNTk0LTIzLjU0NyA0My43MDMtMzEuNjA5IDY3LjI1LTE4LjAxNnMzMS42MDkgNDMuNjg4IDE4LjAxNiA2Ny4yNWMtMTMuNTk0IDIzLjUzMS00My43MDMgMzEuNjA5LTY3LjI1IDE4LjAxNi0yMy41MzEtMTMuNTk0LTMxLjYxLTQzLjcwMy0xOC4wMTYtNjcuMjV6bTY3LjI2NiAyMDEuMDQ3Yy0yMy41NjMgMTMuNTk0LTUzLjY1NiA1LjUzMS02Ny4yNjYtMTguMDE2LTEzLjU3OC0yMy41NDctNS41MTYtNTMuNjU2IDE4LjAxNi02Ny4yNjYgMjMuNTQ3LTEzLjU5NCA1My42NTYtNS41MTYgNjcuMjUgMTguMDMxczUuNTMxIDUzLjY1Ny0xOCA2Ny4yNTF6bTQyIDI0LjI2NWMwLTI3LjE4OCAyMi4wNjMtNDkuMjM0IDQ5LjI1LTQ5LjIzNHM0OS4yMTkgMjIuMDQ3IDQ5LjIxOSA0OS4yMzQtMjIuMDMxIDQ5LjIzNC00OS4yMTkgNDkuMjM0LTQ5LjI1LTIyLjA0Ni00OS4yNS00OS4yMzR6Ii8+PC9zdmc+Cg==");
+  --str-video__icon--call-end: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQuNTgwMSAxNi4wMzA0TDYuNTgwMSAxNC40NDA0QzcuMDYwMSAxNC4wNjA0IDcuMzQwMSAxMy40ODA0IDcuMzQwMSAxMi44NzA0VjEwLjI3MDRDMTAuMzYwMSA5LjI5MDQgMTMuNjMwMSA5LjI4MDQgMTYuNjYwMSAxMC4yNzA0VjEyLjg4MDRDMTYuNjYwMSAxMy40OTA0IDE2Ljk0MDEgMTQuMDcwNCAxNy40MjAxIDE0LjQ1MDRMMTkuNDEwMSAxNi4wMzA0QzIwLjIxMDEgMTYuNjYwNCAyMS4zNTAxIDE2LjYwMDQgMjIuMDcwMSAxNS44ODA0TDIzLjI5MDEgMTQuNjYwNEMyNC4wOTAxIDEzLjg2MDQgMjQuMDkwMSAxMi41MzA0IDIzLjI0MDEgMTEuNzgwNEMxNi44MzAxIDYuMTIwNCA3LjE3MDEgNi4xMjA0IDAuNzYwMTAzIDExLjc4MDRDLTAuMDg5ODk3IDEyLjUzMDQgLTAuMDg5ODk3IDEzLjg2MDQgMC43MTAxMDMgMTQuNjYwNEwxLjkzMDEgMTUuODgwNEMyLjY0MDEgMTYuNjAwNCAzLjc4MDEgMTYuNjYwNCA0LjU4MDEgMTYuMDMwNFoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K");
+  --str-video__icon--camera: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEwLjVWN0MxNyA2LjQ1IDE2LjU1IDYgMTYgNkg0QzMuNDUgNiAzIDYuNDUgMyA3VjE3QzMgMTcuNTUgMy40NSAxOCA0IDE4SDE2QzE2LjU1IDE4IDE3IDE3LjU1IDE3IDE3VjEzLjVMMTkuMjkgMTUuNzlDMTkuOTIgMTYuNDIgMjEgMTUuOTcgMjEgMTUuMDhWOC45MUMyMSA4LjAyIDE5LjkyIDcuNTcgMTkuMjkgOC4yTDE3IDEwLjVaIiBmaWxsPSIjQjBCNEI3Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--camera-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjI5MTUgMTQuNzY5OVY5LjQ3OTlDMjEuMjkxNSA4LjU4OTkgMjAuMjExNSA4LjEzOTkgMTkuNTgxNSA4Ljc2OTlMMTcuMjkxNSAxMS4wNjk5VjcuNTY5OUMxNy4yOTE1IDcuMDE5OSAxNi44NDE1IDYuNTY5OSAxNi4yOTE1IDYuNTY5OUgxMC42ODE1TDE5LjU5MTUgMTUuNDc5OUMyMC4yMTE1IDE2LjEwOTkgMjEuMjkxNSAxNS42NTk5IDIxLjI5MTUgMTQuNzY5OVpNMy4wMDE0OCAzLjEyOTlDMi42MTE0OCAzLjUxOTkgMi42MTE0OCA0LjE0OTkgMy4wMDE0OCA0LjUzOTlMNS4wMjE0OCA2LjU2OTlINC4yOTE0OEMzLjc0MTQ4IDYuNTY5OSAzLjI5MTQ4IDcuMDE5OSAzLjI5MTQ4IDcuNTY5OVYxNy41Njk5QzMuMjkxNDggMTguMTE5OSAzLjc0MTQ4IDE4LjU2OTkgNC4yOTE0OCAxOC41Njk5SDE2LjI5MTVDMTYuNTAxNSAxOC41Njk5IDE2LjY4MTUgMTguNDg5OSAxNi44NDE1IDE4LjM4OTlMMTkuMzIxNSAyMC44Njk5QzE5LjcxMTUgMjEuMjU5OSAyMC4zNDE1IDIxLjI1OTkgMjAuNzMxNSAyMC44Njk5QzIxLjEyMTUgMjAuNDc5OSAyMS4xMjE1IDE5Ljg0OTkgMjAuNzMxNSAxOS40NTk5TDQuNDExNDggMy4xMjk5QzQuMDIxNDggMi43Mzk5IDMuMzkxNDggMi43Mzk5IDMuMDAxNDggMy4xMjk5WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K");
+  --str-video__icon--camera-add: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU4MzMgOS43MjU1OVY2LjUxNzI1QzE1LjU4MzMgNi4wMTMwOSAxNS4xNzA4IDUuNjAwNTkgMTQuNjY2NyA1LjYwMDU5SDMuNjY2NjdDMy4xNjI1IDUuNjAwNTkgMi43NSA2LjAxMzA5IDIuNzUgNi41MTcyNVYxNS42ODM5QzIuNzUgMTYuMTg4MSAzLjE2MjUgMTYuNjAwNiAzLjY2NjY3IDE2LjYwMDZIMTQuNjY2N0MxNS4xNzA4IDE2LjYwMDYgMTUuNTgzMyAxNi4xODgxIDE1LjU4MzMgMTUuNjgzOVYxMi40NzU2TDE3LjY4MjUgMTQuNTc0OEMxOC4yNiAxNS4xNTIzIDE5LjI1IDE0LjczOTggMTkuMjUgMTMuOTIzOVY4LjI2ODA5QzE5LjI1IDcuNDUyMjUgMTguMjYgNy4wMzk3NSAxNy42ODI1IDcuNjE3MjVMMTUuNTgzMyA5LjcyNTU5Wk0xMS45MTY3IDEyLjAxNzNIMTAuMDgzM1YxMy44NTA2QzEwLjA4MzMgMTQuMzU0OCA5LjY3MDgzIDE0Ljc2NzMgOS4xNjY2NyAxNC43NjczQzguNjYyNSAxNC43NjczIDguMjUgMTQuMzU0OCA4LjI1IDEzLjg1MDZWMTIuMDE3M0g2LjQxNjY3QzUuOTEyNSAxMi4wMTczIDUuNSAxMS42MDQ4IDUuNSAxMS4xMDA2QzUuNSAxMC41OTY0IDUuOTEyNSAxMC4xODM5IDYuNDE2NjcgMTAuMTgzOUg4LjI1VjguMzUwNTlDOC4yNSA3Ljg0NjQyIDguNjYyNSA3LjQzMzkyIDkuMTY2NjcgNy40MzM5MkM5LjY3MDgzIDcuNDMzOTIgMTAuMDgzMyA3Ljg0NjQyIDEwLjA4MzMgOC4zNTA1OVYxMC4xODM5SDExLjkxNjdDMTIuNDIwOCAxMC4xODM5IDEyLjgzMzMgMTAuNTk2NCAxMi44MzMzIDExLjEwMDZDMTIuODMzMyAxMS42MDQ4IDEyLjQyMDggMTIuMDE3MyAxMS45MTY3IDEyLjAxNzNaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=");
+  --str-video__icon--caret: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--caret-down: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--caret-up: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjU0ODggMTAuNDg4NUw5LjQxMzIxIDguMzMwMThDOS43MzgyMSA4LjAwNTE4IDEwLjI2MzIgOC4wMDUxOCAxMC41ODgyIDguMzMwMThMMTIuNzQ2NSAxMC40ODg1QzEzLjI3MTUgMTEuMDEzNSAxMi44OTY1IDExLjkxMzUgMTIuMTU0OSAxMS45MTM1SDcuODM4MjFDNy4wOTY1NCAxMS45MTM1IDYuNzI5ODggMTEuMDEzNSA3LjI1NDg4IDEwLjQ4ODVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--chat: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDZIMTlWMTRDMTkgMTQuNTUgMTguNTUgMTUgMTggMTVINlYxNkM2IDE3LjEgNi45IDE4IDggMThIMThMMjIgMjJWOEMyMiA2LjkgMjEuMSA2IDIwIDZaTTE3IDExVjRDMTcgMi45IDE2LjEgMiAxNSAySDRDMi45IDIgMiAyLjkgMiA0VjE3TDYgMTNIMTVDMTYuMSAxMyAxNyAxMi4xIDE3IDExWiIgZmlsbD0iI0IwQjRCNyIvPgo8L2c+Cjwvc3ZnPgo=");
+  --str-video__icon--chevron-down: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgOC4yOTUwNEwxMiAxMi44NzVMMTYuNTkgOC4yOTUwNEwxOCA5LjcwNTA0TDEyIDE1LjcwNUw2IDkuNzA1MDRMNy40MSA4LjI5NTA0WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K");
+  --str-video__icon--chevron-up: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDEgMTUuNzA1TDEyIDExLjEyNUwxNi41OSAxNS43MDVMMTggMTQuMjk1TDEyIDguMjk1MDRMNiAxNC4yOTVMNy40MSAxNS43MDVaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--chevron-right: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTYuOTk3NjcgMjEuMDE0OUM3LjQ4NzY3IDIxLjUwNDkgOC4yNzc2NyAyMS41MDQ5IDguNzY3NjcgMjEuMDE0OUwxNy4wNzc3IDEyLjcwNDlDMTcuNDY3NyAxMi4zMTQ5IDE3LjQ2NzcgMTEuNjg0OSAxNy4wNzc3IDExLjI5NDlMOC43Njc2NyAyLjk4NDkzQzguMjc3NjcgMi40OTQ5MyA3LjQ4NzY3IDIuNDk0OTMgNi45OTc2NyAyLjk4NDkzQzYuNTA3NjcgMy40NzQ5MyA2LjUwNzY3IDQuMjY0OTMgNi45OTc2NyA0Ljc1NDkzTDE0LjIzNzcgMTIuMDA0OUw2Ljk4NzY3IDE5LjI1NDlDNi41MDc2NyAxOS43MzQ5IDYuNTA3NjcgMjAuNTM0OSA2Ljk5NzY3IDIxLjAxNDlaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--call-latency: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMjkgMTcuOTk4OEMxMi41NTUyIDE3Ljk5ODggMTMuMDAyOSAxNy41NTExIDEzLjAwMjkgMTYuOTk4OEMxMy4wMDI5IDE2LjQ0NjUgMTIuNTU1MiAxNS45OTg4IDEyLjAwMjkgMTUuOTk4OEMxMS40NTA2IDE1Ljk5ODggMTEuMDAyOSAxNi40NDY1IDExLjAwMjkgMTYuOTk4OEMxMS4wMDI5IDE3LjU1MTEgMTEuNDUwNiAxNy45OTg4IDEyLjAwMjkgMTcuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTcuMDAyOTMgMTIuOTk4OEM3LjU1NTIxIDEyLjk5ODggOC4wMDI5MyAxMi41NTExIDguMDAyOTMgMTEuOTk4OEM4LjAwMjkzIDExLjQ0NjUgNy41NTUyMSAxMC45OTg4IDcuMDAyOTMgMTAuOTk4OEM2LjQ1MDY0IDEwLjk5ODggNi4wMDI5MyAxMS40NDY1IDYuMDAyOTMgMTEuOTk4OEM2LjAwMjkzIDEyLjU1MTEgNi40NTA2NCAxMi45OTg4IDcuMDAyOTMgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE3LjAwMjkgMTIuOTk4OEMxNy41NTUyIDEyLjk5ODggMTguMDAyOSAxMi41NTExIDE4LjAwMjkgMTEuOTk4OEMxOC4wMDI5IDExLjQ0NjUgMTcuNTU1MiAxMC45OTg4IDE3LjAwMjkgMTAuOTk4OEMxNi40NTA2IDEwLjk5ODggMTYuMDAyOSAxMS40NDY1IDE2LjAwMjkgMTEuOTk4OEMxNi4wMDI5IDEyLjU1MTEgMTYuNDUwNiAxMi45OTg4IDE3LjAwMjkgMTIuOTk4OFoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTEyLjAwMjkgMi45OTg3OEMxMS40NTI5IDIuOTk4NzggMTEuMDAyOSAzLjQ0ODc4IDExLjAwMjkgMy45OTg3OFY1Ljk5ODc4QzExLjAwMjkgNi41NDg3OCAxMS40NTI5IDYuOTk4NzggMTIuMDAyOSA2Ljk5ODc4QzEyLjU1MjkgNi45OTg3OCAxMy4wMDI5IDYuNTQ4NzggMTMuMDAyOSA1Ljk5ODc4VjUuMDc4NzhDMTYuMzEyOSA1LjU1ODc4IDE4Ljg3MjkgOC4zMjg3OCAxOS4wMDI5IDExLjczODhDMTkuMTQyOSAxNS41ODg4IDE1Ljk3MjkgMTguOTM4OCAxMi4xMjI5IDE4Ljk5ODhDOC4xOTI5MyAxOS4wNTg4IDUuMDAyOTMgMTUuOTA4OCA1LjAwMjkzIDExLjk5ODhDNS4wMDI5MyAxMC4zMTg4IDUuNTkyOTMgOC43Nzg3OCA2LjU4MjkzIDcuNTc4NzhMMTEuMjkyOSAxMi4yOTg4QzExLjY4MjkgMTIuNjg4OCAxMi4zMTI5IDEyLjY4ODggMTIuNzAyOSAxMi4yOTg4QzEzLjA5MjkgMTEuOTA4OCAxMy4wOTI5IDExLjI3ODggMTIuNzAyOSAxMC44ODg4TDcuMjYyOTMgNS40NTg3OEM2Ljg4MjkzIDUuMDc4NzggNi4yNjI5MyA1LjA2ODc4IDUuODYyOTMgNS40Mzg3OEM0LjEwMjkzIDcuMDY4NzggMy4wMDI5MyA5LjM5ODc4IDMuMDAyOTMgMTEuOTk4OEMzLjAwMjkzIDE3LjAzODggNy4xNDI5MyAyMS4xMTg4IDEyLjIxMjkgMjAuOTk4OEMxNi45MTI5IDIwLjg4ODggMjAuODQyOSAxNi45ODg4IDIwLjk5MjkgMTIuMjg4OEMyMS4xNjI5IDcuMTg4NzggMTcuMDcyOSAyLjk5ODc4IDEyLjAwMjkgMi45OTg3OFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==");
+  --str-video__icon--close: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4LjI5OTcgNS43MDk5N0MxNy45MDk3IDUuMzE5OTcgMTcuMjc5NyA1LjMxOTk3IDE2Ljg4OTcgNS43MDk5N0wxMS45OTk3IDEwLjU5TDcuMTA5NzMgNS42OTk5N0M2LjcxOTczIDUuMzA5OTcgNi4wODk3MyA1LjMwOTk3IDUuNjk5NzMgNS42OTk5N0M1LjMwOTczIDYuMDg5OTcgNS4zMDk3MyA2LjcxOTk3IDUuNjk5NzMgNy4xMDk5N0wxMC41ODk3IDEyTDUuNjk5NzMgMTYuODlDNS4zMDk3MyAxNy4yOCA1LjMwOTczIDE3LjkxIDUuNjk5NzMgMTguM0M2LjA4OTczIDE4LjY5IDYuNzE5NzMgMTguNjkgNy4xMDk3MyAxOC4zTDExLjk5OTcgMTMuNDFMMTYuODg5NyAxOC4zQzE3LjI3OTcgMTguNjkgMTcuOTA5NyAxOC42OSAxOC4yOTk3IDE4LjNDMTguNjg5NyAxNy45MSAxOC42ODk3IDE3LjI4IDE4LjI5OTcgMTYuODlMMTMuNDA5NyAxMkwxOC4yOTk3IDcuMTA5OTdDMTguNjc5NyA2LjcyOTk3IDE4LjY3OTcgNi4wODk5NyAxOC4yOTk3IDUuNzA5OTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--connection-quality-poor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iI0UzRTRFNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjREM0MzNCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiNFM0U0RTUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
+  --str-video__icon--connection-quality-good: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTI0ODA1IDYuMjVDMC45MjQ4MDUgMi45MzYyOSAzLjYxMTEgMC4yNSA2LjkyNDggMC4yNUgzMi45MjQ4VjI2LjI1QzMyLjkyNDggMjkuNTYzNyAzMC4yMzg1IDMyLjI1IDI2LjkyNDggMzIuMjVIMC45MjQ4MDVWNi4yNVoiIGZpbGw9IiMwQzBEMEUiIGZpbGwtb3BhY2l0eT0iMC42NSIvPgo8cGF0aCBkPSJNMTYuOTI0OCAyMC4yNUwxNi45MjQ4IDE1LjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS45MjQ4IDIwLjI1TDExLjkyNDggMTguMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxLjkyNDggMjAuMjVMMjEuOTI0OCAxMi4yNSIgc3Ryb2tlPSIjRTNFNEU1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
+  --str-video__icon--connection-quality-excellent: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjU0ODgzIDYuMjVDMC4yNTQ4ODMgMi45MzYyOSAyLjk0MTE3IDAuMjUgNi4yNTQ4OCAwLjI1SDMyLjI1NDlWMjYuMjVDMzIuMjU0OSAyOS41NjM3IDI5LjU2ODYgMzIuMjUgMjYuMjU0OSAzMi4yNUgwLjI1NDg4M1Y2LjI1WiIgZmlsbD0iIzBDMEQwRSIgZmlsbC1vcGFjaXR5PSIwLjY1Ii8+CjxwYXRoIGQ9Ik0xNi4yNTQ5IDIwLjI1TDE2LjI1NDkgMTUuMjUiIHN0cm9rZT0iIzAwRTJBMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1NDkgMjAuMjVMMTEuMjU0OSAxOC4yNSIgc3Ryb2tlPSIjMDBFMkExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMjU0OSAyMC4yNUwyMS4yNTQ5IDEyLjI1IiBzdHJva2U9IiMwMEUyQTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
+  --str-video__icon--copy: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNvcHlfYWxsIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4Ljk2NDggMi40OTY1OEg5Ljk2NDg0QzguODY0ODQgMi40OTY1OCA3Ljk2NDg0IDMuMzk2NTggNy45NjQ4NCA0LjQ5NjU4VjE2LjQ5NjZDNy45NjQ4NCAxNy41OTY2IDguODY0ODQgMTguNDk2NiA5Ljk2NDg0IDE4LjQ5NjZIMTguOTY0OEMyMC4wNjQ4IDE4LjQ5NjYgMjAuOTY0OCAxNy41OTY2IDIwLjk2NDggMTYuNDk2NlY0LjQ5NjU4QzIwLjk2NDggMy4zOTY1OCAyMC4wNjQ4IDIuNDk2NTggMTguOTY0OCAyLjQ5NjU4Wk0xOC45NjQ4IDE2LjQ5NjZIOS45NjQ4NFY0LjQ5NjU4SDE4Ljk2NDhWMTYuNDk2NlpNMy45NjQ4NCAxNS40OTY2VjEzLjQ5NjZINS45NjQ4NFYxNS40OTY2SDMuOTY0ODRaTTMuOTY0ODQgOS45OTY1OEg1Ljk2NDg0VjExLjk5NjZIMy45NjQ4NFY5Ljk5NjU4Wk0xMC45NjQ4IDIwLjQ5NjZIMTIuOTY0OFYyMi40OTY2SDEwLjk2NDhWMjAuNDk2NlpNMy45NjQ4NCAxOC45OTY2VjE2Ljk5NjZINS45NjQ4NFYxOC45OTY2SDMuOTY0ODRaTTUuOTY0ODQgMjIuNDk2NkM0Ljg2NDg0IDIyLjQ5NjYgMy45NjQ4NCAyMS41OTY2IDMuOTY0ODQgMjAuNDk2Nkg1Ljk2NDg0VjIyLjQ5NjZaTTkuNDY0ODQgMjIuNDk2Nkg3LjQ2NDg0VjIwLjQ5NjZIOS40NjQ4NFYyMi40OTY2Wk0xNC40NjQ4IDIyLjQ5NjZWMjAuNDk2NkgxNi40NjQ4QzE2LjQ2NDggMjEuNTk2NiAxNS41NjQ4IDIyLjQ5NjYgMTQuNDY0OCAyMi40OTY2Wk01Ljk2NDg0IDYuNDk2NThWOC40OTY1OEgzLjk2NDg0QzMuOTY0ODQgNy4zOTY1OCA0Ljg2NDg0IDYuNDk2NTggNS45NjQ4NCA2LjQ5NjU4WiIgZmlsbD0iI0UzRTRFNSIvPgo8L2c+Cjwvc3ZnPgo=");
+  --str-video__icon--download: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MDcgNi4zMzM1SDE2LjAwMDdWMy4wMDAxNkMxNi4wMDA3IDIuNjMzNSAxNS43MDA3IDIuMzMzNSAxNS4zMzQgMi4zMzM1SDEyLjY2NzNDMTIuMzAwNyAyLjMzMzUgMTIuMDAwNyAyLjYzMzUgMTIuMDAwNyAzLjAwMDE2VjYuMzMzNUgxMC45NDA3QzEwLjM0NzMgNi4zMzM1IDEwLjA0NzMgNy4wNTM1IDEwLjQ2NzMgNy40NzM1TDEzLjUyNzMgMTAuNTMzNUMxMy43ODczIDEwLjc5MzUgMTQuMjA3MyAxMC43OTM1IDE0LjQ2NzMgMTAuNTMzNUwxNy41MjczIDcuNDczNUMxNy45NDczIDcuMDUzNSAxNy42NTQgNi4zMzM1IDE3LjA2MDcgNi4zMzM1Wk05LjMzMzk4IDEzLjAwMDJDOS4zMzM5OCAxMy4zNjY4IDkuNjMzOTggMTMuNjY2OCAxMC4wMDA3IDEzLjY2NjhIMTguMDAwN0MxOC4zNjczIDEzLjY2NjggMTguNjY3MyAxMy4zNjY4IDE4LjY2NzMgMTMuMDAwMkMxOC42NjczIDEyLjYzMzUgMTguMzY3MyAxMi4zMzM1IDE4LjAwMDcgMTIuMzMzNUgxMC4wMDA3QzkuNjMzOTggMTIuMzMzNSA5LjMzMzk4IDEyLjYzMzUgOS4zMzM5OCAxMy4wMDAyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K");
+  --str-video__icon--developer: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNvZGUiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNy4yNDkwOSAxMy4yNUwzLjk5OTA5IDEwTDcuMjQ5MDkgNi43NTAwMkM3LjU3NDA5IDYuNDI1MDIgNy41NzQwOSA1LjkwODM1IDcuMjQ5MDkgNS41ODMzNUM2LjkyNDA5IDUuMjU4MzUgNi40MDc0MiA1LjI1ODM1IDYuMDgyNDIgNS41ODMzNUwyLjI1NzQyIDkuNDA4MzVDMS45MzI0MiA5LjczMzM1IDEuOTMyNDIgMTAuMjU4MyAyLjI1NzQyIDEwLjU4MzNMNi4wODI0MiAxNC40MTY3QzYuNDA3NDIgMTQuNzQxNyA2LjkyNDA5IDE0Ljc0MTcgNy4yNDkwOSAxNC40MTY3QzcuNTc0MDkgMTQuMDkxNyA3LjU3NDA5IDEzLjU3NSA3LjI0OTA5IDEzLjI1Wk0xMi43NDkxIDEzLjI1TDE1Ljk5OTEgMTBMMTIuNzQ5MSA2Ljc1MDAyQzEyLjQyNDEgNi40MjUwMiAxMi40MjQxIDUuOTA4MzUgMTIuNzQ5MSA1LjU4MzM1QzEzLjA3NDEgNS4yNTgzNSAxMy41OTA4IDUuMjU4MzUgMTMuOTE1OCA1LjU4MzM1TDE3Ljc0MDggOS40MDgzNUMxOC4wNjU4IDkuNzMzMzUgMTguMDY1OCAxMC4yNTgzIDE3Ljc0MDggMTAuNTgzM0wxMy45MTU4IDE0LjQxNjdDMTMuNTkwOCAxNC43NDE3IDEzLjA3NDEgMTQuNzQxNyAxMi43NDkxIDE0LjQxNjdDMTIuNDI0MSAxNC4wOTE3IDEyLjQyNDEgMTMuNTc1IDEyLjc0OTEgMTMuMjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--ellipsis: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBDNC45IDEwIDQgMTAuOSA0IDEyQzQgMTMuMSA0LjkgMTQgNiAxNEM3LjEgMTQgOCAxMy4xIDggMTJDOCAxMC45IDcuMSAxMCA2IDEwWk0xOCAxMEMxNi45IDEwIDE2IDEwLjkgMTYgMTJDMTYgMTMuMSAxNi45IDE0IDE4IDE0QzE5LjEgMTQgMjAgMTMuMSAyMCAxMkMyMCAxMC45IDE5LjEgMTAgMTggMTBaTTEyIDEwQzEwLjkgMTAgMTAgMTAuOSAxMCAxMkMxMCAxMy4xIDEwLjkgMTQgMTIgMTRDMTMuMSAxNCAxNCAxMy4xIDE0IDEyQzE0IDEwLjkgMTMuMSAxMCAxMiAxMFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==");
+  --str-video__icon--feedback: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUwMDMgNy4xNjkzNkMxMy41MDAzIDcuNjI3NjkgMTMuODc1MyA4LjAwMjY5IDE0LjMzMzcgOC4wMDI2OUgxNi4wMDAzQzE2LjQ1ODcgOC4wMDI2OSAxNi44MzM3IDcuNjI3NjkgMTYuODMzNyA3LjE2OTM2QzE2LjgzMzcgNi43MTEwMyAxNi40NTg3IDYuMzM2MDMgMTYuMDAwMyA2LjMzNjAzSDE0LjMzMzdDMTMuODc1MyA2LjMzNjAzIDEzLjUwMDMgNi43MTEwMyAxMy41MDAzIDcuMTY5MzZaIiBmaWxsPSIjRTNFNEU1Ii8+CjxwYXRoIGQ9Ik0xMi4zMjUzIDExLjE4NkMxMi4wNTAzIDExLjU1MjcgMTIuMTI1MyAxMi4wNjEgMTIuNDkyIDEyLjMyNzdDMTIuOTMzNyAxMi42NTI3IDEzLjQwMDMgMTMuMDAyNyAxMy44NDIgMTMuMzM2QzE0LjIwODcgMTMuNjExIDE0LjcyNTMgMTMuNTM2IDE0Ljk5MiAxMy4xNjk0QzE0Ljk5MiAxMy4xNjEgMTUuMDAwMyAxMy4xNjEgMTUuMDAwMyAxMy4xNTI3QzE1LjI3NTMgMTIuNzg2IDE1LjIwMDMgMTIuMjY5NCAxNC44MzM3IDEyLjAwMjdDMTQuMzkyIDExLjY2OTQgMTMuOTI1MyAxMS4zMTk0IDEzLjQ5MiAxMC45OTQ0QzEzLjEyNTMgMTAuNzE5NCAxMi42MDg3IDEwLjgwMjcgMTIuMzMzNyAxMS4xNjk0QzEyLjMzMzcgMTEuMTc3NyAxMi4zMjUzIDExLjE4NiAxMi4zMjUzIDExLjE4NloiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE1LjAwODcgMS4xNzc2OUMxNS4wMDg3IDEuMTY5MzYgMTUuMDAwMyAxLjE2OTM2IDE1LjAwMDMgMS4xNjEwM0MxNC43MjUzIDAuNzk0MzU5IDE0LjIwODcgMC43MTkzNTkgMTMuODUwMyAwLjk5NDM1OUMxMy40MDg3IDEuMzI3NjkgMTIuOTMzNyAxLjY3NzY5IDEyLjUwMDMgMi4wMTEwM0MxMi4xMzM3IDIuMjg2MDMgMTIuMDY3IDIuODAyNjkgMTIuMzQyIDMuMTYxMDNDMTIuMzQyIDMuMTY5MzYgMTIuMzUwMyAzLjE2OTM2IDEyLjM1MDMgMy4xNzc2OUMxMi42MjUzIDMuNTQ0MzYgMTMuMTMzNyAzLjYxOTM2IDEzLjUwMDMgMy4zNDQzNkMxMy45NDIgMy4wMTkzNiAxNC40MDg3IDIuNjYxMDMgMTQuODUwMyAyLjMyNzY5QzE1LjIwODcgMi4wNjEwMyAxNS4yNzUzIDEuNTQ0MzYgMTUuMDA4NyAxLjE3NzY5WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNNS4xNjY5OSA0LjY2OTM2SDEuODMzNjZDMC45MTY5OTIgNC42NjkzNiAwLjE2Njk5MiA1LjQxOTM2IDAuMTY2OTkyIDYuMzM2MDNWOC4wMDI2OUMwLjE2Njk5MiA4LjkxOTM2IDAuOTE2OTkyIDkuNjY5MzYgMS44MzM2NiA5LjY2OTM2SDIuNjY2OTlWMTIuMTY5NEMyLjY2Njk5IDEyLjYyNzcgMy4wNDE5OSAxMy4wMDI3IDMuNTAwMzMgMTMuMDAyN0MzLjk1ODY2IDEzLjAwMjcgNC4zMzM2NiAxMi42Mjc3IDQuMzMzNjYgMTIuMTY5NFY5LjY2OTM2SDUuMTY2OTlMOS4zMzM2NiAxMi4xNjk0VjIuMTY5MzZMNS4xNjY5OSA0LjY2OTM2WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMTEuNDE3IDcuMTY5MzZDMTEuNDE3IDYuMDYxMDMgMTAuOTMzNyA1LjA2MTAzIDEwLjE2NyA0LjM3NzY5VjkuOTUyNjlDMTAuOTMzNyA5LjI3NzY5IDExLjQxNyA4LjI3NzY5IDExLjQxNyA3LjE2OTM2WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K");
+  --str-video__icon--film-roll: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgNkMyLjQ1IDYgMiA2LjQ1IDIgN1YyMEMyIDIxLjEgMi45IDIyIDQgMjJIMTdDMTcuNTUgMjIgMTggMjEuNTUgMTggMjFDMTggMjAuNDUgMTcuNTUgMjAgMTcgMjBINUM0LjQ1IDIwIDQgMTkuNTUgNCAxOVY3QzQgNi40NSAzLjU1IDYgMyA2Wk0yMCAySDhDNi45IDIgNiAyLjkgNiA0VjE2QzYgMTcuMSA2LjkgMTggOCAxOEgyMEMyMS4xIDE4IDIyIDE3LjEgMjIgMTZWNEMyMiAyLjkgMjEuMSAyIDIwIDJaTTEyIDE0LjVWNS41TDE3LjQ3IDkuNkMxNy43NCA5LjggMTcuNzQgMTAuMiAxNy40NyAxMC40TDEyIDE0LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
   --str-video__icon--filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMSAzLjc1QS43NS43NSAwIDAgMSAxLjc1IDNoMTIuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMS43NUEuNzUuNzUgMCAwIDEgMSAzLjc1em0yLjUgNEEuNzUuNzUgMCAwIDEgNC4yNSA3aDcuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTcuNWEuNzUuNzUgMCAwIDEtLjc1LS43NXpNNi43NSAxMWEuNzUuNzUgMCAwIDAgMCAxLjVoMi41YS43NS43NSAwIDAgMCAwLTEuNWgtMi41eiIgZmlsbD0iY3VycmVudENvbG9yIi8+XAo8L3N2Zz4K");
+  --str-video__icon--folder: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZvbGRlciI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik05LjMyNjMgMy44MjQ5MkM5LjAwOTY0IDMuNTA4MjUgOC41ODQ2NCAzLjMzMzI1IDguMTQyOTcgMy4zMzMyNUgzLjgzNDY0QzIuOTE3OTcgMy4zMzMyNSAyLjE3NjMgNC4wODMyNSAyLjE3NjMgNC45OTk5MkwyLjE2Nzk3IDE0Ljk5OTlDMi4xNjc5NyAxNS45MTY2IDIuOTE3OTcgMTYuNjY2NiAzLjgzNDY0IDE2LjY2NjZIMTcuMTY4QzE4LjA4NDYgMTYuNjY2NiAxOC44MzQ2IDE1LjkxNjYgMTguODM0NiAxNC45OTk5VjYuNjY2NTlDMTguODM0NiA1Ljc0OTkyIDE4LjA4NDYgNC45OTk5MiAxNy4xNjggNC45OTk5MkgxMC41MDEzTDkuMzI2MyAzLjgyNDkyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L2c+Cjwvc3ZnPgo=");
   --str-video__icon--fullscreen: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibSAxMCwxNiAyLDAgMCwtNCA0LDAgMCwtMiBMIDEwLDEwIGwgMCw2IDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjAsMTAgMCwyIDQsMCAwLDQgMiwwIEwgMjYsMTAgbCAtNiwwIDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjQsMjQgLTQsMCAwLDIgTCAyNiwyNiBsIDAsLTYgLTIsMCAwLDQgMCwwIHoiLz4KPHBhdGggZD0iTSAxMiwyMCAxMCwyMCAxMCwyNiBsIDYsMCAwLC0yIC00LDAgMCwtNCAwLDAgeiIvPgo8L3N2Zz4=");
-  --str-video__icon--grid: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAzMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMzAuMzMxMSIgeT0iMTYiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAzMC4zMzExIDE2KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTYuMTA5NCIgeT0iMTYiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxNi4xMDk0IDE2KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMjMuMjIwNyIgeT0iMTYiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAyMy4yMjA3IDE2KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iOC45OTgwNSIgeT0iMTYiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA4Ljk5ODA1IDE2KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMzAuMzMxMSIgeT0iOS43NzczNCIgd2lkdGg9IjQuNDQ0NDQiIGhlaWdodD0iNS4zMzMzMyIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMwLjMzMTEgOS43NzczNCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjMwLjMzMTEiIHk9IjMuNTU0NjkiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAzMC4zMzExIDMuNTU0NjkpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIyMy4yMjA3IiB5PSI5Ljc3NzM0IiB3aWR0aD0iNC40NDQ0NCIgaGVpZ2h0PSI1LjMzMzMzIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjMuMjIwNyA5Ljc3NzM0KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMjMuMjIwNyIgeT0iMy41NTQ2OSIgd2lkdGg9IjQuNDQ0NDQiIGhlaWdodD0iNS4zMzMzMyIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDIzLjIyMDcgMy41NTQ2OSkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjE2LjEwOTQiIHk9IjkuNzc3MzQiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxNi4xMDk0IDkuNzc3MzQpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxNi4xMDk0IiB5PSIzLjU1NDY5IiB3aWR0aD0iNC40NDQ0NCIgaGVpZ2h0PSI1LjMzMzMzIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTYuMTA5NCAzLjU1NDY5KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iOC45OTgwNSIgeT0iOS43NzczNCIgd2lkdGg9IjQuNDQ0NDQiIGhlaWdodD0iNS4zMzMzMyIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDguOTk4MDUgOS43NzczNCkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjguOTk4MDUiIHk9IjMuNTU0NjkiIHdpZHRoPSI0LjQ0NDQ0IiBoZWlnaHQ9IjUuMzMzMzMiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA4Ljk5ODA1IDMuNTU0NjkpIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxLjQ5ODA1IiB5PSIwLjUiIHdpZHRoPSIzMSIgaGVpZ2h0PSIyMyIgcng9IjIuNSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K");
+  --str-video__icon--grid: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTQgMTNIMTBDMTAuNTUgMTMgMTEgMTIuNTUgMTEgMTJWNEMxMSAzLjQ1IDEwLjU1IDMgMTAgM0g0QzMuNDUgMyAzIDMuNDUgMyA0VjEyQzMgMTIuNTUgMy40NSAxMyA0IDEzWk00IDIxSDEwQzEwLjU1IDIxIDExIDIwLjU1IDExIDIwVjE2QzExIDE1LjQ1IDEwLjU1IDE1IDEwIDE1SDRDMy40NSAxNSAzIDE1LjQ1IDMgMTZWMjBDMyAyMC41NSAzLjQ1IDIxIDQgMjFaTTE0IDIxSDIwQzIwLjU1IDIxIDIxIDIwLjU1IDIxIDIwVjEyQzIxIDExLjQ1IDIwLjU1IDExIDIwIDExSDE0QzEzLjQ1IDExIDEzIDExLjQ1IDEzIDEyVjIwQzEzIDIwLjU1IDEzLjQ1IDIxIDE0IDIxWk0xMyA0VjhDMTMgOC41NSAxMy40NSA5IDE0IDlIMjBDMjAuNTUgOSAyMSA4LjU1IDIxIDhWNEMyMSAzLjQ1IDIwLjU1IDMgMjAgM0gxNEMxMy40NSAzIDEzIDMuNDUgMTMgNFoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K");
   --str-video__icon--info-document: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjUgMjNINC41QzMuNCAyMyAyLjUgMjIuMSAyLjUgMjFWN0g0LjVWMjFIMTguNVYyM1pNMTUuNSAxSDguNUM3LjQgMSA2LjUxIDEuOSA2LjUxIDNMNi41IDE3QzYuNSAxOC4xIDcuMzkgMTkgOC40OSAxOUgxOS41QzIwLjYgMTkgMjEuNSAxOC4xIDIxLjUgMTdWN0wxNS41IDFaTTE5LjUgMTdIOC41VjNIMTQuNjdMMTkuNSA3LjgzVjE3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTE0LjgwNjIgMTQuNTY5M0gxMi44MDYyTDEyLjgwNjIgOS41NjkzNEgxNC44MDYyTDE0LjgwNjIgMTQuNTY5M1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNC44OTAxIDYuNTczMjRDMTQuODkwMSA3LjE3MTkxIDE0LjQwNDggNy42NTcyMyAxMy44MDYyIDcuNjU3MjNDMTMuMjA3NSA3LjY1NzIzIDEyLjcyMjIgNy4xNzE5MSAxMi43MjIyIDYuNTczMjRDMTIuNzIyMiA1Ljk3NDU3IDEzLjIwNzUgNS40ODkyNiAxMy44MDYyIDUuNDg5MjZDMTQuNDA0OCA1LjQ4OTI2IDE0Ljg5MDEgNS45NzQ1NyAxNC44OTAxIDYuNTczMjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
   --str-video__icon--info-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==");
+  --str-video__icon--layout: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxheW91dCI+CjxnIGlkPSJWZWN0b3IiPgo8cGF0aCBkPSJNMTEuNTI2NyAyMC42MTQzTDExLjUyNjcgMTQuNjE0M0MxMS41MjY3IDE0LjA2NDMgMTEuMDc2NyAxMy42MTQzIDEwLjUyNjcgMTMuNjE0M0w0LjUyNjY5IDEzLjYxNDNDMy45NzY2OSAxMy42MTQzIDMuNTI2NjkgMTQuMDY0MyAzLjUyNjY5IDE0LjYxNDNMMy41MjY2OSAyMC42MTQzQzMuNTI2NjkgMjEuMTY0MyAzLjk3NjY5IDIxLjYxNDMgNC41MjY2OSAyMS42MTQzTDEwLjUyNjcgMjEuNjE0M0MxMS4wNzY3IDIxLjYxNDMgMTEuNTI2NyAyMS4xNjQzIDExLjUyNjcgMjAuNjE0M1oiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTIxLjQ3MjYgMTQuNjE0M0wyMS40NzI2IDIwLjYxNDNDMjEuNDcyNiAyMS4xNjQzIDIxLjAyMjYgMjEuNjE0MyAyMC40NzI2IDIxLjYxNDNMMTQuNDcyNiAyMS42MTQzQzEzLjkyMjYgMjEuNjE0MyAxMy40NzI2IDIxLjE2NDMgMTMuNDcyNiAyMC42MTQzTDEzLjQ3MjYgMTQuNjE0M0MxMy40NzI2IDE0LjA2NDMgMTMuOTIyNiAxMy42MTQzIDE0LjQ3MjYgMTMuNjE0M0wyMC40NzI2IDEzLjYxNDNDMjEuMDIyNiAxMy42MTQzIDIxLjQ3MjYgMTQuMDY0MyAyMS40NzI2IDE0LjYxNDNaIiBmaWxsPSIjRTNFNEU1Ii8+CjxwYXRoIGQ9Ik0xMS41MjY3IDIwLjYxNDNMMTEuNTI2NyAxNC42MTQzQzExLjUyNjcgMTQuMDY0MyAxMS4wNzY3IDEzLjYxNDMgMTAuNTI2NyAxMy42MTQzTDQuNTI2NjkgMTMuNjE0M0MzLjk3NjY5IDEzLjYxNDMgMy41MjY2OSAxNC4wNjQzIDMuNTI2NjkgMTQuNjE0M0wzLjUyNjY5IDIwLjYxNDNDMy41MjY2OSAyMS4xNjQzIDMuOTc2NjkgMjEuNjE0MyA0LjUyNjY5IDIxLjYxNDNMMTAuNTI2NyAyMS42MTQzQzExLjA3NjcgMjEuNjE0MyAxMS41MjY3IDIxLjE2NDMgMTEuNTI2NyAyMC42MTQzWiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMjEuNDcyNiAxNC42MTQzTDIxLjQ3MjYgMjAuNjE0M0MyMS40NzI2IDIxLjE2NDMgMjEuMDIyNiAyMS42MTQzIDIwLjQ3MjYgMjEuNjE0M0wxNC40NzI2IDIxLjYxNDNDMTMuOTIyNiAyMS42MTQzIDEzLjQ3MjYgMjEuMTY0MyAxMy40NzI2IDIwLjYxNDNMMTMuNDcyNiAxNC42MTQzQzEzLjQ3MjYgMTQuMDY0MyAxMy45MjI2IDEzLjYxNDMgMTQuNDcyNiAxMy42MTQzTDIwLjQ3MjYgMTMuNjE0M0MyMS4wMjI2IDEzLjYxNDMgMjEuNDcyNiAxNC4wNjQzIDIxLjQ3MjYgMTQuNjE0M1oiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTExLjUyNjcgMTAuNjU3N0wxMS41MjY3IDQuNjU3NjdDMTEuNTI2NyA0LjEwNzY3IDExLjA3NjcgMy42NTc2NyAxMC41MjY3IDMuNjU3NjdMNC41MjY2OSAzLjY1NzY3QzMuOTc2NjkgMy42NTc2NyAzLjUyNjY5IDQuMTA3NjcgMy41MjY2OSA0LjY1NzY3TDMuNTI2NjkgMTAuNjU3N0MzLjUyNjY5IDExLjIwNzcgMy45NzY2OSAxMS42NTc3IDQuNTI2NjkgMTEuNjU3N0wxMC41MjY3IDExLjY1NzdDMTEuMDc2NyAxMS42NTc3IDExLjUyNjcgMTEuMjA3NyAxMS41MjY3IDEwLjY1NzdaIiBmaWxsPSIjRTNFNEU1Ii8+CjxwYXRoIGQ9Ik0yMS40NzI3IDQuNjU3NjdMMjEuNDcyNyAxMC42NTc3QzIxLjQ3MjcgMTEuMjA3NyAyMS4wMjI3IDExLjY1NzcgMjAuNDcyNyAxMS42NTc3TDE0LjQ3MjcgMTEuNjU3N0MxMy45MjI3IDExLjY1NzcgMTMuNDcyNyAxMS4yMDc3IDEzLjQ3MjcgMTAuNjU3N0wxMy40NzI3IDQuNjU3NjdDMTMuNDcyNyA0LjEwNzY3IDEzLjkyMjcgMy42NTc2NyAxNC40NzI3IDMuNjU3NjdMMjAuNDcyNyAzLjY1NzY3QzIxLjAyMjcgMy42NTc2NyAyMS40NzI3IDQuMTA3NjcgMjEuNDcyNyA0LjY1NzY3WiIgZmlsbD0iI0UzRTRFNSIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--layout-speaker-left: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxheW91dCI+CjxnIGlkPSJWZWN0b3IiPgo8cGF0aCBkPSJNMyAzLjk2OTMyTDMgMTcuMzAyN0MzIDE3Ljc2MSAzLjM3NSAxOC4xMzYgMy44MzMzMyAxOC4xMzZMMTAuNSAxOC4xMzZDMTAuOTU4MyAxOC4xMzYgMTEuMzMzMyAxNy43NjEgMTEuMzMzMyAxNy4zMDI3TDExLjMzMzMgMy45NjkzMkMxMS4zMzMzIDMuNTEwOTkgMTAuOTU4MyAzLjEzNTk5IDEwLjUgMy4xMzU5OUwzLjgzMzMzIDMuMTM1OTlDMy4zNzUgMy4xMzU5OSAzIDMuNTEwOTkgMyAzLjk2OTMyWk0xNy4xNjY3IDExLjQ2OTNMMTMuODMzMyAxMS40NjkzQzEzLjM3NSAxMS40NjkzIDEzIDExLjg0NDMgMTMgMTIuMzAyN0wxMyAxNy4zMDI3QzEzIDE3Ljc2MSAxMy4zNzUgMTguMTM2IDEzLjgzMzMgMTguMTM2TDE3LjE2NjcgMTguMTM2QzE3LjYyNSAxOC4xMzYgMTggMTcuNzYxIDE4IDE3LjMwMjdMMTggMTIuMzAyN0MxOCAxMS44NDQzIDE3LjYyNSAxMS40NjkzIDE3LjE2NjcgMTEuNDY5M1oiIGZpbGw9IiNCMEI0QjciLz4KPHBhdGggZD0iTTEzLjgzMzMgMy4xODEwMkwxNy4xNjY3IDMuMTgxMDJDMTcuNjI1IDMuMTgxMDIgMTggMy41NTYwMiAxOCA0LjAxNDM1TDE4IDkuMDE0MzVDMTggOS40NzI2OCAxNy42MjUgOS44NDc2OCAxNy4xNjY3IDkuODQ3NjhMMTMuODMzMyA5Ljg0NzY4QzEzLjM3NSA5Ljg0NzY4IDEzIDkuNDcyNjggMTMgOS4wMTQzNUwxMyA0LjAxNDM1QzEzIDMuNTU2MDIgMTMuMzc1IDMuMTgxMDIgMTMuODMzMyAzLjE4MTAyWiIgZmlsbD0iI0IwQjRCNyIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--layout-speaker-top: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkxheW91dCI+CjxnIGlkPSJWZWN0b3IiPgo8cGF0aCBkPSJNMTcuMTY2NyAzLjEzNTk4TDMuODMzMzMgMy4xMzU5OEMzLjM3NSAzLjEzNTk4IDMgMy41MTA5OCAzIDMuOTY5MzJMMyAxMC42MzZDMyAxMS4wOTQzIDMuMzc1IDExLjQ2OTMgMy44MzMzMyAxMS40NjkzTDE3LjE2NjcgMTEuNDY5M0MxNy42MjUgMTEuNDY5MyAxOCAxMS4wOTQzIDE4IDEwLjYzNkwxOCAzLjk2OTMyQzE4IDMuNTEwOTggMTcuNjI1IDMuMTM1OTggMTcuMTY2NyAzLjEzNTk4Wk05LjY2NjY3IDE3LjMwMjdMOS42NjY2NyAxMy45NjkzQzkuNjY2NjcgMTMuNTExIDkuMjkxNjcgMTMuMTM2IDguODMzMzMgMTMuMTM2TDMuODMzMzMgMTMuMTM2QzMuMzc1IDEzLjEzNiAzIDEzLjUxMSAzIDEzLjk2OTNMMyAxNy4zMDI3QzMgMTcuNzYxIDMuMzc1IDE4LjEzNiAzLjgzMzMzIDE4LjEzNkw4LjgzMzMzIDE4LjEzNkM5LjI5MTY3IDE4LjEzNiA5LjY2NjY3IDE3Ljc2MSA5LjY2NjY3IDE3LjMwMjdaIiBmaWxsPSIjMDA1RkZGIi8+CjxwYXRoIGQ9Ik0xNy45NTUgMTMuOTY5M0wxNy45NTUgMTcuMzAyN0MxNy45NTUgMTcuNzYxIDE3LjU4IDE4LjEzNiAxNy4xMjE2IDE4LjEzNkwxMi4xMjE2IDE4LjEzNkMxMS42NjMzIDE4LjEzNiAxMS4yODgzIDE3Ljc2MSAxMS4yODgzIDE3LjMwMjdMMTEuMjg4MyAxMy45NjkzQzExLjI4ODMgMTMuNTExIDExLjY2MzMgMTMuMTM2IDEyLjEyMTYgMTMuMTM2TDE3LjEyMTYgMTMuMTM2QzE3LjU4IDEzLjEzNiAxNy45NTUgMTMuNTExIDE3Ljk1NSAxMy45NjkzWiIgZmlsbD0iIzAwNUZGRiIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--layout-speaker-bottom: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMzMzMzMgMThIMTYuNjY2N0MxNy4xMjUgMTggMTcuNSAxNy42MjUgMTcuNSAxNy4xNjY3VjEwLjVDMTcuNSAxMC4wNDE3IDE3LjEyNSA5LjY2NjY3IDE2LjY2NjcgOS42NjY2N0gzLjMzMzMzQzIuODc1IDkuNjY2NjcgMi41IDEwLjA0MTcgMi41IDEwLjVWMTcuMTY2N0MyLjUgMTcuNjI1IDIuODc1IDE4IDMuMzMzMzMgMThaTTEwLjgzMzMgMy44MzMzNFY3LjE2NjY3QzEwLjgzMzMgNy42MjUgMTEuMjA4MyA4IDExLjY2NjcgOEgxNi42NjY3QzE3LjEyNSA4IDE3LjUgNy42MjUgMTcuNSA3LjE2NjY3VjMuODMzMzRDMTcuNSAzLjM3NSAxNy4xMjUgMyAxNi42NjY3IDNIMTEuNjY2N0MxMS4yMDgzIDMgMTAuODMzMyAzLjM3NSAxMC44MzMzIDMuODMzMzRaIiBmaWxsPSIjQjBCNEI3Ii8+CjxwYXRoIGQ9Ik0yLjU0NTAzIDcuMTY2NjdWMy44MzMzM0MyLjU0NTAzIDMuMzc1IDIuOTIwMDMgMyAzLjM3ODM2IDNIOC4zNzgzNkM4LjgzNjcgMyA5LjIxMTcgMy4zNzUgOS4yMTE3IDMuODMzMzNWNy4xNjY2N0M5LjIxMTcgNy42MjUgOC44MzY3IDggOC4zNzgzNiA4SDMuMzc4MzZDMi45MjAwMyA4IDIuNTQ1MDMgNy42MjUgMi41NDUwMyA3LjE2NjY3WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K");
+  --str-video__icon--layout-speaker-right: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDIwTDIxIDRDMjEgMy40NSAyMC41NSAzIDIwIDNMMTIgM0MxMS40NSAzIDExIDMuNDUgMTEgNEwxMSAyMEMxMSAyMC41NSAxMS40NSAyMSAxMiAyMUwyMCAyMUMyMC41NSAyMSAyMSAyMC41NSAyMSAyMFpNNCAxMUw4IDExQzguNTUgMTEgOSAxMC41NSA5IDEwTDkgNEM5IDMuNDUgOC41NSAzIDggM0w0IDNDMy40NSAzIDMgMy40NSAzIDRMMyAxMEMzIDEwLjU1IDMuNDUgMTEgNCAxMVoiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTggMjAuOTQ2TDQgMjAuOTQ2QzMuNDUgMjAuOTQ2IDMgMjAuNDk2IDMgMTkuOTQ2TDMgMTMuOTQ2QzMgMTMuMzk2IDMuNDUgMTIuOTQ2IDQgMTIuOTQ2TDggMTIuOTQ2QzguNTUgMTIuOTQ2IDkgMTMuMzk2IDkgMTMuOTQ2TDkgMTkuOTQ2QzkgMjAuNDk2IDguNTUgMjAuOTQ2IDggMjAuOTQ2WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K");
+  --str-video__icon--layout-speaker-one-on-one: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjk1NzAzIDIxLjA1ODNWMy4zOTY0OEMyLjk1NzAzIDIuODQ2NDggMy40MDcwMyAyLjM5NjQ4IDMuOTU3MDMgMi4zOTY0OEgyMC4wNDM2QzIwLjU5MzYgMi4zOTY0OCAyMS4wNDM2IDIuODQ2NDggMjEuMDQzNiAzLjM5NjQ4TDIxLjA0MzYgMjEuMDU4M0MyMS4wNDM2IDIxLjYwODMgMjAuNTkzNiAyMi4wNTgzIDIwLjA0MzYgMjIuMDU4M0gzLjk1NzAzQzMuNDA3MDMgMjIuMDU4MyAyLjk1NzAzIDIxLjYwODMgMi45NTcwMyAyMS4wNTgzWk0xOC4zMDA1IDQuMjI3NTRMMTQuMzAwNSA0LjIyNzU0QzEzLjc1MDUgNC4yMjc1NCAxMy4zMDA1IDQuNjc3NTQgMTMuMzAwNSA1LjIyNzU0VjExLjIyNzVDMTMuMzAwNSAxMS43Nzc1IDEzLjc1MDUgMTIuMjI3NSAxNC4zMDA1IDEyLjIyNzVIMTguMzAwNUMxOC44NTA1IDEyLjIyNzUgMTkuMzAwNSAxMS43Nzc1IDE5LjMwMDUgMTEuMjI3NVY1LjIyNzU0QzE5LjMwMDUgNC42Nzc1NCAxOC44NTA1IDQuMjI3NTQgMTguMzAwNSA0LjIyNzU0WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K");
+  --str-video__icon--layout-speaker-live-stream: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzYgMTcuMDc1QzYuNjcgMTUuOTk1IDYgMTQuNDk1IDYgMTIuODM1QzYgMTEuMTc1IDYuNjcgOS42NzQ5NSA3Ljc2IDguNTk0OTVMOS4xOCAxMC4wMTVDOC40NSAxMC43MzUgOCAxMS43MzUgOCAxMi44MzVDOCAxMy45MzUgOC40NSAxNC45MzUgOS4xNyAxNS42NjVMNy43NiAxNy4wNzVaTTE2LjI0IDE3LjA3NUMxNy4zMyAxNS45OTUgMTggMTQuNDk1IDE4IDEyLjgzNUMxOCAxMS4xNzUgMTcuMzMgOS42NzQ5NSAxNi4yNCA4LjU5NDk1TDE0LjgyIDEwLjAxNUMxNS41NSAxMC43MzUgMTYgMTEuNzM1IDE2IDEyLjgzNUMxNiAxMy45MzUgMTUuNTUgMTQuOTM1IDE0LjgzIDE1LjY2NUwxNi4yNCAxNy4wNzVaTTEyIDEwLjgzNUMxMC45IDEwLjgzNSAxMCAxMS43MzUgMTAgMTIuODM1QzEwIDEzLjkzNSAxMC45IDE0LjgzNSAxMiAxNC44MzVDMTMuMSAxNC44MzUgMTQgMTMuOTM1IDE0IDEyLjgzNUMxNCAxMS43MzUgMTMuMSAxMC44MzUgMTIgMTAuODM1Wk0yMCAxMi44MzVDMjAgMTUuMDQ1IDE5LjEgMTcuMDQ1IDE3LjY1IDE4LjQ4NUwxOS4wNyAxOS45MDVDMjAuODggMTguMDk1IDIyIDE1LjU5NSAyMiAxMi44MzVDMjIgMTAuMDc1IDIwLjg4IDcuNTc0OTUgMTkuMDcgNS43NjQ5NUwxNy42NSA3LjE4NDk1QzE5LjEgOC42MjQ5NSAyMCAxMC42MjUgMjAgMTIuODM1Wk02LjM1IDcuMTg0OTVMNC45MyA1Ljc2NDk1QzMuMTIgNy41NzQ5NSAyIDEwLjA3NSAyIDEyLjgzNUMyIDE1LjU5NSAzLjEyIDE4LjA5NSA0LjkzIDE5LjkwNUw2LjM1IDE4LjQ4NUM0LjkgMTcuMDQ1IDQgMTUuMDQ1IDQgMTIuODM1QzQgMTAuNjI1IDQuOSA4LjYyNDk1IDYuMzUgNy4xODQ5NVoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==");
+  --str-video__icon--language: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyQzIgMTcuNTIgNi40NyAyMiAxMS45OSAyMkMxNy41MiAyMiAyMiAxNy41MiAyMiAxMkMyMiA2LjQ4IDE3LjUyIDIgMTEuOTkgMlpNMTguOTIgOEgxNS45N0MxNS42NSA2Ljc1IDE1LjE5IDUuNTUgMTQuNTkgNC40NEMxNi40MyA1LjA3IDE3Ljk2IDYuMzUgMTguOTIgOFpNMTIgNC4wNEMxMi44MyA1LjI0IDEzLjQ4IDYuNTcgMTMuOTEgOEgxMC4wOUMxMC41MiA2LjU3IDExLjE3IDUuMjQgMTIgNC4wNFpNNC4yNiAxNEM0LjEgMTMuMzYgNCAxMi42OSA0IDEyQzQgMTEuMzEgNC4xIDEwLjY0IDQuMjYgMTBINy42NEM3LjU2IDEwLjY2IDcuNSAxMS4zMiA3LjUgMTJDNy41IDEyLjY4IDcuNTYgMTMuMzQgNy42NCAxNEg0LjI2Wk01LjA4IDE2SDguMDNDOC4zNSAxNy4yNSA4LjgxIDE4LjQ1IDkuNDEgMTkuNTZDNy41NyAxOC45MyA2LjA0IDE3LjY2IDUuMDggMTZaTTguMDMgOEg1LjA4QzYuMDQgNi4zNCA3LjU3IDUuMDcgOS40MSA0LjQ0QzguODEgNS41NSA4LjM1IDYuNzUgOC4wMyA4Wk0xMiAxOS45NkMxMS4xNyAxOC43NiAxMC41MiAxNy40MyAxMC4wOSAxNkgxMy45MUMxMy40OCAxNy40MyAxMi44MyAxOC43NiAxMiAxOS45NlpNMTQuMzQgMTRIOS42NkM5LjU3IDEzLjM0IDkuNSAxMi42OCA5LjUgMTJDOS41IDExLjMyIDkuNTcgMTAuNjUgOS42NiAxMEgxNC4zNEMxNC40MyAxMC42NSAxNC41IDExLjMyIDE0LjUgMTJDMTQuNSAxMi42OCAxNC40MyAxMy4zNCAxNC4zNCAxNFpNMTQuNTkgMTkuNTZDMTUuMTkgMTguNDUgMTUuNjUgMTcuMjUgMTUuOTcgMTZIMTguOTJDMTcuOTYgMTcuNjUgMTYuNDMgMTguOTMgMTQuNTkgMTkuNTZaTTE2LjM2IDE0QzE2LjQ0IDEzLjM0IDE2LjUgMTIuNjggMTYuNSAxMkMxNi41IDExLjMyIDE2LjQ0IDEwLjY2IDE2LjM2IDEwSDE5Ljc0QzE5LjkgMTAuNjQgMjAgMTEuMzEgMjAgMTJDMjAgMTIuNjkgMTkuOSAxMy4zNiAxOS43NCAxNEgxNi4zNloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K");
   --str-video__icon--livestream-viewers: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg2OTdfMjU1NykiPgo8cGF0aCBkPSJNOC4zNzc0NCA0LjU2MjVDMTAuNzQ2MiA0LjU2MjUgMTIuODU4NyA1Ljg5Mzc1IDEzLjg4OTkgOEMxMi44NTg3IDEwLjEwNjIgMTAuNzQ2MiAxMS40Mzc1IDguMzc3NDQgMTEuNDM3NUM2LjAwODY5IDExLjQzNzUgMy44OTYxOSAxMC4xMDYyIDIuODY0OTQgOEMzLjg5NjE5IDUuODkzNzUgNi4wMDg2OSA0LjU2MjUgOC4zNzc0NCA0LjU2MjVaTTguMzc3NDQgMy4zMTI1QzUuMjUyNDQgMy4zMTI1IDIuNTgzNjkgNS4yNTYyNSAxLjUwMjQ0IDhDMi41ODM2OSAxMC43NDM4IDUuMjUyNDQgMTIuNjg3NSA4LjM3NzQ0IDEyLjY4NzVDMTEuNTAyNCAxMi42ODc1IDE0LjE3MTIgMTAuNzQzOCAxNS4yNTI0IDhDMTQuMTcxMiA1LjI1NjI1IDExLjUwMjQgMy4zMTI1IDguMzc3NDQgMy4zMTI1Wk04LjM3NzQ0IDYuNDM3NUM5LjIzOTk0IDYuNDM3NSA5LjkzOTk0IDcuMTM3NSA5LjkzOTk0IDhDOS45Mzk5NCA4Ljg2MjUgOS4yMzk5NCA5LjU2MjUgOC4zNzc0NCA5LjU2MjVDNy41MTQ5NCA5LjU2MjUgNi44MTQ5NCA4Ljg2MjUgNi44MTQ5NCA4QzYuODE0OTQgNy4xMzc1IDcuNTE0OTQgNi40Mzc1IDguMzc3NDQgNi40Mzc1Wk04LjM3NzQ0IDUuMTg3NUM2LjgyNzQ0IDUuMTg3NSA1LjU2NDk0IDYuNDUgNS41NjQ5NCA4QzUuNTY0OTQgOS41NSA2LjgyNzQ0IDEwLjgxMjUgOC4zNzc0NCAxMC44MTI1QzkuOTI3NDQgMTAuODEyNSAxMS4xODk5IDkuNTUgMTEuMTg5OSA4QzExLjE4OTkgNi40NSA5LjkyNzQ0IDUuMTg3NSA4LjM3NzQ0IDUuMTg3NVoiIGZpbGw9IiNGQ0ZDRkMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF84Njk3XzI1NTciPgo8cmVjdCB4PSIwLjg3NzQ0MSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
   --str-video__icon--loading: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuOTIxMyAxNUMzMC45MjEzIDIzLjI4NDMgMjQuMjA1NiAzMCAxNS45MjEzIDMwQzEwLjcxNTQgMzAgNi4xMjg5OSAyNy4zNDggMy40MzkyMSAyMy4zMjE0TDUuMTAzNDkgMjIuMjExOUM3LjQzNDYzIDI1LjcwMTYgMTEuNDA5NiAyOCAxNS45MjEzIDI4QzIzLjEwMSAyOCAyOC45MjEzIDIyLjE3OTcgMjguOTIxMyAxNUMyOC45MjEzIDcuODIwMyAyMy4xMDEgMiAxNS45MjEzIDJMMTUuOTIxMyAwQzI0LjIwNTYgMCAzMC45MjEzIDYuNzE1NzMgMzAuOTIxMyAxNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMykiLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODYwXzExMDYyMyIgeDE9IjMuNDM5MjEiIHkxPSIwIiB4Mj0iMy40MzkyMSIgeTI9IjMwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLXNlbWl0cmFuc3BhcmVudCIgc3RvcC1vcGFjaXR5PSIwLjAxIi8+CiAgICAgICAgICAgIDxzdG9wIGlkPSJzdG9wLW9wYXF1ZSIgb2Zmc2V0PSIxIiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPg==");
+  --str-video__icon--logout: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMDA2NTEgMi45MTY2N0g2LjUwNjUxQzYuODI3MzQgMi45MTY2NyA3LjA4OTg0IDIuNjU0MTcgNy4wODk4NCAyLjMzMzMzQzcuMDg5ODQgMi4wMTI1IDYuODI3MzQgMS43NSA2LjUwNjUxIDEuNzVIMy4wMDY1MUMyLjM2NDg0IDEuNzUgMS44Mzk4NCAyLjI3NSAxLjgzOTg0IDIuOTE2NjdWMTEuMDgzM0MxLjgzOTg0IDExLjcyNSAyLjM2NDg0IDEyLjI1IDMuMDA2NTEgMTIuMjVINi41MDY1MUM2LjgyNzM0IDEyLjI1IDcuMDg5ODQgMTEuOTg3NSA3LjA4OTg0IDExLjY2NjdDNy4wODk4NCAxMS4zNDU4IDYuODI3MzQgMTEuMDgzMyA2LjUwNjUxIDExLjA4MzNIMy4wMDY1MVYyLjkxNjY3WiIgZmlsbD0iI0UzRTRFNSIvPgo8cGF0aCBkPSJNMTIuMTM1NyA2Ljc5NTgzTDEwLjUwODIgNS4xNjgzM0MxMC4zMjE1IDQuOTgxNjcgMTAuMDA2NSA1LjExIDEwLjAwNjUgNS4zNzI1VjYuNDE2NjdINS45MjMxOEM1LjYwMjM0IDYuNDE2NjcgNS4zMzk4NCA2LjY3OTE3IDUuMzM5ODQgN0M1LjMzOTg0IDcuMzIwODMgNS42MDIzNCA3LjU4MzMzIDUuOTIzMTggNy41ODMzM0gxMC4wMDY1VjguNjI3NUMxMC4wMDY1IDguODkgMTAuMzIxNSA5LjAxODMzIDEwLjUwMjMgOC44MzE2N0wxMi4xMjk4IDcuMjA0MTdDMTIuMjQ2NSA3LjA5MzMzIDEyLjI0NjUgNi45MDY2NyAxMi4xMzU3IDYuNzk1ODNaIiBmaWxsPSIjRTNFNEU1Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--login: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjMgNy44MDA1OUM5LjkxIDguMTkwNTkgOS45MSA4LjgxMDU5IDEwLjMgOS4yMDA1OUwxMi4yIDExLjEwMDZIM0MyLjQ1IDExLjEwMDYgMiAxMS41NTA2IDIgMTIuMTAwNkMyIDEyLjY1MDYgMi40NSAxMy4xMDA2IDMgMTMuMTAwNkgxMi4yTDEwLjMgMTUuMDAwNkM5LjkxIDE1LjM5MDYgOS45MSAxNi4wMTA2IDEwLjMgMTYuNDAwNkMxMC42OSAxNi43OTA2IDExLjMxIDE2Ljc5MDYgMTEuNyAxNi40MDA2TDE1LjI5IDEyLjgxMDZDMTUuNjggMTIuNDIwNiAxNS42OCAxMS43OTA2IDE1LjI5IDExLjQwMDZMMTEuNyA3LjgwMDU5QzExLjMxIDcuNDEwNTkgMTAuNjkgNy40MTA1OSAxMC4zIDcuODAwNTlaTTIwIDE5LjEwMDZIMTNDMTIuNDUgMTkuMTAwNiAxMiAxOS41NTA2IDEyIDIwLjEwMDZDMTIgMjAuNjUwNiAxMi40NSAyMS4xMDA2IDEzIDIxLjEwMDZIMjBDMjEuMSAyMS4xMDA2IDIyIDIwLjIwMDYgMjIgMTkuMTAwNlY1LjEwMDU5QzIyIDQuMDAwNTkgMjEuMSAzLjEwMDU5IDIwIDMuMTAwNTlIMTNDMTIuNDUgMy4xMDA1OSAxMiAzLjU1MDU5IDEyIDQuMTAwNTlDMTIgNC42NTA1OSAxMi40NSA1LjEwMDU5IDEzIDUuMTAwNTlIMjBWMTkuMTAwNloiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==");
   --str-video__icon--magnifier-glass: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQ4NDkxIDcuODYwM0g3Ljk1NTk3TDcuNzY4NSA3LjY3OTUyQzguNTcxOTUgNi43NDIxNiA4Ljk4NzA2IDUuNDYzMzQgOC43NTk0MiA0LjEwNDE4QzguNDQ0NzMgMi4yNDI4NSA2Ljg5MTQgMC43NTY0NzQgNS4wMTY2OSAwLjUyODgzQzIuMTg0NTMgMC4xODA2NjkgLTAuMTk5MDMxIDIuNTY0MjMgMC4xNDkxMyA1LjM5NjM5QzAuMzc2Nzc0IDcuMjcxMSAxLjg2MzE1IDguODI0NDMgMy43MjQ0OCA5LjEzOTEyQzUuMDgzNjQgOS4zNjY3NiA2LjM2MjQ2IDguOTUxNjUgNy4yOTk4MiA4LjE0ODJMNy40ODA2IDguMzM1NjdWOC44NjQ2MUwxMC4zMjYxIDExLjcxMDJDMTAuNjAwNyAxMS45ODQ3IDExLjA0OTIgMTEuOTg0NyAxMS4zMjM4IDExLjcxMDJDMTEuNTk4MyAxMS40MzU2IDExLjU5ODMgMTAuOTg3IDExLjMyMzggMTAuNzEyNUw4LjQ4NDkxIDcuODYwM1pNNC40Njc2NiA3Ljg2MDNDMi44MDA1MSA3Ljg2MDMgMS40NTQ3MyA2LjUxNDUyIDEuNDU0NzMgNC44NDczNkMxLjQ1NDczIDMuMTgwMjEgMi44MDA1MSAxLjgzNDQzIDQuNDY3NjYgMS44MzQ0M0M2LjEzNDgyIDEuODM0NDMgNy40ODA2IDMuMTgwMjEgNy40ODA2IDQuODQ3MzZDNy40ODA2IDYuNTE0NTIgNi4xMzQ4MiA3Ljg2MDMgNC40Njc2NiA3Ljg2MDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
-  --str-video__icon--mic: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE0Ljg5NDdDMTMuODk3MSAxNC44OTQ3IDE1LjQyODYgMTMuMzQzMiAxNS40Mjg2IDExLjQyMTFWNC40NzM2OEMxNS40Mjg2IDIuNTUxNTggMTMuODk3MSAxIDEyIDFDMTAuMTAyOSAxIDguNTcxNDMgMi41NTE1OCA4LjU3MTQzIDQuNDczNjhWMTEuNDIxMUM4LjU3MTQzIDEzLjM0MzIgMTAuMTAyOSAxNC44OTQ3IDEyIDE0Ljg5NDdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuNzE0MyAxMS40MjExQzE3LjcxNDMgMTQuNjE2OCAxNS4xNTQzIDE3LjIxMDUgMTIgMTcuMjEwNUM4Ljg0NTcxIDE3LjIxMDUgNi4yODU3MSAxNC42MTY4IDYuMjg1NzEgMTEuNDIxMUg0QzQgMTUuNTA4NCA2Ljk4Mjg2IDE4Ljg2NjMgMTAuODU3MSAxOS40MzM3VjIzSDEzLjE0MjlWMTkuNDMzN0MxNy4wMTcxIDE4Ljg2NjMgMjAgMTUuNTA4NCAyMCAxMS40MjExSDE3LjcxNDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
-  --str-video__icon--mic-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljc3NzggMTEuNDIxMUgxNy44ODg5QzE3Ljg4ODkgMTIuMjc3OSAxNy43MTExIDEzLjA3NjggMTcuNDExMSAxMy43OTQ3TDE4Ljc3NzggMTUuMjE4OUMxOS40IDE0LjA4NDIgMTkuNzc3OCAxMi43OTg5IDE5Ljc3NzggMTEuNDIxMVpNMTUuMzExMSAxMS42MTc5QzE1LjMxMTEgMTEuNTQ4NCAxNS4zMzMzIDExLjQ5MDUgMTUuMzMzMyAxMS40MjExVjQuNDczNjhDMTUuMzMzMyAyLjU1MTU4IDEzLjg0NDQgMSAxMiAxQzEwLjE1NTYgMSA4LjY2NjY3IDIuNTUxNTggOC42NjY2NyA0LjQ3MzY4VjQuNjgyMTFMMTUuMzExMSAxMS42MTc5Wk0zLjQxMTExIDIuMTU3ODlMMiAzLjYyODQyTDguNjc3NzggMTAuNTg3NFYxMS40MjExQzguNjc3NzggMTMuMzQzMiAxMC4xNTU2IDE0Ljg5NDcgMTIgMTQuODk0N0MxMi4yNDQ0IDE0Ljg5NDcgMTIuNDg4OSAxNC44NiAxMi43MjIyIDE0LjgwMjFMMTQuNTY2NyAxNi43MjQyQzEzLjc3NzggMTcuMTA2MyAxMi45IDE3LjMyNjMgMTIgMTcuMzI2M0M4LjkzMzMzIDE3LjMyNjMgNi4xMTExMSAxNC44OTQ3IDYuMTExMTEgMTEuNDIxMUg0LjIyMjIyQzQuMjIyMjIgMTUuMzY5NSA3LjI0NDQ0IDE4LjYzNDcgMTAuODg4OSAxOS4yMDIxVjIzSDEzLjExMTFWMTkuMjAyMUMxNC4xMjIyIDE5LjA1MTYgMTUuMDc3OCAxOC42ODExIDE1LjkzMzMgMTguMTZMMjAuNTg4OSAyM0wyMiAyMS41Mjk1TDMuNDExMTEgMi4xNTc4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--network-quality: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC41IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI2IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CjxwYXRoIGQ9Ik0xMiAxNi41TDEyIDExLjUiIHN0cm9rZT0iIzAwNkNGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcgMTYuNUw3IDE0LjUiIHN0cm9rZT0iIzAwNkNGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3IDE2LjVMMTcgOC41IiBzdHJva2U9IiMwMDZDRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
-  --str-video__icon--participants: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yMS4zMzc1IDE2LjM5OTZDMjMuMDUgMTcuNTI1OCAyNC4yNSAxOS4wNTE2IDI0LjI1IDIxLjA4NTlWMjQuNzE4OEgyOS4yNVYyMS4wODU5QzI5LjI1IDE4LjQ0NjEgMjQuNzg3NSAxNi44ODQgMjEuMzM3NSAxNi4zOTk2WiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0xOS4yNSAxNS4wMzEyQzIyLjAxMjUgMTUuMDMxMiAyNC4yNSAxMi44NjM3IDI0LjI1IDEwLjE4NzVDMjQuMjUgNy41MTEzMyAyMi4wMTI1IDUuMzQzNzUgMTkuMjUgNS4zNDM3NUMxOC42NjI1IDUuMzQzNzUgMTguMTEyNSA1LjQ2NDg0IDE3LjU4NzUgNS42MzQzN0MxOC42MjUgNi44ODE2NCAxOS4yNSA4LjQ2Nzk3IDE5LjI1IDEwLjE4NzVDMTkuMjUgMTEuOTA3IDE4LjYyNSAxMy40OTM0IDE3LjU4NzUgMTQuNzQwNkMxOC4xMTI1IDE0LjkxMDIgMTguNjYyNSAxNS4wMzEyIDE5LjI1IDE1LjAzMTJaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPHBhdGggZD0iTTExLjc1IDE1LjAzMTJDMTQuNTEyNSAxNS4wMzEyIDE2Ljc1IDEyLjg2MzcgMTYuNzUgMTAuMTg3NUMxNi43NSA3LjUxMTMzIDE0LjUxMjUgNS4zNDM3NSAxMS43NSA1LjM0Mzc1QzguOTg3NSA1LjM0Mzc1IDYuNzUgNy41MTEzMyA2Ljc1IDEwLjE4NzVDNi43NSAxMi44NjM3IDguOTg3NSAxNS4wMzEyIDExLjc1IDE1LjAzMTJaTTExLjc1IDcuNzY1NjJDMTMuMTI1IDcuNzY1NjIgMTQuMjUgOC44NTU0NyAxNC4yNSAxMC4xODc1QzE0LjI1IDExLjUxOTUgMTMuMTI1IDEyLjYwOTQgMTEuNzUgMTIuNjA5NEMxMC4zNzUgMTIuNjA5NCA5LjI1IDExLjUxOTUgOS4yNSAxMC4xODc1QzkuMjUgOC44NTU0NyAxMC4zNzUgNy43NjU2MiAxMS43NSA3Ljc2NTYyWiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik0xMS43NSAxNi4yNDIyQzguNDEyNSAxNi4yNDIyIDEuNzUgMTcuODY0OCAxLjc1IDIxLjA4NTlWMjQuNzE4OEgyMS43NVYyMS4wODU5QzIxLjc1IDE3Ljg2NDggMTUuMDg3NSAxNi4yNDIyIDExLjc1IDE2LjI0MjJaTTE5LjI1IDIyLjI5NjlINC4yNVYyMS4wOThDNC41IDIwLjIyNjIgOC4zNzUgMTguNjY0MSAxMS43NSAxOC42NjQxQzE1LjEyNSAxOC42NjQxIDE5IDIwLjIyNjIgMTkuMjUgMjEuMDg1OVYyMi4yOTY5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
-  --str-video__icon--reactions: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjM3NSAxMS4zMjAzQzE4LjQxMDUgMTEuMzIwMyAxOS4yNSAxMC41MDcxIDE5LjI1IDkuNTAzOTFDMTkuMjUgOC41MDA3MyAxOC40MTA1IDcuNjg3NSAxNy4zNzUgNy42ODc1QzE2LjMzOTUgNy42ODc1IDE1LjUgOC41MDA3MyAxNS41IDkuNTAzOTFDMTUuNSAxMC41MDcxIDE2LjMzOTUgMTEuMzIwMyAxNy4zNzUgMTEuMzIwM1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjYyNSAxMS4zMjAzQzkuNjYwNTMgMTEuMzIwMyAxMC41IDEwLjUwNzEgMTAuNSA5LjUwMzkxQzEwLjUgOC41MDA3MyA5LjY2MDUzIDcuNjg3NSA4LjYyNSA3LjY4NzVDNy41ODk0NyA3LjY4NzUgNi43NSA4LjUwMDczIDYuNzUgOS41MDM5MUM2Ljc1IDEwLjUwNzEgNy41ODk0NyAxMS4zMjAzIDguNjI1IDExLjMyMDNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMgMTkuNzk2OUMxNS44NSAxOS43OTY5IDE4LjI3NSAxNy43ODY3IDE5LjI1IDE0Ljk1MzFINi43NUM3LjcyNSAxNy43ODY3IDEwLjE1IDE5Ljc5NjkgMTMgMTkuNzk2OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMi45ODc1IDAuNDIxODc1QzYuMDg3NSAwLjQyMTg3NSAwLjUgNS44NDY4OCAwLjUgMTIuNTMxMkMwLjUgMTkuMjE1NiA2LjA4NzUgMjQuNjQwNiAxMi45ODc1IDI0LjY0MDZDMTkuOSAyNC42NDA2IDI1LjUgMTkuMjE1NiAyNS41IDEyLjUzMTJDMjUuNSA1Ljg0Njg4IDE5LjkgMC40MjE4NzUgMTIuOTg3NSAwLjQyMTg3NVpNMTMgMjIuMjE4OEM3LjQ3NSAyMi4yMTg4IDMgMTcuODgzNiAzIDEyLjUzMTJDMyA3LjE3ODkxIDcuNDc1IDIuODQzNzUgMTMgMi44NDM3NUMxOC41MjUgMi44NDM3NSAyMyA3LjE3ODkxIDIzIDEyLjUzMTJDMjMgMTcuODgzNiAxOC41MjUgMjIuMjE4OCAxMyAyMi4yMTg4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
-  --str-video__icon--recording-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDAuNDIxODc1QzYuMSAwLjQyMTg3NSAwLjUgNS44NDY4OCAwLjUgMTIuNTMxMkMwLjUgMTkuMjE1NiA2LjEgMjQuNjQwNiAxMyAyNC42NDA2QzE5LjkgMjQuNjQwNiAyNS41IDE5LjIxNTYgMjUuNSAxMi41MzEyQzI1LjUgNS44NDY4OCAxOS45IDAuNDIxODc1IDEzIDAuNDIxODc1Wk0xMyAyMi4yMTg4QzcuNDc1IDIyLjIxODggMyAxNy44ODM2IDMgMTIuNTMxMkMzIDcuMTc4OTEgNy40NzUgMi44NDM3NSAxMyAyLjg0Mzc1QzE4LjUyNSAyLjg0Mzc1IDIzIDcuMTc4OTEgMjMgMTIuNTMxMkMyMyAxNy44ODM2IDE4LjUyNSAyMi4yMTg4IDEzIDIyLjIxODhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMgMTguNTg1OUMxNi40NTE4IDE4LjU4NTkgMTkuMjUgMTUuODc1MiAxOS4yNSAxMi41MzEyQzE5LjI1IDkuMTg3MzQgMTYuNDUxOCA2LjQ3NjU2IDEzIDYuNDc2NTZDOS41NDgyMiA2LjQ3NjU2IDYuNzUgOS4xODczNCA2Ljc1IDEyLjUzMTJDNi43NSAxNS44NzUyIDkuNTQ4MjIgMTguNTg1OSAxMyAxOC41ODU5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
-  --str-video__icon--recording-on: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDAuNDIxODc1QzYuMSAwLjQyMTg3NSAwLjUgNS44NDY4OCAwLjUgMTIuNTMxMkMwLjUgMTkuMjE1NiA2LjEgMjQuNjQwNiAxMyAyNC42NDA2QzE5LjkgMjQuNjQwNiAyNS41IDE5LjIxNTYgMjUuNSAxMi41MzEyQzI1LjUgNS44NDY4OCAxOS45IDAuNDIxODc1IDEzIDAuNDIxODc1Wk0xMyAyMi4yMTg4QzcuNDc1IDIyLjIxODggMyAxNy44ODM2IDMgMTIuNTMxMkMzIDcuMTc4OTEgNy40NzUgMi44NDM3NSAxMyAyLjg0Mzc1QzE4LjUyNSAyLjg0Mzc1IDIzIDcuMTc4OTEgMjMgMTIuNTMxMkMyMyAxNy44ODM2IDE4LjUyNSAyMi4yMTg4IDEzIDIyLjIxODhaIiBmaWxsPSIjZDkzMDI1Ii8+CjxwYXRoIGQ9Ik0xMyAxOC41ODU5QzE2LjQ1MTggMTguNTg1OSAxOS4yNSAxNS44NzUyIDE5LjI1IDEyLjUzMTJDMTkuMjUgOS4xODczNCAxNi40NTE4IDYuNDc2NTYgMTMgNi40NzY1NkM5LjU0ODIyIDYuNDc2NTYgNi43NSA5LjE4NzM0IDYuNzUgMTIuNTMxMkM2Ljc1IDE1Ljg3NTIgOS41NDgyMiAxOC41ODU5IDEzIDE4LjU4NTlaIiBmaWxsPSIjZDkzMDI1Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--mediation: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Im1lZGlhdGlvbiI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNS4wOTEyIDEwLjgzNDJIMTAuODc0NUMxMC41OTEyIDEzLjQxNzYgOC45OTEyIDE1LjYwMDkgNi43NTc4NiAxNi43MDkyQzYuNzMyODYgMTguMjE3NiA1LjM3NDUzIDE5LjQwMDkgMy43OTk1MyAxOS4xMjU5QzIuNzk5NTMgMTguOTUwOSAxLjk3NDUzIDE4LjEyNTkgMS43OTk1MyAxNy4xMjU5QzEuNTE2MiAxNS41NDI2IDIuNzI0NTMgMTQuMTY3NiA0LjI1Nzg2IDE0LjE2NzZDNS4wNDk1MyAxNC4xNjc2IDUuNzQxMiAxNC41NDI2IDYuMTk5NTMgMTUuMTE3NkM3Ljc4Mjg2IDE0LjI1OTIgOC45MTYyIDEyLjY5MjYgOS4xODI4NiAxMC44MzQySDYuNTk5NTNDNi4xOTk1MyAxMS45NTA5IDUuMDQ5NTMgMTIuNzAwOSAzLjc0OTUzIDEyLjQ1MDlDMi43NjYyIDEyLjI1OTIgMS45NzQ1MyAxMS40NTA5IDEuNzkxMiAxMC40Njc2QzEuNTA3ODYgOC44ODQyMyAyLjcyNDUzIDcuNTAwOSA0LjI1Nzg2IDcuNTAwOUM1LjM0MTIgNy41MDA5IDYuMjU3ODYgOC4yMDA5IDYuNjA3ODYgOS4xNjc1Nkg5LjE5MTJDOC45MjQ1MyA3LjMwOTIzIDcuNzgyODYgNS43NTA5IDYuMTk5NTMgNC44ODQyM0M1LjY2NjIgNS41NTA5IDQuODA3ODYgNS45NTA5IDMuODU3ODYgNS44MDA5QzIuODMyODYgNS42NDI1NiAxLjk3NDUzIDQuODA5MjMgMS43OTk1MyAzLjc4NDIzQzEuNTI0NTMgMi4yMDkyMyAyLjczMjg2IDAuODM0MjI5IDQuMjU3ODYgMC44MzQyMjlDNS42MjQ1MyAwLjgzNDIyOSA2LjcyNDUzIDEuOTI1OSA2Ljc0OTUzIDMuMjkyNTZDOC45ODI4NiA0LjQwMDkgMTAuNTgyOSA2LjU4NDIzIDEwLjg2NjIgOS4xNjc1NkgxNS4wOTEyVjcuNjc1OUMxNS4wOTEyIDcuMzAwOSAxNS41NDEyIDcuMTE3NTYgMTUuNzk5NSA3LjM4NDIzTDE4LjEyNDUgOS43MDkyM0MxOC4yOTEyIDkuODc1ODkgMTguMjkxMiAxMC4xMzQyIDE4LjEyNDUgMTAuMzAwOUwxNS43OTk1IDEyLjYyNTlDMTUuNTQxMiAxMi44ODQyIDE1LjA5MTIgMTIuNzAwOSAxNS4wOTEyIDEyLjMyNTlWMTAuODM0MloiIGZpbGw9IiNFM0U0RTUiLz4KPC9nPgo8L3N2Zz4K");
+  --str-video__icon--mic: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk5OSAxNC41QzEzLjY1OSAxNC41IDE0Ljk5OSAxMy4xNiAxNC45OTkgMTEuNVY1LjVDMTQuOTk5IDMuODQgMTMuNjU5IDIuNSAxMS45OTkgMi41QzEwLjMzOSAyLjUgOC45OTkwMSAzLjg0IDguOTk5MDEgNS41VjExLjVDOC45OTkwMSAxMy4xNiAxMC4zMzkgMTQuNSAxMS45OTkgMTQuNVpNMTcuOTA5IDExLjVDMTcuNDE5IDExLjUgMTcuMDA5IDExLjg2IDE2LjkyOSAxMi4zNUMxNi41MTkgMTQuNyAxNC40NjkgMTYuNSAxMS45OTkgMTYuNUM5LjUyOTAxIDE2LjUgNy40NzkwMSAxNC43IDcuMDY5MDEgMTIuMzVDNi45ODkwMSAxMS44NiA2LjU3OTAxIDExLjUgNi4wODkwMSAxMS41QzUuNDc5MDEgMTEuNSA0Ljk5OTAxIDEyLjA0IDUuMDg5MDEgMTIuNjRDNS41NzkwMSAxNS42NCA3Ljk3OTAxIDE3Ljk5IDEwLjk5OSAxOC40MlYyMC41QzEwLjk5OSAyMS4wNSAxMS40NDkgMjEuNSAxMS45OTkgMjEuNUMxMi41NDkgMjEuNSAxMi45OTkgMjEuMDUgMTIuOTk5IDIwLjVWMTguNDJDMTYuMDE5IDE3Ljk5IDE4LjQxOSAxNS42NCAxOC45MDkgMTIuNjRDMTkuMDA5IDEyLjA0IDE4LjUxOSAxMS41IDE3LjkwOSAxMS41WiIgZmlsbD0iI0IwQjRCNyIvPgo8L3N2Zz4K");
+  --str-video__icon--mic-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE0LjkyMDQgMTEuMVY1LjVDMTQuOTIwNCAzLjg0IDEzLjU4MDQgMi41IDExLjkyMDQgMi41QzEwLjM4MDQgMi41IDkuMTMwMzkgMy42NiA4Ljk2MDM5IDUuMTVMMTQuOTIwNCAxMS4xWk0xOC4wMDA0IDExLjVDMTcuNTkwNCAxMS41IDE3LjIzMDQgMTEuOCAxNy4xNzA0IDEyLjIxQzE3LjEyMDQgMTIuNTMgMTcuMDUwNCAxMi44NSAxNi45NTA0IDEzLjE0TDE4LjIyMDQgMTQuNDFDMTguNTIwNCAxMy44MSAxOC43NDA0IDEzLjE2IDE4Ljg1MDQgMTIuNDdDMTguOTIwNCAxMS45NiAxOC41MjA0IDExLjUgMTguMDAwNCAxMS41Wk0zLjYzMDM5IDQuMDZDMy4yNDAzOSA0LjQ1IDMuMjQwMzkgNS4wOCAzLjYzMDM5IDUuNDdMOC45MjAzOSAxMC43N1YxMS4yQzguOTIwMzkgMTIuMzkgOS41MjAzOSAxMy41MiAxMC41NTA0IDE0LjExQzExLjMwMDQgMTQuNTQgMTEuOTYwNCAxNC41NSAxMi41NzA0IDE0LjQyTDE0LjIzMDQgMTYuMDhDMTMuNTIwNCAxNi40MSAxMi43MzA0IDE2LjYgMTEuOTIwNCAxNi42QzkuMzgwMzkgMTYuNiA3LjA0MDM5IDE0LjgzIDYuNjcwMzkgMTIuMjFDNi42MTAzOSAxMS44IDYuMjUwMzkgMTEuNSA1Ljg0MDM5IDExLjVDNS4zMjAzOSAxMS41IDQuOTIwMzkgMTEuOTYgNC45OTAzOSAxMi40N0M1LjQ1MDM5IDE1LjQzIDcuOTUwMzkgMTcuNzcgMTAuOTIwNCAxOC4yMlYyMC41QzEwLjkyMDQgMjEuMDUgMTEuMzcwNCAyMS41IDExLjkyMDQgMjEuNUMxMi40NzA0IDIxLjUgMTIuOTIwNCAyMS4wNSAxMi45MjA0IDIwLjVWMTguMjJDMTMuODMwNCAxOC4wOSAxNC42OTA0IDE3Ljc3IDE1LjQ3MDQgMTcuMzJMMTguOTYwNCAyMC44MUMxOS4zNTA0IDIxLjIgMTkuOTgwNCAyMS4yIDIwLjM3MDQgMjAuODFDMjAuNzYwNCAyMC40MiAyMC43NjA0IDE5Ljc5IDIwLjM3MDQgMTkuNEw1LjA0MDM5IDQuMDZDNC42NTAzOSAzLjY3IDQuMDIwMzkgMy42NyAzLjYzMDM5IDQuMDZaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--more: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEyIDhDMTMuMSA4IDE0IDcuMSAxNCA2QzE0IDQuOSAxMy4xIDQgMTIgNEMxMC45IDQgMTAgNC45IDEwIDZDMTAgNy4xIDEwLjkgOCAxMiA4Wk0xMiAxMEMxMC45IDEwIDEwIDEwLjkgMTAgMTJDMTAgMTMuMSAxMC45IDE0IDEyIDE0QzEzLjEgMTQgMTQgMTMuMSAxNCAxMkMxNCAxMC45IDEzLjEgMTAgMTIgMTBaTTEyIDE2QzEwLjkgMTYgMTAgMTYuOSAxMCAxOEMxMCAxOS4xIDEwLjkgMjAgMTIgMjBDMTMuMSAyMCAxNCAxOS4xIDE0IDE4QzE0IDE2LjkgMTMuMSAxNiAxMiAxNloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K");
+  --str-video__icon--network-quality: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNCA5LjJINi42QzcuMzcgOS4yIDggOS44MyA4IDEwLjZWMTcuNkM4IDE4LjM3IDcuMzcgMTkgNi42IDE5SDYuNEM1LjYzIDE5IDUgMTguMzcgNSAxNy42VjEwLjZDNSA5LjgzIDUuNjMgOS4yIDYuNCA5LjJaTTEyIDVDMTIuNzcgNSAxMy40IDUuNjMgMTMuNCA2LjRWMTcuNkMxMy40IDE4LjM3IDEyLjc3IDE5IDEyIDE5QzExLjIzIDE5IDEwLjYgMTguMzcgMTAuNiAxNy42VjYuNEMxMC42IDUuNjMgMTEuMjMgNSAxMiA1Wk0xNy42IDEzQzE4LjM3IDEzIDE5IDEzLjYzIDE5IDE0LjRWMTcuNkMxOSAxOC4zNyAxOC4zNyAxOSAxNy42IDE5QzE2LjgzIDE5IDE2LjIgMTguMzcgMTYuMiAxNy42VjE0LjRDMTYuMiAxMy42MyAxNi44MyAxMyAxNy42IDEzWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K");
+  --str-video__icon--participants: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE2IDExQzE3LjY2IDExIDE4Ljk5IDkuNjYgMTguOTkgOEMxOC45OSA2LjM0IDE3LjY2IDUgMTYgNUMxNC4zNCA1IDEzIDYuMzQgMTMgOEMxMyA5LjY2IDE0LjM0IDExIDE2IDExWk04IDExQzkuNjYgMTEgMTAuOTkgOS42NiAxMC45OSA4QzEwLjk5IDYuMzQgOS42NiA1IDggNUM2LjM0IDUgNSA2LjM0IDUgOEM1IDkuNjYgNi4zNCAxMSA4IDExWk04IDEzQzUuNjcgMTMgMSAxNC4xNyAxIDE2LjVWMThDMSAxOC41NSAxLjQ1IDE5IDIgMTlIMTRDMTQuNTUgMTkgMTUgMTguNTUgMTUgMThWMTYuNUMxNSAxNC4xNyAxMC4zMyAxMyA4IDEzWk0xNiAxM0MxNS43MSAxMyAxNS4zOCAxMy4wMiAxNS4wMyAxMy4wNUMxNS4wNSAxMy4wNiAxNS4wNiAxMy4wOCAxNS4wNyAxMy4wOUMxNi4yMSAxMy45MiAxNyAxNS4wMyAxNyAxNi41VjE4QzE3IDE4LjM1IDE2LjkzIDE4LjY5IDE2LjgyIDE5SDIyQzIyLjU1IDE5IDIzIDE4LjU1IDIzIDE4VjE2LjVDMjMgMTQuMTcgMTguMzMgMTMgMTYgMTNaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--person-add: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBlcnNvbl9hZGRfYWx0Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguOTc3NDIgOC42NDg1QzcuOTk3NDIgOC4xNDY4MyA2LjcyNTc1IDcuNzM4NSA1LjI0OTkyIDcuNzM4NUMzLjc3NDA5IDcuNzM4NSAyLjUwMjQyIDguMTQ2ODMgMS41MjI0MiA4LjY0ODVDMC45MzkwODUgOC45NDYgMC41ODMyNTIgOS41NDY4MyAwLjU4MzI1MiAxMC4yMDAyVjExLjgyMThIOS45MTY1OVYxMC4yMDAyQzkuOTE2NTkgOS41NDY4MyA5LjU2MDc1IDguOTQ2IDguOTc3NDIgOC42NDg1Wk01LjI0OTkyIDcuMTU1MTZDNi41MzkwOSA3LjE1NTE2IDcuNTgzMjUgNi4xMTEgNy41ODMyNSA0LjgyMTgzQzcuNTgzMjUgMy41MzI2NiA2LjUzOTA5IDIuNDg4NDkgNS4yNDk5MiAyLjQ4ODQ5QzMuOTYwNzUgMi40ODg0OSAyLjkxNjU5IDMuNTMyNjYgMi45MTY1OSA0LjgyMTgzQzIuOTE2NTkgNi4xMTEgMy45NjA3NSA3LjE1NTE2IDUuMjQ5OTIgNy4xNTUxNlpNMTEuNjY2NiA1LjQwNTE2VjQuMjM4NDlDMTEuNjY2NiAzLjkxNzY2IDExLjQwNDEgMy42NTUxNiAxMS4wODMzIDMuNjU1MTZDMTAuNzYyNCAzLjY1NTE2IDEwLjQ5OTkgMy45MTc2NiAxMC40OTk5IDQuMjM4NDlWNS40MDUxNkg5LjMzMzI1QzkuMDEyNDIgNS40MDUxNiA4Ljc0OTkyIDUuNjY3NjYgOC43NDk5MiA1Ljk4ODVDOC43NDk5MiA2LjMwOTMzIDkuMDEyNDIgNi41NzE4MyA5LjMzMzI1IDYuNTcxODNIMTAuNDk5OVY3LjczODVDMTAuNDk5OSA4LjA1OTMzIDEwLjc2MjQgOC4zMjE4MyAxMS4wODMzIDguMzIxODNDMTEuNDA0MSA4LjMyMTgzIDExLjY2NjYgOC4wNTkzMyAxMS42NjY2IDcuNzM4NVY2LjU3MTgzSDEyLjgzMzNDMTMuMTU0MSA2LjU3MTgzIDEzLjQxNjYgNi4zMDkzMyAxMy40MTY2IDUuOTg4NUMxMy40MTY2IDUuNjY3NjYgMTMuMTU0MSA1LjQwNTE2IDEyLjgzMzMgNS40MDUxNkgxMS42NjY2WiIgZmlsbD0iI0UzRTRFNSIvPgo8L2c+Cjwvc3ZnPgo=");
+  --str-video__icon--qr-code: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMjA3MDMgNi4wNTg5M1Y4LjgwODkzSDYuNDU3MDNWNi4wNTg5M0g5LjIwNzAzWk0xMC41ODIgNC42ODM5M0g1LjA4MjAzVjEwLjE4MzlIMTAuNTgyVjQuNjgzOTNaTTkuMjA3MDMgMTMuMzkyM1YxNi4xNDIzSDYuNDU3MDNWMTMuMzkyM0g5LjIwNzAzWk0xMC41ODIgMTIuMDE3M0g1LjA4MjAzVjE3LjUxNzNIMTAuNTgyVjEyLjAxNzNaTTE2LjU0MDQgNi4wNTg5M1Y4LjgwODkzSDEzLjc5MDRWNi4wNTg5M0gxNi41NDA0Wk0xNy45MTU0IDQuNjgzOTNIMTIuNDE1NFYxMC4xODM5SDE3LjkxNTRWNC42ODM5M1pNMTIuNDE1NCAxMi4wMTczSDEzLjc5MDRWMTMuMzkyM0gxMi40MTU0VjEyLjAxNzNaTTEzLjc5MDQgMTMuMzkyM0gxNS4xNjU0VjE0Ljc2NzNIMTMuNzkwNFYxMy4zOTIzWk0xNS4xNjU0IDEyLjAxNzNIMTYuNTQwNFYxMy4zOTIzSDE1LjE2NTRWMTIuMDE3M1pNMTIuNDE1NCAxNC43NjczSDEzLjc5MDRWMTYuMTQyM0gxMi40MTU0VjE0Ljc2NzNaTTEzLjc5MDQgMTYuMTQyM0gxNS4xNjU0VjE3LjUxNzNIMTMuNzkwNFYxNi4xNDIzWk0xNS4xNjU0IDE0Ljc2NzNIMTYuNTQwNFYxNi4xNDIzSDE1LjE2NTRWMTQuNzY3M1pNMTYuNTQwNCAxMy4zOTIzSDE3LjkxNTRWMTQuNzY3M0gxNi41NDA0VjEzLjM5MjNaTTE2LjU0MDQgMTYuMTQyM0gxNy45MTU0VjE3LjUxNzNIMTYuNTQwNFYxNi4xNDIzWk0yMC42NjU0IDYuNTE3MjZIMTguODMyVjMuNzY3MjZIMTYuMDgyVjEuOTMzOTNIMjAuNjY1NFY2LjUxNzI2Wk0yMC42NjU0IDIwLjI2NzNWMTUuNjgzOUgxOC44MzJWMTguNDMzOUgxNi4wODJWMjAuMjY3M0gyMC42NjU0Wk0yLjMzMjAzIDIwLjI2NzNINi45MTUzNlYxOC40MzM5SDQuMTY1MzZWMTUuNjgzOUgyLjMzMjAzVjIwLjI2NzNaTTIuMzMyMDMgMS45MzM5M1Y2LjUxNzI2SDQuMTY1MzZWMy43NjcyNkg2LjkxNTM2VjEuOTMzOTNIMi4zMzIwM1oiIGZpbGw9IiNGQUZBRkEiLz4KPC9zdmc+Cg==");
+  --str-video__icon--reactions: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzIDQuNUMyMyA1LjA1IDIyLjU1IDUuNSAyMiA1LjVIMjFWNi41QzIxIDcuMDUgMjAuNTUgNy41IDIwIDcuNUMxOS40NSA3LjUgMTkgNy4wNSAxOSA2LjVWNS41SDE4QzE3LjQ1IDUuNSAxNyA1LjA1IDE3IDQuNUMxNyAzLjk1IDE3LjQ1IDMuNSAxOCAzLjVIMTlWMi41QzE5IDEuOTUgMTkuNDUgMS41IDIwIDEuNUMyMC41NSAxLjUgMjEgMS45NSAyMSAyLjVWMy41SDIyQzIyLjU1IDMuNSAyMyAzLjk1IDIzIDQuNVpNMjAuNTIgOS40NUMyMC44MyAxMC40MSAyMSAxMS40NCAyMSAxMi41QzIxIDE4LjAyIDE2LjUyIDIyLjUgMTEgMjIuNUM1LjQ4IDIyLjUgMSAxOC4wMiAxIDEyLjVDMSA2Ljk4IDUuNDggMi41IDExIDIuNUMxMi41IDIuNSAxMy45MiAyLjg0IDE1LjIgMy40NEMxNS4wOCAzLjc3IDE1IDQuMTIgMTUgNC41QzE1IDUuODUgMTUuOSA3IDE3LjEzIDcuMzdDMTcuNSA4LjYgMTguNjUgOS41IDIwIDkuNUMyMC4xOCA5LjUgMjAuMzUgOS40OCAyMC41MiA5LjQ1Wk02IDEwQzYgMTAuODMgNi42NyAxMS41IDcuNSAxMS41QzguMzMgMTEuNSA5IDEwLjgzIDkgMTBDOSA5LjE3IDguMzMgOC41IDcuNSA4LjVDNi42NyA4LjUgNiA5LjE3IDYgMTBaTTE1LjMxIDE0LjVINi42OUM2LjMxIDE0LjUgNi4wNiAxNC45MiA2LjI1IDE1LjI1QzcuMiAxNi44OSA4Ljk3IDE4IDExIDE4QzEzLjAzIDE4IDE0LjggMTYuODkgMTUuNzUgMTUuMjVDMTUuOTQgMTQuOTIgMTUuNyAxNC41IDE1LjMxIDE0LjVaTTE2IDEwQzE2IDkuMTcgMTUuMzMgOC41IDE0LjUgOC41QzEzLjY3IDguNSAxMyA5LjE3IDEzIDEwQzEzIDEwLjgzIDEzLjY3IDExLjUgMTQuNSAxMS41QzE1LjMzIDExLjUgMTYgMTAuODMgMTYgMTBaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--recording-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTEyIDIwQzcuNTggMjAgNCAxNi40MiA0IDEyQzQgNy41OCA3LjU4IDQgMTIgNEMxNi40MiA0IDIwIDcuNTggMjAgMTJDMjAgMTYuNDIgMTYuNDIgMjAgMTIgMjBaIiBmaWxsPSIjQjBCNEI3Ii8+CjxwYXRoIGQ9Ik0xMiAxN0MxNC43NjE0IDE3IDE3IDE0Ljc2MTQgMTcgMTJDMTcgOS4yMzg1OCAxNC43NjE0IDcgMTIgN0M5LjIzODU4IDcgNyA5LjIzODU4IDcgMTJDNyAxNC43NjE0IDkuMjM4NTggMTcgMTIgMTdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9nPgo8L3N2Zz4K");
+  --str-video__icon--recording-on: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41MiAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNMTMgMTRIN0M2LjQ1IDE0IDYgMTMuNTUgNiAxM1Y3QzYgNi40NSA2LjQ1IDYgNyA2SDEzQzEzLjU1IDYgMTQgNi40NSAxNCA3VjEzQzE0IDEzLjU1IDEzLjU1IDE0IDEzIDE0WiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K");
   --str-video__icon--refresh: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTk2MCAwdjIxMy4zMzNjNDExLjYyNyAwIDc0Ni42NjcgMzM0LjkzNCA3NDYuNjY3IDc0Ni42NjdTMTM3MS42MjcgMTcwNi42NjcgOTYwIDE3MDYuNjY3IDIxMy4zMzMgMTM3MS43MzMgMjEzLjMzMyA5NjBjMC0xOTcuMDEzIDc4LjQtMzgyLjUwNyAyMTMuMzM0LTUyMC43NDd2MjU0LjA4SDY0MFYxMDYuNjY3SDUzLjMzM1YzMjBoMTkxLjA0Qzg4LjY0IDQ5NC4wOCAwIDcyMC45NiAwIDk2MGMwIDUyOS4yOCA0MzAuNjEzIDk2MCA5NjAgOTYwczk2MC00MzAuNzIgOTYwLTk2MFMxNDg5LjM4NyAwIDk2MCAwIi8+PC9zdmc+Cg==");
-  --str-video__icon--screen-share-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDE3Ljc5NjlDMjYuMzc1IDE3Ljc5NjkgMjcuNDg3NSAxNi43MDcgMjcuNDg3NSAxNS4zNzVMMjcuNSAzLjI2NTYyQzI3LjUgMS45MjE0OCAyNi4zNzUgMC44NDM3NSAyNSAwLjg0Mzc1SDVDMy42MTI1IDAuODQzNzUgMi41IDEuOTIxNDggMi41IDMuMjY1NjJWMTUuMzc1QzIuNSAxNi43MDcgMy42MTI1IDE3Ljc5NjkgNSAxNy43OTY5SDBWMjAuMjE4OEgzMFYxNy43OTY5SDI1Wk01IDE1LjM3NVYzLjI2NTYySDI1VjE1LjM4NzFMNSAxNS4zNzVaTTE2LjI1IDcuMDU1ODZDMTEuMzg3NSA3LjcwOTc3IDkuNDUgMTAuOTMwOSA4Ljc1IDE0LjE2NDFDMTAuNDg3NSAxMS44OTk2IDEyLjc3NSAxMC44NzAzIDE2LjI1IDEwLjg3MDNWMTMuNTIyM0wyMS4yNSA4Ljk5MzM2TDE2LjI1IDQuNDc2NTZWNy4wNTU4NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--screen-share-on: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDE3Ljc5NjlDMjYuMzc1IDE3Ljc5NjkgMjcuNDg3NSAxNi43MDcgMjcuNDg3NSAxNS4zNzVMMjcuNSAzLjI2NTYyQzI3LjUgMS45MjE0OCAyNi4zNzUgMC44NDM3NSAyNSAwLjg0Mzc1SDVDMy42MTI1IDAuODQzNzUgMi41IDEuOTIxNDggMi41IDMuMjY1NjJWMTUuMzc1QzIuNSAxNi43MDcgMy42MTI1IDE3Ljc5NjkgNSAxNy43OTY5SDBWMjAuMjE4OEgzMFYxNy43OTY5SDI1Wk01IDE1LjM3NVYzLjI2NTYySDI1VjE1LjM4NzFMNSAxNS4zNzVaTTE2LjI1IDcuMDU1ODZDMTEuMzg3NSA3LjcwOTc3IDkuNDUgMTAuOTMwOSA4Ljc1IDE0LjE2NDFDMTAuNDg3NSAxMS44OTk2IDEyLjc3NSAxMC44NzAzIDE2LjI1IDEwLjg3MDNWMTMuNTIyM0wyMS4yNSA4Ljk5MzM2TDE2LjI1IDQuNDc2NTZWNy4wNTU4NloiIGZpbGw9IiMwMDVGRkYiLz4KPC9zdmc+Cg==");
-  --str-video__icon--settings: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOS4xMTAzNSAxOS4xOTA0SDEwLjg4NTdDMTEuNjE1MiAxOS4xOTA0IDEyLjE4NjUgMTguNzQyMiAxMi4zNTM1IDE4LjA0NzlMMTIuNzEzOSAxNi40OTIyTDEyLjk0MjQgMTYuNDA0M0wxNC4yOTU5IDE3LjIzOTNDMTQuOTExMSAxNy42MjYgMTUuNjMxOCAxNy41MjkzIDE2LjE0MTYgMTcuMDEwN0wxNy4zNzIxIDE1Ljc4MDNDMTcuODk5NCAxNS4yNjE3IDE3Ljk4NzMgMTQuNTQxIDE3LjYwMDYgMTMuOTM0NkwxNi43NjU2IDEyLjU4OThMMTYuODQ0NyAxMi4zNzAxTDE4LjQwMDQgMTIuMDA5OEMxOS4wODU5IDExLjgzNCAxOS41NDMgMTEuMjYyNyAxOS41NDMgMTAuNTQyVjguODEwNTVDMTkuNTQzIDguMDg5ODQgMTkuMDk0NyA3LjUxODU1IDE4LjQwMDQgNy4zNDI3N0wxNi44NjIzIDYuOTczNjNMMTYuNzc0NCA2Ljc0NTEyTDE3LjYwOTQgNS40MDAzOUMxNy45OTYxIDQuNzkzOTUgMTcuODk5NCA0LjA4MjAzIDE3LjM4MDkgMy41NDU5TDE2LjE1MDQgMi4zMTU0M0MxNS42NDA2IDEuODA1NjYgMTQuOTE5OSAxLjcwODk4IDE0LjMxMzUgMi4wODY5MUwxMi45NiAyLjkxMzA5TDEyLjcxMzkgMi44MTY0MUwxMi4zNTM1IDEuMjYwNzRDMTIuMTg2NSAwLjU2NjQwNiAxMS42MTUyIDAuMTE4MTY0IDEwLjg4NTcgMC4xMTgxNjRIOS4xMTAzNUM4LjM3MjA3IDAuMTE4MTY0IDcuODA5NTcgMC41NjY0MDYgNy42NDI1OCAxLjI2MDc0TDcuMjgyMjMgMi44MTY0MUw3LjAzNjEzIDIuOTEzMDlMNS42ODI2MiAyLjA4NjkxQzUuMDY3MzggMS43MDg5OCA0LjM0NjY4IDEuODA1NjYgMy44MzY5MSAyLjMxNTQzTDIuNjA2NDUgMy41NDU5QzIuMDg3ODkgNC4wODIwMyAxLjk5MTIxIDQuNzkzOTUgMi4zNzc5MyA1LjQwMDM5TDMuMjIxNjggNi43NDUxMkwzLjEyNSA2Ljk3MzYzTDEuNTk1NyA3LjM0Mjc3QzAuODkyNTc4IDcuNTE4NTUgMC40NTMxMjUgOC4wODk4NCAwLjQ1MzEyNSA4LjgxMDU1VjEwLjU0MkMwLjQ1MzEyNSAxMS4yNjI3IDAuOTAxMzY3IDExLjgzNCAxLjU5NTcgMTIuMDA5OEwzLjE0MjU4IDEyLjM3MDFMMy4yMzA0NyAxMi41ODk4TDIuMzg2NzIgMTMuOTM0NkMyIDE0LjU0MSAyLjA5NjY4IDE1LjI2MTcgMi42MTUyMyAxNS43ODAzTDMuODQ1NyAxNy4wMTA3QzQuMzY0MjYgMTcuNTI5MyA1LjA4NDk2IDE3LjYyNiA1LjY5MTQxIDE3LjIzOTNMNy4wNDQ5MiAxNi40MDQzTDcuMjgyMjMgMTYuNDkyMkw3LjY0MjU4IDE4LjA0NzlDNy44MDk1NyAxOC43NDIyIDguMzcyMDcgMTkuMTkwNCA5LjExMDM1IDE5LjE5MDRaTTkuMzIxMjkgMTcuNTk5NkM5LjE3MTg4IDE3LjU5OTYgOS4xMDE1NiAxNy41MjkzIDkuMDc1MiAxNy4zOTc1TDguNTU2NjQgMTUuMjM1NEM3Ljk5NDE0IDE1LjEwMzUgNy40NjY4IDE0Ljg4MzggNy4wMzYxMyAxNC42MTEzTDUuMTM3NyAxNS43ODAzQzUuMDMyMjMgMTUuODUwNiA0LjkyNjc2IDE1Ljg0MTggNC44MTI1IDE1LjczNjNMMy44ODA4NiAxNC44MDQ3QzMuNzg0MTggMTQuNzA4IDMuNzc1MzkgMTQuNjAyNSAzLjg1NDQ5IDE0LjQ4ODNMNS4wMjM0NCAxMi41ODk4QzQuNzc3MzQgMTIuMTc2OCA0LjU0MDA0IDExLjY0OTQgNC40MDgyIDExLjA5NTdMMi4yMzczIDEwLjU3NzFDMi4xMDU0NyAxMC41NTA4IDIuMDQzOTUgMTAuNDgwNSAyLjA0Mzk1IDEwLjMzMTFWOS4wMTI3QzIuMDQzOTUgOC44NTQ0OSAyLjEwNTQ3IDguNzkyOTcgMi4yMzczIDguNzU3ODFMNC40MDgyIDguMjQ4MDVDNC41NDAwNCA3LjY1OTE4IDQuNzk0OTIgNy4xMTQyNiA1LjAwNTg2IDYuNzM2MzNMMy44NDU3IDQuODQ2NjhDMy43NjY2IDQuNzIzNjMgMy43NjY2IDQuNjE4MTYgMy44NzIwNyA0LjUxMjdMNC44MDM3MSAzLjU4OTg0QzQuOTE3OTcgMy40OTMxNiA1LjAwNTg2IDMuNDc1NTkgNS4xMzc3IDMuNTQ1OUw3LjAyNzM0IDQuNjk3MjdDNy40MjI4NSA0LjQ1OTk2IDguMDAyOTMgNC4yMTM4NyA4LjU1NjY0IDQuMDczMjRMOS4wNzUyIDEuOTExMTNDOS4xMDE1NiAxLjc3OTMgOS4xNzE4OCAxLjcwODk4IDkuMzIxMjkgMS43MDg5OEgxMC42NzQ4QzEwLjgyNDIgMS43MDg5OCAxMC44OTQ1IDEuNzcwNTEgMTAuOTEyMSAxLjkxMTEzTDExLjQzOTUgNC4wOTA4MkMxMi4wMTA3IDQuMjIyNjYgMTIuNTI5MyA0LjQ1OTk2IDEyLjk2IDQuNzA2MDVMMTQuODQ5NiAzLjU1NDY5QzE0Ljk4MTQgMy40ODQzOCAxNS4wNjkzIDMuNDkzMTYgMTUuMTc0OCAzLjU5ODYzTDE2LjExNTIgNC41MjE0OEMxNi4yMjA3IDQuNjE4MTYgMTYuMjIwNyA0LjcyMzYzIDE2LjE0MTYgNC44NDY2OEwxNC45ODE0IDYuNzM2MzNDMTUuMTkyNCA3LjExNDI2IDE1LjQ1NjEgNy42NTkxOCAxNS41ODc5IDguMjQ4MDVMMTcuNzUgOC43NTc4MUMxNy44OTA2IDguNzkyOTcgMTcuOTUyMSA4Ljg1NDQ5IDE3Ljk1MjEgOS4wMTI3VjEwLjMzMTFDMTcuOTUyMSAxMC40ODA1IDE3Ljg4MTggMTAuNTUwOCAxNy43NSAxMC41NzcxTDE1LjU3OTEgMTEuMDk1N0MxNS40NDczIDExLjY0OTQgMTUuMjEgMTIuMTc2OCAxNC45NzI3IDEyLjU4OThMMTYuMTMyOCAxNC40ODgzQzE2LjIwMzEgMTQuNjAyNSAxNi4yMDMxIDE0LjcwOCAxNi4xMDY0IDE0Ljc5NTlMMTUuMTc0OCAxNS43MzYzQzE1LjA2MDUgMTUuODQxOCAxNC45NTUxIDE1Ljg1MDYgMTQuODQ5NiAxNS43ODAzTDEyLjk1MTIgMTQuNjExM0MxMi41MjA1IDE0Ljg4MzggMTIuMDE5NSAxNS4xMDM1IDExLjQzOTUgMTUuMjM1NEwxMC45MTIxIDE3LjM5NzVDMTAuODk0NSAxNy41MzgxIDEwLjgyNDIgMTcuNTk5NiAxMC42NzQ4IDE3LjU5OTZIOS4zMjEyOVpNOS45OTgwNSAxMi45OTQxQzExLjgyNjIgMTIuOTk0MSAxMy4zMjkxIDExLjQ5MTIgMTMuMzI5MSA5LjY1NDNDMTMuMzI5MSA3LjgzNDk2IDExLjgyNjIgNi4zMzIwMyA5Ljk5ODA1IDYuMzMyMDNDOC4xNjk5MiA2LjMzMjAzIDYuNjU4MiA3LjgzNDk2IDYuNjU4MiA5LjY1NDNDNi42NTgyIDExLjQ5MTIgOC4xNjExMyAxMi45OTQxIDkuOTk4MDUgMTIuOTk0MVpNOS45OTgwNSAxMS40OTEyQzguOTk2MDkgMTEuNDkxMiA4LjE2OTkyIDEwLjY2NSA4LjE2OTkyIDkuNjU0M0M4LjE2OTkyIDguNjYxMTMgOC45OTYwOSA3Ljg0Mzc1IDkuOTk4MDUgNy44NDM3NUMxMC45ODI0IDcuODQzNzUgMTEuNzk5OCA4LjY2MTEzIDExLjc5OTggOS42NTQzQzExLjc5OTggMTAuNjU2MiAxMC45ODI0IDExLjQ5MTIgOS45OTgwNSAxMS40OTEyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
-  --str-video__icon--speaker: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjUgNy44OTg0OVYxNS4xNjQxSDUuMjVMMTEuNSAyMS4yMTg4VjEuODQzOEw1LjI1IDcuODk4NDlIMC4yNVpNMTcuMTI1IDExLjUzMTNDMTcuMTI1IDkuMzg3OTQgMTUuODUgNy41NDczMSAxNCA2LjY1MTIyVjE2LjM5OTNDMTUuODUgMTUuNTE1MyAxNy4xMjUgMTMuNjc0NyAxNy4xMjUgMTEuNTMxM1pNMTQgMC45MTEzNzdWMy40MDU5MUMxNy42MTI1IDQuNDQ3MzEgMjAuMjUgNy42OTI2MyAyMC4yNSAxMS41MzEzQzIwLjI1IDE1LjM3IDE3LjYxMjUgMTguNjE1MyAxNCAxOS42NTY3VjIyLjE1MTJDMTkuMDEyNSAyMS4wNDkzIDIyLjc1IDE2LjcxNDEgMjIuNzUgMTEuNTMxM0MyMi43NSA2LjM0ODQ5IDE5LjAxMjUgMi4wMTMzMyAxNCAwLjkxMTM3N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
-  --str-video__icon--stats: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjA3NDIgNi4yMDgyOEwxMi4wNzQyIDEyLjczODNMNy42OTQyMiA4LjM1ODI4TDMuMDc0MjIgMTEuNzM4M1Y5LjI1ODI4TDcuOTA0MjIgNS43MzgyOEwxMi4yODQyIDEwLjExODNMMjEuMDc0MiAzLjczODI4VjYuMjA4MjhaTTIxLjA3NDIgMTUuNzM4M0gxNi4zNzQyTDEyLjIwNDIgMTkuMDc4M0w2LjA3NDIyIDEzLjE0ODNMMy4wNzQyMiAxNS4yNzgzVjE3LjczODNMNS44NzQyMiAxNS43MzgzTDEyLjA3NDIgMjEuNzM4M0wxNy4wNzQyIDE3LjczODNIMjEuMDc0MlYxNS43MzgzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
+  --str-video__icon--screen-share-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjIgMTcuMSAyMiAxNlY2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDFDMC40NSAxOCAwIDE4LjQ1IDAgMTlDMCAxOS41NSAwLjQ1IDIwIDEgMjBIMjNDMjMuNTUgMjAgMjQgMTkuNTUgMjQgMTlDMjQgMTguNDUgMjMuNTUgMTggMjMgMThIMjBaTTEzIDE0LjQ3VjEyLjI4QzEwLjIyIDEyLjI4IDguMzkgMTMuMTMgNyAxNUM3LjU2IDEyLjMzIDkuMTEgOS42NyAxMyA5LjEzVjdMMTYuNjEgMTAuMzZDMTYuODIgMTAuNTYgMTYuODIgMTAuODkgMTYuNjEgMTEuMDlMMTMgMTQuNDdaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--screen-share-on: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPU91dGxpbmVkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuODkgMjEuMSA0IDIwIDRINEMyLjg5IDQgMiA0Ljg5IDIgNlYxNkMyIDE3LjEgMi44OSAxOCA0IDE4SDBWMjBIMjRWMThIMjBaTTQgMTZWNkgyMFYxNi4wMUw0IDE2Wk0xMyA5LjEzQzkuMTEgOS42NyA3LjU2IDEyLjMzIDcgMTVDOC4zOSAxMy4xMyAxMC4yMiAxMi4yOCAxMyAxMi4yOFYxNC40N0wxNyAxMC43M0wxMyA3VjkuMTNaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--settings: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE5LjQ5OTcgMTJDMTkuNDk5NyAxMS43NyAxOS40ODk3IDExLjU1IDE5LjQ2OTcgMTEuMzJMMjEuMzI5NyA5LjkxQzIxLjcyOTcgOS42MSAyMS44Mzk3IDkuMDUgMjEuNTg5NyA4LjYxTDE5LjcxOTcgNS4zOEMxOS40Njk3IDQuOTQgMTguOTI5NyA0Ljc2IDE4LjQ2OTcgNC45NkwxNi4zMTk3IDUuODdDMTUuOTQ5NyA1LjYxIDE1LjU1OTcgNS4zOCAxNS4xNDk3IDUuMTlMMTQuODU5NyAyLjg4QzE0Ljc5OTcgMi4zOCAxNC4zNjk3IDIgMTMuODY5NyAySDEwLjEzOTdDOS42Mjk2NyAyIDkuMTk5NjcgMi4zOCA5LjEzOTY3IDIuODhMOC44NDk2NyA1LjE5QzguNDM5NjcgNS4zOCA4LjA0OTY2IDUuNjEgNy42Nzk2NyA1Ljg3TDUuNTI5NjcgNC45NkM1LjA2OTY3IDQuNzYgNC41Mjk2NyA0Ljk0IDQuMjc5NjcgNS4zOEwyLjQwOTY3IDguNjJDMi4xNTk2NyA5LjA2IDIuMjY5NjcgOS42MSAyLjY2OTY3IDkuOTJMNC41Mjk2NyAxMS4zM0M0LjUwOTY3IDExLjU1IDQuNDk5NjcgMTEuNzcgNC40OTk2NyAxMkM0LjQ5OTY3IDEyLjIzIDQuNTA5NjcgMTIuNDUgNC41Mjk2NyAxMi42OEwyLjY2OTY3IDE0LjA5QzIuMjY5NjcgMTQuMzkgMi4xNTk2NyAxNC45NSAyLjQwOTY3IDE1LjM5TDQuMjc5NjcgMTguNjJDNC41Mjk2NyAxOS4wNiA1LjA2OTY3IDE5LjI0IDUuNTI5NjcgMTkuMDRMNy42Nzk2NyAxOC4xM0M4LjA0OTY2IDE4LjM5IDguNDM5NjcgMTguNjIgOC44NDk2NyAxOC44MUw5LjEzOTY3IDIxLjEyQzkuMTk5NjcgMjEuNjIgOS42Mjk2NyAyMiAxMC4xMjk3IDIySDEzLjg1OTdDMTQuMzU5NyAyMiAxNC43ODk3IDIxLjYyIDE0Ljg0OTcgMjEuMTJMMTUuMTM5NyAxOC44MUMxNS41NDk3IDE4LjYyIDE1LjkzOTcgMTguMzkgMTYuMzA5NyAxOC4xM0wxOC40NTk3IDE5LjA0QzE4LjkxOTcgMTkuMjQgMTkuNDU5NyAxOS4wNiAxOS43MDk3IDE4LjYyTDIxLjU3OTcgMTUuMzlDMjEuODI5NyAxNC45NSAyMS43MTk3IDE0LjQgMjEuMzE5NyAxNC4wOUwxOS40NTk3IDEyLjY4QzE5LjQ4OTcgMTIuNDUgMTkuNDk5NyAxMi4yMyAxOS40OTk3IDEyWk0xMi4wMzk3IDE1LjVDMTAuMTA5NyAxNS41IDguNTM5NjcgMTMuOTMgOC41Mzk2NyAxMkM4LjUzOTY3IDEwLjA3IDEwLjEwOTcgOC41IDEyLjAzOTcgOC41QzEzLjk2OTcgOC41IDE1LjUzOTcgMTAuMDcgMTUuNTM5NyAxMkMxNS41Mzk3IDEzLjkzIDEzLjk2OTcgMTUuNSAxMi4wMzk3IDE1LjVaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--speaker: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTMgMTAuMDAxOFYxNC4wMDE4QzMgMTQuNTUxOCAzLjQ1IDE1LjAwMTggNCAxNS4wMDE4SDdMMTAuMjkgMTguMjkxOEMxMC45MiAxOC45MjE4IDEyIDE4LjQ3MTggMTIgMTcuNTgxOFY2LjQxMTc5QzEyIDUuNTIxNzkgMTAuOTIgNS4wNzE3OSAxMC4yOSA1LjcwMTc5TDcgOS4wMDE3OUg0QzMuNDUgOS4wMDE3OSAzIDkuNDUxNzkgMyAxMC4wMDE4Wk0xNi41IDEyLjAwMThDMTYuNSAxMC4yMzE4IDE1LjQ4IDguNzExNzkgMTQgNy45NzE3OVYxNi4wMjE4QzE1LjQ4IDE1LjI5MTggMTYuNSAxMy43NzE4IDE2LjUgMTIuMDAxOFpNMTQgNC40NTE3OVY0LjY1MTc5QzE0IDUuMDMxNzkgMTQuMjUgNS4zNjE3OSAxNC42IDUuNTAxNzlDMTcuMTggNi41MzE3OSAxOSA5LjA2MTc5IDE5IDEyLjAwMThDMTkgMTQuOTQxOCAxNy4xOCAxNy40NzE4IDE0LjYgMTguNTAxOEMxNC4yNCAxOC42NDE4IDE0IDE4Ljk3MTggMTQgMTkuMzUxOFYxOS41NTE4QzE0IDIwLjE4MTggMTQuNjMgMjAuNjIxOCAxNS4yMSAyMC40MDE4QzE4LjYgMTkuMTExOCAyMSAxNS44NDE4IDIxIDEyLjAwMThDMjEgOC4xNjE3OSAxOC42IDQuODkxNzkgMTUuMjEgMy42MDE3OUMxNC42MyAzLjM3MTc5IDE0IDMuODIxNzkgMTQgNC40NTE3OVoiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K");
+  --str-video__icon--stats: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjg5MTEgMTAuNTQ3NUwxMi44MzExIDEwLjA1NzVDMTIuNDQxMSA5Ljg3NzQ2IDEyLjQ0MTEgOS4zMjc0NiAxMi44MzExIDkuMTQ3NDZMMTMuODkxMSA4LjY1NzQ2TDE0LjM4MTEgNy42MDc0NkMxNC41NjExIDcuMjE3NDYgMTUuMTExMSA3LjIxNzQ2IDE1LjI5MTEgNy42MDc0NkwxNS43ODExIDguNjY3NDZMMTYuODMxMSA5LjE1NzQ2QzE3LjIyMTEgOS4zMzc0NiAxNy4yMjExIDkuODg3NDYgMTYuODMxMSAxMC4wNjc1TDE1Ljc3MTEgMTAuNTU3NUwxNS4yODExIDExLjYwNzVDMTUuMTAxMSAxMS45OTc1IDE0LjU1MTEgMTEuOTk3NSAxNC4zNzExIDExLjYwNzVMMTMuODkxMSAxMC41NDc1Wk00LjI4MTA3IDEzLjYwNzVMNC43NzEwNyAxMi41NDc1TDUuODMxMDcgMTIuMDU3NUM2LjIyMTA3IDExLjg3NzUgNi4yMjEwNyAxMS4zMjc1IDUuODMxMDcgMTEuMTQ3NUw0Ljc3MTA3IDEwLjY1NzVMNC4yODEwNyA5LjYwNzQ2QzQuMTExMDcgOS4yMTc0NiAzLjU1MTA3IDkuMjE3NDYgMy4zODEwNyA5LjYwNzQ2TDIuODkxMDcgMTAuNjY3NUwxLjgzMTA3IDExLjE1NzVDMS40NDEwNyAxMS4zMzc1IDEuNDQxMDcgMTEuODg3NSAxLjgzMTA3IDEyLjA2NzVMMi44OTEwNyAxMi41NTc1TDMuMzgxMDcgMTMuNjA3NUMzLjU1MTA3IDEzLjk5NzUgNC4xMTEwNyAxMy45OTc1IDQuMjgxMDcgMTMuNjA3NVpNOC43OTEwNyA4LjU5NzQ2TDkuNDIxMDcgNy4xOTc0NkwxMC44MjExIDYuNTY3NDZDMTEuMjExMSA2LjM4NzQ2IDExLjIxMTEgNS44Mzc0NiAxMC44MjExIDUuNjU3NDZMOS40MjEwNyA1LjAyNzQ2TDguNzkxMDcgMy42Mjc0NkM4LjYxMTA3IDMuMjM3NDYgOC4wNjEwNyAzLjIzNzQ2IDcuODgxMDcgMy42Mjc0Nkw3LjI1MTA3IDUuMDI3NDZMNS44NTEwNyA1LjY1NzQ2QzUuNDYxMDcgNS44Mzc0NiA1LjQ2MTA3IDYuMzg3NDYgNS44NTEwNyA2LjU2NzQ2TDcuMjUxMDcgNy4xOTc0Nkw3Ljg4MTA3IDguNTk3NDZDOC4wNTEwNyA4Ljk4NzQ2IDguNjExMDcgOC45ODc0NiA4Ljc5MTA3IDguNTk3NDZaTTIyLjE3MTEgOC44Nzc0NkMyMS43NzExIDguNDc3NDYgMjEuMTAxMSA4LjQ4NzQ2IDIwLjcyMTEgOC45MTc0NkwxNC4zMzExIDE2LjA5NzVMMTEuMDQxMSAxMi44MDc1QzEwLjY1MTEgMTIuNDE3NSAxMC4wMjExIDEyLjQxNzUgOS42MzEwNyAxMi44MDc1TDMuNTkxMDcgMTguODU3NUMzLjE4MTA3IDE5LjI2NzUgMy4xODEwNyAxOS45NDc1IDMuNTkxMDcgMjAuMzU3NUM0LjAwMTA3IDIwLjc2NzUgNC42ODEwNyAyMC43Njc1IDUuMDkxMDcgMjAuMzU3NUwxMC4zNDExIDE1LjA5NzVMMTMuNTkxMSAxOC4zNDc1QzE0LjAwMTEgMTguNzU3NSAxNC42NjExIDE4LjczNzUgMTUuMDQxMSAxOC4zMDc1TDIyLjIxMTEgMTAuMjM3NUMyMi41NjExIDkuODQ3NDYgMjIuNTQxMSA5LjI0NzQ2IDIyLjE3MTEgOC44Nzc0NloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K");
+  --str-video__icon--star: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjA4NzggOS42MTE1NUwxMy41NTY1IDQuNzcxNTVDMTMuMjU0NSAzLjgyMTU1IDExLjg1ODYgMy44MjE1NSAxMS41NjcgNC43NzE1NUwxMC4wMjUzIDkuNjExNTVINS4zODk4OEM0LjM3OTQ2IDkuNjExNTUgMy45NjI4IDEwLjg2MTYgNC43ODU3MSAxMS40MjE2TDguNTc3MzggMTQuMDIxNkw3LjA4NzggMTguNjMxNkM2Ljc4NTcxIDE5LjU2MTYgNy45MTA3MSAyMC4zMTE2IDguNzEyOCAxOS43MjE2TDEyLjU1NjUgMTYuOTIxNkwxNi40MDAzIDE5LjczMTZDMTcuMjAyNCAyMC4zMjE2IDE4LjMyNzQgMTkuNTcxNiAxOC4wMjUzIDE4LjY0MTZMMTYuNTM1NyAxNC4wMzE2TDIwLjMyNzQgMTEuNDMxNkMyMS4xNTAzIDEwLjg2MTYgMjAuNzMzNiA5LjYyMTU1IDE5LjcyMzIgOS42MjE1NUgxNS4wODc4VjkuNjExNTVaIiBmaWxsPSIjRkZENjQ2Ii8+Cjwvc3ZnPgo=");
+  --str-video__icon--support-agent: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUwMTMgMTAuMTgzM0MxNy41MDEzIDUuNjA4MzMgMTMuOTUxMyAyLjUgMTAuMDAxMyAyLjVDNi4wOTI5NyAyLjUgMi41MDEzIDUuNTQxNjcgMi41MDEzIDEwLjIzMzNDMi4wMDEzIDEwLjUxNjcgMS42Njc5NyAxMS4wNSAxLjY2Nzk3IDExLjY2NjdWMTMuMzMzM0MxLjY2Nzk3IDE0LjI1IDIuNDE3OTcgMTUgMy4zMzQ2NCAxNUMzLjc5Mjk3IDE1IDQuMTY3OTcgMTQuNjI1IDQuMTY3OTcgMTQuMTY2N1YxMC4xNTgzQzQuMTY3OTcgNi45NjY2NyA2LjYyNjMgNC4xNzUgOS44MTc5NyA0LjA4MzMzQzEzLjExOCAzLjk4MzMzIDE1LjgzNDYgNi42MzMzMyAxNS44MzQ2IDkuOTE2NjdWMTUuODMzM0gxMC4wMDEzQzkuNTQyOTcgMTUuODMzMyA5LjE2Nzk3IDE2LjIwODMgOS4xNjc5NyAxNi42NjY3QzkuMTY3OTcgMTcuMTI1IDkuNTQyOTcgMTcuNSAxMC4wMDEzIDE3LjVIMTUuODM0NkMxNi43NTEzIDE3LjUgMTcuNTAxMyAxNi43NSAxNy41MDEzIDE1LjgzMzNWMTQuODE2N0MxNy45OTMgMTQuNTU4MyAxOC4zMzQ2IDE0LjA1IDE4LjMzNDYgMTMuNDVWMTEuNTMzM0MxOC4zMzQ2IDEwLjk1IDE3Ljk5MyAxMC40NDE3IDE3LjUwMTMgMTAuMTgzM1oiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTcuNTAxMyAxMS42NjY3QzcuOTYxNTQgMTEuNjY2NyA4LjMzNDY0IDExLjI5MzYgOC4zMzQ2NCAxMC44MzMzQzguMzM0NjQgMTAuMzczMSA3Ljk2MTU0IDEwIDcuNTAxMyAxMEM3LjA0MTA3IDEwIDYuNjY3OTcgMTAuMzczMSA2LjY2Nzk3IDEwLjgzMzNDNi42Njc5NyAxMS4yOTM2IDcuMDQxMDcgMTEuNjY2NyA3LjUwMTMgMTEuNjY2N1oiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTEyLjUwMTMgMTEuNjY2N0MxMi45NjE1IDExLjY2NjcgMTMuMzM0NiAxMS4yOTM2IDEzLjMzNDYgMTAuODMzM0MxMy4zMzQ2IDEwLjM3MzEgMTIuOTYxNSAxMCAxMi41MDEzIDEwQzEyLjA0MTEgMTAgMTEuNjY4IDEwLjM3MzEgMTEuNjY4IDEwLjgzMzNDMTEuNjY4IDExLjI5MzYgMTIuMDQxMSAxMS42NjY3IDEyLjUwMTMgMTEuNjY2N1oiIGZpbGw9IiNFM0U0RTUiLz4KPHBhdGggZD0iTTE1LjAwMTMgOS4xOTE2N0MxNC42MDEzIDYuODE2NjcgMTIuNTM0NiA1IDEwLjA0MyA1QzcuNTE3OTcgNSA0LjgwMTMgNy4wOTE2NyA1LjAxNzk3IDEwLjM3NUM3LjA3NjMgOS41MzMzMyA4LjYyNjMgNy43IDkuMDY3OTcgNS40NjY2N0MxMC4xNTk2IDcuNjU4MzMgMTIuNDAxMyA5LjE2NjY3IDE1LjAwMTMgOS4xOTE2N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==");
   --str-video__icon--user-plus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMi40OTkgMy42MjQwMlYxLjc0OTAySDExLjI0OVYzLjYyNDAySDkuMzc0MDJWNC44NzQwMkgxMS4yNDlWNi43NDkwMkgxMi40OTlWNC44NzQwMkgxNC4zNzRWMy42MjQwMkgxMi40OTlaTTUuNjI0MDIgNS40OTkwMkM3LjAwNTI3IDUuNDk5MDIgOC4xMjQwMiA0LjM4MDI3IDguMTI0MDIgMi45OTkwMkM4LjEyNDAyIDEuNjE3NzcgNy4wMDUyNyAwLjQ5OTAyMyA1LjYyNDAyIDAuNDk5MDIzQzQuMjQyNzcgMC40OTkwMjMgMy4xMjQwMiAxLjYxNzc3IDMuMTI0MDIgMi45OTkwMkMzLjEyNDAyIDQuMzgwMjcgNC4yNDI3NyA1LjQ5OTAyIDUuNjI0MDIgNS40OTkwMlpNNS42MjQwMiAxLjc0OTAyQzYuMzExNTIgMS43NDkwMiA2Ljg3NDAyIDIuMzExNTIgNi44NzQwMiAyLjk5OTAyQzYuODc0MDIgMy42ODY1MiA2LjMxMTUyIDQuMjQ5MDIgNS42MjQwMiA0LjI0OTAyQzQuOTM2NTIgNC4yNDkwMiA0LjM3NDAyIDMuNjg2NTIgNC4zNzQwMiAyLjk5OTAyQzQuMzc0MDIgMi4zMTE1MiA0LjkzNjUyIDEuNzQ5MDIgNS42MjQwMiAxLjc0OTAyWk05LjYxNzc3IDcuMDk5MDJDOC41Njc3NyA2LjU2MTUyIDcuMjA1MjcgNi4xMjQwMiA1LjYyNDAyIDYuMTI0MDJDNC4wNDI3NyA2LjEyNDAyIDIuNjgwMjcgNi41NjE1MiAxLjYzMDI3IDcuMDk5MDJDMS4wMDUyNyA3LjQxNzc3IDAuNjI0MDIzIDguMDYxNTIgMC42MjQwMjMgOC43NjE1MlYxMC40OTlIMTAuNjI0VjguNzYxNTJDMTAuNjI0IDguMDYxNTIgMTAuMjQyOCA3LjQxNzc3IDkuNjE3NzcgNy4wOTkwMlpNOS4zNzQwMiA5LjI0OTAySDEuODc0MDJWOC43NjE1MkMxLjg3NDAyIDguNTI0MDIgMS45OTkwMiA4LjMxMTUyIDIuMTk5MDIgOC4yMTE1MkMyLjk0Mjc3IDcuODMwMjcgNC4xNDI3NyA3LjM3NDAyIDUuNjI0MDIgNy4zNzQwMkM3LjEwNTI3IDcuMzc0MDIgOC4zMDUyNyA3LjgzMDI3IDkuMDQ5MDIgOC4yMTE1MkM5LjI0OTAyIDguMzExNTIgOS4zNzQwMiA4LjUyNDAyIDkuMzc0MDIgOC43NjE1MlY5LjI0OTAyWiIgZmlsbD0iI0Y3RjdGOCIvPgo8L3N2Zz4K");
-  --str-video__icon--pin: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDY4MTkgMi40NTIyMlY2LjQ2MzYzQzguMDY4MTkgNy4zNjIxOCA4LjM2NTA0IDguMTk2NTYgOC44NzA0NyA4Ljg3MDQ3SDQuMDU2NzhDNC41NzgyNyA4LjE4MDUxIDQuODU5MDYgNy4zNDYxNCA0Ljg1OTA2IDYuNDYzNjNWMi40NTIyMkg4LjA2ODE5Wk0xMC40NzUgMC44NDc2NTZIMi40NTIyMkMyLjAxMDk2IDAuODQ3NjU2IDEuNjQ5OTQgMS4yMDg2OCAxLjY0OTk0IDEuNjQ5OTRDMS42NDk5NCAyLjA5MTE5IDIuMDEwOTYgMi40NTIyMiAyLjQ1MjIyIDIuNDUyMjJIMy4yNTQ1VjYuNDYzNjNDMy4yNTQ1IDcuNzk1NDEgMi4xNzk0NCA4Ljg3MDQ3IDAuODQ3NjU2IDguODcwNDdWMTAuNDc1SDUuNjM3MjhWMTYuMDkxTDYuNDM5NTYgMTYuODkzM0w3LjI0MTg0IDE2LjA5MVYxMC40NzVIMTIuMDc5NlY4Ljg3MDQ3QzEwLjc0NzggOC44NzA0NyA5LjY3Mjc1IDcuNzk1NDEgOS42NzI3NSA2LjQ2MzYzVjIuNDUyMjJIMTAuNDc1QzEwLjkxNjMgMi40NTIyMiAxMS4yNzczIDIuMDkxMTkgMTEuMjc3MyAxLjY0OTk0QzExLjI3NzMgMS4yMDg2OCAxMC45MTYzIDAuODQ3NjU2IDEwLjQ3NSAwLjg0NzY1NloiIGZpbGw9IiM3Mjc2N0UiLz4KPC9zdmc+Cg==");
+  --str-video__icon--verified: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMzI1IDEuMDU1MjVMMy40OTE2NyAzLjY0NjkyQzIuODkxNjcgMy45MTM1OCAyLjUgNC41MTM1OCAyLjUgNS4xNzE5MlY5LjA4ODU4QzIuNSAxMy43MTM2IDUuNyAxOC4wMzg2IDEwIDE5LjA4ODZDMTQuMyAxOC4wMzg2IDE3LjUgMTMuNzEzNiAxNy41IDkuMDg4NThWNS4xNzE5MkMxNy41IDQuNTEzNTggMTcuMTA4MyAzLjkxMzU4IDE2LjUwODMgMy42NDY5MkwxMC42NzUgMS4wNTUyNUMxMC4yNSAwLjg2MzU4MiA5Ljc1IDAuODYzNTgyIDkuMzI1IDEuMDU1MjVaTTcuNzQxNjcgMTMuNDk2OUw1LjU4MzMzIDExLjMzODZDNS4yNTgzMyAxMS4wMTM2IDUuMjU4MzMgMTAuNDg4NiA1LjU4MzMzIDEwLjE2MzZDNS45MDgzMyA5LjgzODU4IDYuNDMzMzMgOS44Mzg1OCA2Ljc1ODMzIDEwLjE2MzZMOC4zMzMzMyAxMS43MzAyTDEzLjIzMzMgNi44MzAyNUMxMy41NTgzIDYuNTA1MjUgMTQuMDgzMyA2LjUwNTI1IDE0LjQwODMgNi44MzAyNUMxNC43MzMzIDcuMTU1MjUgMTQuNzMzMyA3LjY4MDI1IDE0LjQwODMgOC4wMDUyNUw4LjkxNjY3IDEzLjQ5NjlDOC42IDEzLjgyMTkgOC4wNjY2NyAxMy44MjE5IDcuNzQxNjcgMTMuNDk2OVoiIGZpbGw9IiMwMEUyQTEiLz4KPC9zdmc+Cg==");
+  --str-video__icon--paperclip: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE2IDYuNzQ3NThWMTcuMzI3NkMxNiAxOS40MTc2IDE0LjQ3IDIxLjI3NzYgMTIuMzkgMjEuNDc3NkMxMCAyMS43MDc2IDggMTkuODM3NiA4IDE3LjQ5NzZWNS4xMzc1OEM4IDMuODI3NTggOC45NCAyLjYzNzU4IDEwLjI0IDIuNTA3NThDMTEuNzQgMi4zNTc1OCAxMyAzLjUyNzU4IDEzIDQuOTk3NThWMTUuNDk3NkMxMyAxNi4wNDc2IDEyLjU1IDE2LjQ5NzYgMTIgMTYuNDk3NkMxMS40NSAxNi40OTc2IDExIDE2LjA0NzYgMTEgMTUuNDk3NlY2Ljc0NzU4QzExIDYuMzM3NTggMTAuNjYgNS45OTc1OCAxMC4yNSA1Ljk5NzU4QzkuODQgNS45OTc1OCA5LjUgNi4zMzc1OCA5LjUgNi43NDc1OFYxNS4zNTc2QzkuNSAxNi42Njc2IDEwLjQ0IDE3Ljg1NzYgMTEuNzQgMTcuOTg3NkMxMy4yNCAxOC4xMzc2IDE0LjUgMTYuOTY3NiAxNC41IDE1LjQ5NzZWNS4xNjc1OEMxNC41IDMuMDc3NTggMTIuOTcgMS4yMTc1OCAxMC44OSAxLjAxNzU4QzguNTEgMC43ODc1ODMgNi41IDIuNjU3NTggNi41IDQuOTk3NThWMTcuMjY3NkM2LjUgMjAuMTM3NiA4LjYgMjIuNzA3NiAxMS40NiAyMi45Nzc2QzE0Ljc1IDIzLjI3NzYgMTcuNSAyMC43MTc2IDE3LjUgMTcuNDk3NlY2Ljc0NzU4QzE3LjUgNi4zMzc1OCAxNy4xNiA1Ljk5NzU4IDE2Ljc1IDUuOTk3NThDMTYuMzQgNS45OTc1OCAxNiA2LjMzNzU4IDE2IDYuNzQ3NThaIiBmaWxsPSIjQjBCNEI3Ii8+CjwvZz4KPC9zdmc+Cg==");
+  --str-video__icon--person-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjQ4NDkgMTYuMDcwNUwxNi4zOTU4IDEyLjk3MjFDMTYuOTgyNCAxMy4xNzM4IDE3LjUyMzMgMTMuNDEyMSAxOC4wMTgzIDEzLjY2ODhDMTguOTA3NCAxNC4xMzYzIDE5LjQ2NjYgMTUuMDYyMSAxOS40ODQ5IDE2LjA3MDVaTTIwLjU3NTggMTkuNzU1NUwxOS4yODMzIDIxLjA0OEwxNi44OTA4IDE4LjY2NDZINC44MTgyOFYxNi4xMTYzQzQuODE4MjggMTUuMDg5NiA1LjM3NzQ1IDE0LjE0NTUgNi4yOTQxMSAxMy42NzhDNy40NzY2MSAxMy4wNzMgOC45MjQ5NSAxMi41NTk2IDEwLjU3NDkgMTIuMzQ4OEwyLjQyNTc4IDQuMTk5NjNMMy43MTgyOCAyLjkwNzE0TDIwLjU3NTggMTkuNzU1NVpNMTUuMDU3NCAxNi44MzEzTDEyLjMwNzQgMTQuMDgxM0MxMi4yNTI0IDE0LjA4MTMgMTIuMjA2NiAxNC4wODEzIDEyLjE1MTYgMTQuMDgxM0M5Ljk3OTExIDE0LjA4MTMgOC4yMTkxMSAxNC43NTA1IDcuMTI4MjggMTUuMzA5NkM2LjgzNDk1IDE1LjQ1NjMgNi42NTE2MSAxNS43NjggNi42NTE2MSAxNi4xMTYzVjE2LjgzMTNIMTUuMDU3NFpNMTIuMTUxNiA1LjgzMTNDMTMuMTU5OSA1LjgzMTMgMTMuOTg0OSA2LjY1NjMgMTMuOTg0OSA3LjY2NDY0QzEzLjk4NDkgOC40NTI5NyAxMy40ODk5IDkuMTIyMTQgMTIuNzkzMyA5LjM3ODhMMTQuMTQ5OSAxMC43MzU1QzE1LjE1ODMgMTAuMDg0NiAxNS44MTgzIDguOTQ3OTcgMTUuODE4MyA3LjY2NDY0QzE1LjgxODMgNS42Mzg4IDE0LjE3NzQgMy45OTc5NyAxMi4xNTE2IDMuOTk3OTdDMTAuODY4MyAzLjk5Nzk3IDkuNzMxNjEgNC42NTc5NyA5LjA4MDc4IDUuNjY2M0wxMC40Mzc0IDcuMDIyOTdDMTAuNjk0MSA2LjMyNjMgMTEuMzYzMyA1LjgzMTMgMTIuMTUxNiA1LjgzMTNaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=");
+  --str-video__icon--pin: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAxMi44N0MxOSAxMi40IDE4LjY2IDEyLjAyIDE4LjIgMTEuODlDMTYuOTMgMTEuNTQgMTYgMTAuMzggMTYgOVY0SDE3QzE3LjU1IDQgMTggMy41NSAxOCAzQzE4IDIuNDUgMTcuNTUgMiAxNyAySDdDNi40NSAyIDYgMi40NSA2IDNDNiAzLjU1IDYuNDUgNCA3IDRIOFY5QzggMTAuMzggNy4wNyAxMS41NCA1LjggMTEuODlDNS4zNCAxMi4wMiA1IDEyLjQgNSAxMi44N1YxM0M1IDEzLjU1IDUuNDUgMTQgNiAxNEgxMC45OEwxMSAyMUMxMSAyMS41NSAxMS40NSAyMiAxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMUwxMi45OCAxNEgxOEMxOC41NSAxNCAxOSAxMy41NSAxOSAxM1YxMi44N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==");
+  --str-video__icon--provider-google: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk1MV81NjAwMykiPgo8cGF0aCBkPSJNMTguOCAxMS4xODU5QzE4LjggMTAuNTM1OSAxOC43NDE3IDkuOTEwODggMTguNjMzMyA5LjMxMDg4SDEwVjEyLjg2MDlIMTQuOTMzM0MxNC43MTY3IDE0LjAwMjUgMTQuMDY2NyAxNC45NjkyIDEzLjA5MTcgMTUuNjE5MlYxNy45Mjc1SDE2LjA2NjdDMTcuOCAxNi4zMjc1IDE4LjggMTMuOTc3NSAxOC44IDExLjE4NTlaIiBmaWxsPSIjNDI4NUY0Ii8+CjxwYXRoIGQ9Ik05Ljk5OTc0IDIwLjE0NDJDMTIuNDc0NyAyMC4xNDQyIDE0LjU0OTcgMTkuMzI3NSAxNi4wNjY0IDE3LjkyNzVMMTMuMDkxNCAxNS42MTkyQzEyLjI3NDcgMTYuMTY5MiAxMS4yMzMxIDE2LjUwMjUgOS45OTk3NCAxNi41MDI1QzcuNjE2NDEgMTYuNTAyNSA1LjU5MTQxIDE0Ljg5NDIgNC44NjY0MSAxMi43Mjc1SDEuODE2NDFWMTUuMDk0MkMzLjMyNDc0IDE4LjA4NTkgNi40MTY0MSAyMC4xNDQyIDkuOTk5NzQgMjAuMTQ0MloiIGZpbGw9IiMzNEE4NTMiLz4KPHBhdGggZD0iTTQuODY1MzYgMTIuNzE5MkM0LjY4MjAzIDEyLjE2OTIgNC41NzM3IDExLjU4NTkgNC41NzM3IDEwLjk3NzVDNC41NzM3IDEwLjM2OTIgNC42ODIwMyA5Ljc4NTg3IDQuODY1MzYgOS4yMzU4N1Y2Ljg2OTJIMS44MTUzNkMxLjE5MDM2IDguMTAyNTQgMC44MzIwMzEgOS40OTQyIDAuODMyMDMxIDEwLjk3NzVDMC44MzIwMzEgMTIuNDYwOSAxLjE5MDM2IDEzLjg1MjUgMS44MTUzNiAxNS4wODU5TDQuMTkwMzYgMTMuMjM1OUw0Ljg2NTM2IDEyLjcxOTJaIiBmaWxsPSIjRkJCQzA1Ii8+CjxwYXRoIGQ9Ik05Ljk5OTc0IDUuNDYwODhDMTEuMzQ5NyA1LjQ2MDg4IDEyLjU0OTcgNS45Mjc1NSAxMy41MDgxIDYuODI3NTVMMTYuMTMzMSA0LjIwMjU1QzE0LjU0MTQgMi43MTkyMiAxMi40NzQ3IDEuODEwODggOS45OTk3NCAxLjgxMDg4QzYuNDE2NDEgMS44MTA4OCAzLjMyNDc0IDMuODY5MjIgMS44MTY0MSA2Ljg2OTIyTDQuODY2NDEgOS4yMzU4OEM1LjU5MTQxIDcuMDY5MjIgNy42MTY0MSA1LjQ2MDg4IDkuOTk5NzQgNS40NjA4OFoiIGZpbGw9IiNFQTQzMzUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85NTFfNTYwMDMiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuOTc3NTM5KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
   --str-video__icon--no-audio: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjMzNjI5IDAuNzcyNzA5TDkuNzQ5MjQgMC40NDI2MTNDOS45MzYxNCAwLjI5MjkyOSAxMC4yMTE5IDAuMzE5NTk2IDEwLjM2NTEgMC41MDIxNzZDMTAuNDI5MyAwLjU3ODY3NyAxMC40NjQ0IDAuNjc0NTYzIDEwLjQ2NDMgMC43NzM0ODdWMS4zMzU0NlYxLjMzNzE1VjEuODY0NDdWMS45MjUyM1YxMy4yMDcyVjEzLjI2ODFWMTMuNzk1NVYxMy43OTcxVjE0LjM1OUMxMC40NjQ0IDE0LjU5NTEgMTAuMjY4NiAxNC43ODY2IDEwLjAyNjkgMTQuNzg2OEM5LjkyNTY4IDE0Ljc4NjggOS44Mjc1MyAxNC43NTI2IDkuNzQ5MjIgMTQuNjg5OUw5LjMzNjI2IDE0LjM1OTdMOS4zMzUzOSAxNC4zNTlMOC45MDg2MSAxNC4wMTc4TDguODU5NzMgMTMuOTc4N0w1LjExNjcyIDEwLjk4NjFMNS4xMTU4NSAxMC45ODYxSDEuNzEyMTNDMS4yMjg3NiAxMC45ODYxIDAuODM2OTE0IDEwLjYwMzMgMC44MzY5MTQgMTAuMTMxMlY1LjAwMTMzQzAuODM2OTE0IDQuNTI5MTQgMS4yMjg3NiA0LjE0NjM1IDEuNzEyMTMgNC4xNDYzNUg1LjExNTg1TDguODU5NzMgMS4xNTM2NUw4LjkwOTY0IDEuMTEzNzVMOS4zMzUzMiAwLjc3MzQ4N0w5LjMzNjI5IDAuNzcyNzA5Wk02LjExNzcyIDUuMzk5N0w4Ljg1OTczIDMuMjA3ODVWMTEuOTI0M0w2LjExODcxIDkuNzMyODhMNS42Nzg2NSA5LjM4MTA1TDUuMTE1ODUgOS4zODE1N0g1LjExNTIzTDUuMTE0MzYgOS4zODE1N0wyLjQ0MTQ4IDkuMzgxNTdWNS43NTA5Mkg1LjExNTg1SDUuNjc4MzRMNi4xMTc3MiA1LjM5OTdaTTE5LjUyNDQgOS44NjQ0NkwxNy4yMjYyIDcuNTY2MjRMMTkuNTI0NCA1LjI2ODAxQzE5LjgzNzcgNC45NTQ3IDE5LjgzMiA0LjQ0MTA4IDE5LjUxODcgNC4xMjc3N0MxOS4yMDU0IDMuODE0NDYgMTguNjkxOCAzLjgwODgyIDE4LjM3ODUgNC4xMjIxM0wxNi4wODAzIDYuNDIwMzVMMTMuNzgyIDQuMTIyMTNDMTMuNDY4NyAzLjgwODgyIDEyLjk1NTEgMy44MTQ0NiAxMi42NDE4IDQuMTI3NzdDMTIuMzI4NSA0LjQ0MTA4IDEyLjMyMjggNC45NTQ3IDEyLjYzNjIgNS4yNjgwMUwxNC45MzQ0IDcuNTY2MjRMMTIuNjM2MiA5Ljg2NDQ2QzEyLjMyMjggMTAuMTc3OCAxMi4zMjg1IDEwLjY5MTQgMTIuNjQxOCAxMS4wMDQ3QzEyLjk1NTEgMTEuMzE4IDEzLjQ2ODcgMTEuMzIzNyAxMy43ODIgMTEuMDEwM0wxNi4wODAzIDguNzEyMTJMMTguMzc4NSAxMS4wMTAzQzE4LjY5MTggMTEuMzIzNyAxOS4yMDU0IDExLjMxOCAxOS41MTg3IDExLjAwNDdDMTkuODMyIDEwLjY5MTQgMTkuODM3NyAxMC4xNzc4IDE5LjUyNDQgOS44NjQ0NloiIGZpbGw9IiM3Mjc2N0UiLz4KPC9zdmc+Cg==");
   --str-video__icon--camera-off-outline: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODUxMzggNS41MDk5OUw1LjI0NjgyIDMuOTA1NDNMMS45MTczNSAwLjU4Mzk4NEwwLjc4NjEzMyAxLjcxNTJMMi45NzYzNiAzLjkwNTQzSDIuMzkwN0MxLjk0OTQ0IDMuOTA1NDMgMS41ODg0MSA0LjI2NjQ2IDEuNTg4NDEgNC43MDc3MVYxMi43MzA1QzEuNTg4NDEgMTMuMTcxOCAxLjk0OTQ0IDEzLjUzMjggMi4zOTA3IDEzLjUzMjhIMTIuMDE4MUMxMi4xODY2IDEzLjUzMjggMTIuMzMxIDEzLjQ2ODYgMTIuNDU5MyAxMy4zODg0TDE1LjAxMDYgMTUuOTM5N0wxNi4xNDE4IDE0LjgwODRMOS4wMzM1OSA3LjcwMDIyTDYuODUxMzggNS41MDk5OVpNMy4xOTI5OCAxMS45MjgyVjUuNTA5OTlINC41ODA5MkwxMC45OTkyIDExLjkyODJIMy4xOTI5OFpNMTEuMjE1OCA1LjUwOTk5VjcuNjAzOTVMMTYuMDI5NSAxMi40MTc2VjQuMzA2NTdMMTIuODIwNCA3LjUxNTdWNC43MDc3MUMxMi44MjA0IDQuMjY2NDYgMTIuNDU5MyAzLjkwNTQzIDEyLjAxODEgMy45MDU0M0g3LjUxNzI4TDkuMTIxODQgNS41MDk5OUgxMS4yMTU4WiIgZmlsbD0iIzcyNzY3RSIvPgo8L3N2Zz4K");
   --str-video__icon--not-allowed: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDY0MjIgMC45MzU1NDdDNC4wMzU2MyAwLjkzNTU0NyAwLjQ0MTQwNiA0LjUyOTc3IDAuNDQxNDA2IDguOTU4MzZDMC40NDE0MDYgMTMuMzg3IDQuMDM1NjMgMTYuOTgxMiA4LjQ2NDIyIDE2Ljk4MTJDMTIuODkyOCAxNi45ODEyIDE2LjQ4NyAxMy4zODcgMTYuNDg3IDguOTU4MzZDMTYuNDg3IDQuNTI5NzcgMTIuODkyOCAwLjkzNTU0NyA4LjQ2NDIyIDAuOTM1NTQ3Wk0yLjA0NTk3IDguOTU4MzZDMi4wNDU5NyA1LjQxMjI4IDQuOTE4MTQgMi41NDAxMSA4LjQ2NDIyIDIuNTQwMTFDOS45NDg0NCAyLjU0MDExIDExLjMxMjMgMy4wNDU1NSAxMi4zOTU0IDMuODk1OTdMMy40MDE4MyAxMi44ODk1QzIuNTUxNDEgMTEuODA2NSAyLjA0NTk3IDEwLjQ0MjYgMi4wNDU5NyA4Ljk1ODM2Wk04LjQ2NDIyIDE1LjM3NjZDNi45OCAxNS4zNzY2IDUuNjE2MTIgMTQuODcxMiA0LjUzMzA0IDE0LjAyMDhMMTMuNTI2NiA1LjAyNzE4QzE0LjM3NyA2LjExMDI2IDE0Ljg4MjUgNy40NzQxNCAxNC44ODI1IDguOTU4MzZDMTQuODgyNSAxMi41MDQ0IDEyLjAxMDMgMTUuMzc2NiA4LjQ2NDIyIDE1LjM3NjZaIiBmaWxsPSIjNzI3NjdFIi8+Cjwvc3ZnPgo=");
@@ -136,26 +205,62 @@
   text-transform: uppercase;
 }
 
-.str-video__composite-button {
+.str-video__button {
   display: flex;
-  flex-direction: column;
   align-items: center;
+  justify-content: center;
+  border-radius: var(--str-video__border-radius-md);
+  padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);
+  text-align: center;
+  min-width: 120px;
+  width: 100%;
+  font-size: var(--str-video__font-size-md);
+  font-weight: 500;
+  border: 1px solid transparent;
+  color: var(--str-video__text-color1);
+  background-color: var(--str-video__button-primary-base);
+}
+.str-video__button:hover {
+  background-color: var(--str-video__button-primary-hover);
+  cursor: pointer;
+}
+.str-video__button__icon {
+  margin-right: var(--str-video__spacing-xs);
+  height: 16px;
+  background-color: var(--str-video__text-color1);
+}
+.str-video__button:disabled {
+  background-color: var(--str-video__button-default-disabled);
+  cursor: not-allowed;
+}
+
+.str-video__composite-button--caption {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
   gap: 0.25rem;
-  height: 100%;
 }
 .str-video__composite-button .str-video__composite-button__button-group {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+}
+.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button {
+  all: unset;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  height: calc(38px - 1rem);
   padding: 0.5rem;
-  height: 38px;
 }
-.str-video__composite-button .str-video__composite-button__button-group .str-video__call-controls__button {
-  padding: 0;
+.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button:hover {
+  cursor: pointer;
 }
-.str-video__composite-button .str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button {
-  height: 100%;
-  padding-inline: 2px;
+.str-video__composite-button .str-video__composite-button__button-group .str-video__menu-toggle-button {
+  padding: 0;
+  margin-left: -30px;
+  margin-right: 8px;
 }
 .str-video__composite-button .str-video__composite-button__button-group .str-video__loading-indicator__icon {
   width: 1.375rem;
@@ -163,6 +268,9 @@
   -webkit-mask-size: 1.25rem;
   mask-size: 1.25rem;
 }
+.str-video__composite-button.str-video__composite-button--menu .str-video__composite-button__button {
+  padding-right: 2.5rem;
+}
 
 .str-video__call-controls__button {
   padding: 0.5rem;
@@ -172,15 +280,9 @@
 }
 .str-video__call-controls__button[disabled] {
   cursor: not-allowed;
-  opacity: 0.7;
 }
-.str-video__call-controls__button .str-video__icon--caret-down {
-  width: 0.5rem;
-  height: 0.5rem;
-}
-.str-video__call-controls__button .str-video__icon--caret-up {
-  width: 0.5rem;
-  height: 0.5rem;
+.str-video__call-controls__button:hover, .str-video__call-controls__button:hover > *:hover {
+  cursor: pointer;
 }
 .str-video__call-controls__button .str-video__icon--call-end {
   width: 1.5rem;
@@ -199,6 +301,10 @@
   background: var(--str-video__participant-list-header__close-button--background-color);
 }
 
+.str-video__call-recording-list-item__action-button {
+  border: none;
+}
+
 .str-video {
   /* The font color applied inside the component */
   --str-video__composite-button__button-group--color: var(
@@ -206,16 +312,29 @@
   );
   /* The background color of the component */
   --str-video__composite-button__button-group--background-color: var(
-    --str-video__background-color1
+    --str-video__button-primary-base
+  );
+  /* The active background color of the component */
+  --str-video__composite-button__button-group-active--background-color: var(
+    --str-video__button-primary-active
+  );
+  --str-video__composite-button__button-group-active-primary--background-color: var(
+    --str-video__button-primary-active
+  );
+  --str-video__composite-button__button-group-active-secondary--background-color: var(
+    --str-video__button-secondary-active
+  );
+  --str-video__composite-button__button-group-active-secondary-hover--background-color: var(
+    --str-video__button-secondary-hover
+  );
+  /* The hover background color of the component */
+  --str-video__composite-button__button-group-hover--background-color: var(
+    --str-video__button-default-hover
   );
   /* The border radius used for the borders of the component */
   --str-video__composite-button__button-group--border-radius: var(
     --str-video__border-radius-xs
   );
-  /* The background color of the component */
-  --str-video__composite-button__button-group-active--background-color: var(
-    --str-video__background-color7
-  );
 }
 
 .str-video__composite-button__button-group {
@@ -227,12 +346,36 @@
   border-block-end: var(--str-video__composite-button__button-group--border-block-end);
   border-inline-start: var(--str-video__composite-button__button-group--border-inline-start);
   border-inline-end: var(--str-video__composite-button__button-group--border-inline-end);
-}
-.str-video__composite-button__button-group .str-video__call-controls__button {
-  background-color: transparent;
+  background-color: var(--str-video__composite-button__button-group--background-color);
+  border-radius: var(--str-video__border-radius-circle);
 }
 .str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button {
-  background-color: var(--str-video__background-color1);
+  background-color: var(--str-video__button-primary-base);
+}
+.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button:hover {
+  background-color: var(--str-video__button-default-hover);
+}
+.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active {
+  background-color: var(--str-video__composite-button__button-group-hover--background-color);
+  color: white;
+}
+.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:hover {
+  background-color: var(--str-video__composite-button__button-group-hover--background-color);
+}
+.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:disabled {
+  background-color: var(--str-video__composite-button__button-group-hover--background-color);
+}
+.str-video__composite-button__button-group.str-video__composite-button__button-group--active {
+  background-color: var(--str-video__composite-button__button-group-active--background-color);
+}
+.str-video__composite-button__button-group.str-video__composite-button__button-group--active:hover {
+  background-color: var(--str-video__button-primary-hover);
+}
+.str-video__composite-button__button-group.str-video__composite-button__button-group--active-primary {
+  background-color: var(--str-video__composite-button__button-group-active-primary--background-color);
+}
+.str-video__composite-button__button-group.str-video__composite-button__button-group--active-secondary {
+  background-color: var(--str-video__composite-button__button-group-active-secondary--background-color);
 }
 
 .str-video__composite-button__caption {
@@ -243,27 +386,39 @@
   white-space: nowrap;
 }
 
-.str-video__composite-button__button-group:hover,
-.str-video__composite-button__button-group--active {
-  background-color: var(--str-video__composite-button__button-group-active--background-color);
+.str-video__composite-button__button-group:hover {
+  background-color: var(--str-video__composite-button__button-group-hover--background-color);
+}
+.str-video__composite-button__button-group:hover.str-video__composite-button__button-group--active-secondary:hover {
+  background-color: var(--str-video__composite-button__button-group-active-secondary-hover--background-color);
+}
+.str-video__composite-button__button-group:hover .str-video__icon {
+  background-color: var(--str-video__icon-hover);
 }
 
 .str-video__call-controls__button {
-  border-radius: var(--str-video__border-radius-xs);
+  border-radius: var(--str-video__border-radius-circle);
   text-decoration: none;
   box-shadow: none;
   border: none;
-  background-color: var(--str-video__background-color1);
+  background-color: var(--str-video__button-primary-base);
 }
 .str-video__call-controls__button:hover {
   text-decoration: none;
-  background-color: var(--str-video__composite-button__button-group-active--background-color);
+  background-color: var(--str-video__composite-button__button-group-hover--background-color);
+}
+.str-video__call-controls__button:hover .str-video__icon {
+  background-color: var(--str-video__icon-hover);
 }
 .str-video__call-controls__button--variant-danger {
-  background-color: var(--str-video__danger-color);
+  background-color: var(--str-video__button-tertiary-base);
+  padding: 0.4rem;
+}
+.str-video__call-controls__button--variant-danger .str-video__icon {
+  background-color: white;
 }
 .str-video__call-controls__button--variant-danger:hover {
-  background-color: var(--str-video__danger-color--accent);
+  background-color: var(--str-video__button-tertiary-hover);
 }
 .str-video__call-controls__button--variant-success {
   background-color: var(--str-video__info-color);
@@ -282,15 +437,153 @@
   padding: 1rem 0;
 }
 .str-video__call-controls .str-video__reactions-menu {
-  background-color: var(--str-video__background-color1);
+  background-color: var(--str-video__base-color7);
   display: flex;
+  padding: var(--str-video__spacing-sm);
+  gap: 0.5rem;
+  border-radius: var(--str-video__border-radius-lg);
+}
+.str-video__call-controls .str-video__reactions-menu--horizontal {
+  flex-direction: row;
+}
+.str-video__call-controls .str-video__reactions-menu--vertical {
   flex-direction: column;
-  padding: 10px;
-  border-radius: var(--str-video__border-radius-xs);
 }
 .str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button {
-  font-size: 1.5rem;
-  background-color: var(--str-video__background-color1);
+  font-size: 1.2rem;
+  height: 38px;
+  width: 38px;
+  background-color: var(--str-video__button-primary-base);
+  border-radius: var(--str-video__border-radius-circle);
+  border: 1px solid transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button:hover {
+  background-color: var(--str-video__button-primary-hover);
+  cursor: pointer;
+}
+
+.str-video__no-media-permission {
+  position: absolute;
+  background-color: var(--str-video__alert-caution);
+  height: 12px;
+  width: 12px;
+  border-radius: var(--str-video__border-radius-circle);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--str-video__font-size-xxs);
+  color: var(--str-video__base-color4);
+  cursor: pointer;
+  font-weight: 600;
+  top: 0;
+  right: -3px;
+}
+
+.str-video__composite-button.str-video__device-unavailable .str-video__composite-button__button-group {
+  background-color: var(--str-video__button-default-disabled);
+}
+.str-video__composite-button.str-video__device-unavailable .str-video__composite-button__button-group:hover {
+  background-color: var(--str-video__button-default-hover);
+}
+
+.str-video__end-call__confirmation {
+  background-color: var(--str-video__base-color7);
+  border-radius: var(--str-video__border-radius-xl);
+  padding: var(--str-video__spacing-sm);
+  gap: var(--str-video__spacing-md);
+  display: flex;
+  flex-direction: column;
+}
+.str-video__end-call__leave, .str-video__end-call__end {
+  min-width: 211px;
+  color: var(--str-video__text-color1);
+}
+.str-video__end-call__leave-icon, .str-video__end-call__end-icon {
+  background-color: var(--str-video__text-color1);
+}
+.str-video__end-call__leave {
+  background-color: var(--str-video__button-tertiary-base);
+  border: 1px solid transparent;
+}
+.str-video__end-call__leave:hover {
+  background-color: var(--str-video__button-primary-hover);
+}
+.str-video__end-call__end {
+  background-color: var(--str-video__button-primary-base);
+}
+.str-video__end-call__end:hover {
+  background-color: var(--str-video__button-tertiary-hover);
+}
+
+.str-video__end-call.str-video__end-call__leave-icon,
+.str-video__icon.str-video__end-call__end-icon {
+  background-color: var(--str-video__text-color1);
+}
+
+.str-video__end-recording__confirmation {
+  background-color: var(--str-video__base-color7);
+  border-radius: var(--str-video__border-radius-lg);
+  padding: var(--str-video__spacing-xl);
+  gap: var(--str-video__spacing-lg);
+  display: flex;
+  flex-direction: column;
+}
+
+.str-video__end-recording__header {
+  display: flex;
+  flex-direction: row;
+  gap: var(--str-video__spacing-md);
+}
+
+.str-video__end-recording__heading {
+  font-size: var(--str-video__font-size-lg);
+  font-weight: 600;
+  margin: 0;
+}
+
+.str-video__end-recording__description {
+  margin: 0;
+  color: var(--str-video__text-color2);
+  font-size: var(--str-video__font-size-sm);
+}
+
+.str-video__end-recording__actions {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: var(--str-video__spacing-md);
+}
+.str-video__end-recording__actions .str-video__composite-button {
+  width: 100%;
+  gap: var(--str-video__spacing-md);
+}
+.str-video__end-recording__actions .str-video__composite-button:first-of-type {
+  background-color: transparent;
+}
+.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group {
+  background-color: transparent;
+  border: 1px solid var(--str-video__base-color2);
+  width: 100%;
+  justify-content: center;
+}
+.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group:hover {
+  background-color: var(--str-video__button-default-hover);
+}
+.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group {
+  background-color: var(--str-video__button-tertiary-base);
+  width: 100%;
+  justify-content: center;
+}
+.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group .str-video__text-button {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group:hover {
+  background-color: var(--str-video__button-tertiary-hover);
 }
 
 .str-video__livestream-layout__wrapper {
@@ -435,21 +728,23 @@
   width: 100%;
   gap: 1rem;
   padding-inline: 2px;
+  padding: 2px;
 }
 .str-video__speaker-layout .str-video__participant-view {
   aspect-ratio: 16/9;
 }
 .str-video__speaker-layout .str-video__speaker-layout__spotlight {
   display: flex;
-  align-items: center;
   justify-content: center;
   min-height: 0;
+  height: 100%;
 }
 .str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__participant-view--speaking:has(.str-video__video--screen-share) {
   outline: none;
 }
 .str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__video {
-  object-fit: contain;
+  height: 100%;
+  width: 100%;
 }
 .str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__participant-details,
 .str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__call-controls__button {
@@ -529,13 +824,18 @@
   max-width: 110vh;
 }
 
+@media (min-width: 600px) {
+  .str-video__speaker-layout .str-video__speaker-layout__spotlight {
+    align-items: center;
+    height: auto;
+  }
+  .str-video__speaker-layout .str-video__speaker-layout__spotlight .str-video__video {
+    object-fit: contain;
+  }
+}
 .str-video__participant-list {
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
-  height: 100%;
-  width: 100%;
-  padding: 0.75rem;
 }
 .str-video__participant-list .str-video__participant-list-header {
   display: flex;
@@ -543,26 +843,26 @@
 }
 .str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__title {
   flex: 1;
+  font-size: var(--str-video__font-size-sm);
 }
-.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__close-button {
-  width: 1.75rem;
-  height: 1.75rem;
+.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__close-button > span {
+  height: 15px;
+  width: 15px;
 }
-.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__close-button .str-video__participant-list-header__close-button--icon {
-  display: block;
-  height: 1rem;
-  width: 1rem;
+.str-video__participant-list .str-video__search-input__container {
+  margin-top: var(--str-video__spacing-md);
 }
 .str-video__participant-list .str-video__participant-list__content-header {
-  display: flex;
+  display: none;
   align-items: center;
   gap: 0.5rem;
+  margin-top: var(--str-video__spacing-md);
+  justify-content: flex-end;
 }
 .str-video__participant-list .str-video__participant-list__content-header .str-video__participant-list__content-header-title {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  flex-grow: 1;
+  justify-content: flex-end;
 }
 .str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button {
   width: 1.75rem;
@@ -577,9 +877,10 @@
   height: 1rem;
 }
 .str-video__participant-list .str-video__participant-list__content {
-  height: 0;
+  height: auto;
   flex-grow: 1;
   overflow-y: auto;
+  margin-top: var(--str-video__spacing-xl);
 }
 .str-video__participant-list .str-video__participant-list__footer {
   display: flex;
@@ -605,7 +906,8 @@
   display: flex;
   align-items: center;
   width: 100%;
-  padding-block: 0.5rem;
+  padding: var(--str-video__spacing-md);
+  font-size: var(--str-video__font-size-sm);
 }
 
 .str-video__invite-link-button {
@@ -626,117 +928,10 @@
   width: 20px;
 }
 
-.str-video {
-  --str-video__participant-list--background-color: var(
-    --str-video__background-color1
-  );
-  --str-video__participant-list--border-radius: var(
-    --str-video__border-radius-xs
-  );
-  --str-video__participant-list-header--color: var(--str-video__text-color1);
-  --str-video__participant-list-header--title-count__color: var(
-    --str-video__text-color3
-  );
-  --str-video__participant-list-header__close-button--background-color: #121416;
-  --str-video__participant-list-header__close-button--border-radius: var(
-    --str-video__border-radius-xs
-  );
-  --str-video__participant-list-header__close-button-icon--background-color: #72767e;
-}
-
-.str-video__participant-list {
-  background: var(--str-video__participant-list--background-color);
-  color: var(--str-video__participant-list--color);
-  box-shadow: var(--str-video__participant-list--box-shadow);
-  border-radius: var(--str-video__participant-list--border-radius);
-  border-block-start: var(--str-video__participant-list--border-block-start);
-  border-block-end: var(--str-video__participant-list--border-block-end);
-  border-inline-start: var(--str-video__participant-list--border-inline-start);
-  border-inline-end: var(--str-video__participant-list--border-inline-end);
-}
-.str-video__participant-list .str-video__participant-list-header__title {
-  background: var(--str-video__participant-list-header--background-color);
-  color: var(--str-video__participant-list-header--color);
-  box-shadow: var(--str-video__participant-list-header--box-shadow);
-  border-radius: var(--str-video__participant-list-header--border-radius);
-  border-block-start: var(--str-video__participant-list-header--border-block-start);
-  border-block-end: var(--str-video__participant-list-header--border-block-end);
-  border-inline-start: var(--str-video__participant-list-header--border-inline-start);
-  border-inline-end: var(--str-video__participant-list-header--border-inline-end);
-  font-size: 1rem;
-  line-height: 1.25rem;
-}
-.str-video__participant-list .str-video__participant-list-header__title-count {
-  background: var(--str-video__participant-list-header--title-count--background-color);
-  color: var(--str-video__participant-list-header--title-count--color);
-  box-shadow: var(--str-video__participant-list-header--title-count--box-shadow);
-  border-radius: var(--str-video__participant-list-header--title-count--border-radius);
-  border-block-start: var(--str-video__participant-list-header--title-count--border-block-start);
-  border-block-end: var(--str-video__participant-list-header--title-count--border-block-end);
-  border-inline-start: var(--str-video__participant-list-header--title-count--border-inline-start);
-  border-inline-end: var(--str-video__participant-list-header--title-count--border-inline-end);
-}
-.str-video__participant-list .str-video__participant-list-header__title-anonymous {
-  background: var(--str-video__participant-list-header--title-anonymous--background-color);
-  color: var(--str-video__participant-list-header--title-anonymous--color);
-  box-shadow: var(--str-video__participant-list-header--title-anonymous--box-shadow);
-  border-radius: var(--str-video__participant-list-header--title-anonymous--border-radius);
-  border-block-start: var(--str-video__participant-list-header--title-anonymous--border-block-start);
-  border-block-end: var(--str-video__participant-list-header--title-anonymous--border-block-end);
-  border-inline-start: var(--str-video__participant-list-header--title-anonymous--border-inline-start);
-  border-inline-end: var(--str-video__participant-list-header--title-anonymous--border-inline-end);
-}
-.str-video__participant-list .str-video__participant-list-header__close-button {
-  background: var(--str-video__participant-list-header__close-button--background-color);
-  color: var(--str-video__participant-list-header__close-button--color);
-  box-shadow: var(--str-video__participant-list-header__close-button--box-shadow);
-  border-radius: var(--str-video__participant-list-header__close-button--border-radius);
-  border-block-start: var(--str-video__participant-list-header__close-button--border-block-start);
-  border-block-end: var(--str-video__participant-list-header__close-button--border-block-end);
-  border-inline-start: var(--str-video__participant-list-header__close-button--border-inline-start);
-  border-inline-end: var(--str-video__participant-list-header__close-button--border-inline-end);
-}
-.str-video__participant-list .str-video__participant-list-header__close-button .str-video__participant-list-header__close-button--icon {
-  mask-image: var(--str-video__icon--close);
-  -webkit-mask-image: var(--str-video__icon--close);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-  mask-size: 0.75rem 0.75rem;
-  -webkit-mask-size: 0.75rem 0.75rem;
-  background-color: var(--str-video__participant-list-header__close-button-icon--background-color);
-}
-.str-video__participant-list .str-video__participant-list--empty {
-  font-size: 13px;
-}
-.str-video__participant-list .str-video__participant-list__footer {
-  display: flex;
-  justify-content: center;
-  padding: 0 0.75rem 0.75rem;
-}
-.str-video__participant-list .str-video__participant-list__footer .str-video__invite-link-button {
-  font-size: 13px;
-  color: var(--str-video__text-color4);
-  background-color: var(--str-video__background-color4);
-  border-radius: var(--str-video__border-radius-xl);
-}
-.str-video__participant-list .str-video__participant-list__footer .str-video__invite-link-button .str-video__invite-participant-icon {
-  mask-image: var(--str-video__icon--user-plus);
-  -webkit-mask-image: var(--str-video__icon--user-plus);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-  mask-size: 1rem;
-  -webkit-mask-size: 1rem;
-  background-color: var(--str-video__text-color4);
-}
-
 .str-video__participant-listing-item {
   display: flex;
   justify-content: space-between;
-  gap: 0.75rem;
+  gap: var(--str-video__spacing-sm);
   padding-block: 0.5rem;
   width: 100%;
   align-items: center;
@@ -745,17 +940,22 @@
   padding: unset;
 }
 .str-video__participant-listing-item .str-video__participant-listing-item__display-name {
+  flex: 1;
   white-space: nowrap;
   overflow-y: visible;
   overflow-x: hidden;
   overflow-x: clip;
   text-overflow: ellipsis;
 }
+.str-video__participant-listing-item .str-video__participant-avatar {
+  display: flex;
+  align-items: center;
+  gap: var(--str-video__spacing-sm);
+}
 .str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group {
   display: flex;
   align-items: center;
-  padding-inline: 0.5rem;
-  gap: 0.75rem;
+  gap: var(--str-video__spacing-sm);
 }
 .str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon {
   width: 0.75rem;
@@ -828,96 +1028,58 @@
   object-fit: contain;
 }
 
-.str-video__call-recording-list {
-  padding: 0.625rem;
-  min-width: 300px;
+.str-video__call-recording-list__list {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.str-video__call-recording-list__list:first-of-type .str-video__call-recording-list__item {
+  font-weight: 600;
 }
 
-.str-video__call-recording-list__header {
+.str-video__call-recording-list__item {
   display: flex;
+  flex-direction: row;
   justify-content: space-between;
-  padding: 0rem 0.5rem 0.5rem;
   align-items: center;
+  font-size: var(--str-video__font-size-xs);
+  border-bottom: 1px solid var(--str-video__base-color2);
+  padding: var(--str-video__spacing-sm) 0;
+  gap: var(--str-video__spacing-sm);
 }
-.str-video__call-recording-list__header .str-video__call-recording-list__title {
-  display: flex;
-  gap: 0.5rem;
+.str-video__call-recording-list__item:last-of-type {
+  border-bottom: none;
 }
-.str-video__call-recording-list__header .str-video__call-controls__button .str-video__icon {
-  width: 1rem;
-  height: 1rem;
+
+.str-video__call-recording-list__filename {
+  width: 200px;
 }
 
-.str-video__call-recording-list__listing {
-  padding-inline: 0.5rem;
-  max-height: 400px;
-  overflow-y: auto;
+.str-video__call-recording-list__time {
+  width: 100px;
 }
-.str-video__call-recording-list__listing.str-video__call-recording-list__listing--empty {
+
+.str-video__call-recording-list__download {
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  padding-block: 2rem;
-}
-.str-video__call-recording-list__listing.str-video__call-recording-list__listing--empty .str-video__call-recording-list__listing--icon-empty {
-  width: 3rem;
-  height: 3rem;
-}
-.str-video__call-recording-list__listing.str-video__call-recording-list__listing--empty .str-video__call-recording-list__listing--text-empty {
-  margin: 0;
+  justify-content: flex-end;
+  width: 100px;
 }
 
-.str-video__call-recording-list-item {
-  display: flex;
-  justify-content: space-between;
+.str-video__call-recording-list__filename,
+.str-video__call-recording-list__time {
+  text-overflow: ellipsis;
   overflow: hidden;
-  width: 100%;
-  padding-block: 0.125rem;
-}
-.str-video__call-recording-list-item .str-video__call-recording-list-item__info {
-  display: flex;
-  gap: 0.5rem;
-}
-.str-video__call-recording-list-item .str-video__call-recording-list-item__actions {
-  display: flex;
-}
-.str-video__call-recording-list-item .str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.str-video__call-recording-list-item .str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button .str-video__call-recording-list-item__action-button-icon {
-  display: block;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.str-video__call-recording-list-item .str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button .str-video__call-recording-list-item__action-button-icon.str-video__copy-button--icon {
-  width: 1.25rem;
-  height: 1.25rem;
 }
 
-.str-video__call-recording-list__listing .str-video__loading-indicator {
-  padding-block: 0.5rem;
-  flex-direction: row;
-  justify-content: flex-start;
-  gap: 0.5rem;
-}
-.str-video__call-recording-list__listing .str-video__loading-indicator .str-video__loading-indicator__icon.spinner {
-  height: 1rem;
-  width: 1rem;
-  mask-size: 1rem;
+.str-video__call-recording-list-item__action-button--download .str-video__icon--download {
+  height: 32px;
+  width: 32px;
 }
-.str-video__call-recording-list__listing .str-video__loading-indicator .str-video__loading-indicator-text {
-  white-space: nowrap;
-  overflow-y: visible;
-  overflow-x: hidden;
-  overflow-x: clip;
-  text-overflow: ellipsis;
+.str-video__call-recording-list-item__action-button--download:hover .str-video__icon--download {
+  cursor: pointer;
+  background-color: var(--str-video__brand-color1);
 }
 
 .str-video__call-recording-list__title {
@@ -978,51 +1140,11 @@
   background-color: var(--str-video__text-color1);
 }
 
-.str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button {
-  border-radius: 4px;
-  background-color: transparent;
-}
-.str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button:hover {
-  background-color: var(--str-video__background-color7);
-}
-.str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button:active {
-  background-color: var(--str-video__background-color5);
-  transition: background-color 0.2s ease-out;
-}
-.str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button .str-video__download-button--icon {
-  mask-image: var(--str-video__icon--download);
-  -webkit-mask-image: var(--str-video__icon--download);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  background-color: var(--str-video__text-color1);
-}
-.str-video__call-recording-list-item__actions .str-video__call-recording-list-item__action-button .str-video__copy-button--icon {
-  mask-image: var(--str-video__icon--copy);
-  -webkit-mask-image: var(--str-video__icon--copy);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  background-color: var(--str-video__text-color1);
-}
-
-.str-video__call-recording-list__listing .str-video__loading-indicator .str-video__loading-indicator-text {
-  font-weight: 500;
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
 .str-video__call-stats {
-  background-color: var(--str-video__background-color1);
-  border-radius: var(--str-video__border-radius-xs);
-  padding: 0.75rem;
-  max-width: 400px;
+  border-radius: var(--str-video__border-radius-lg);
+  background-color: var(--str-video__base-color7);
+  padding: var(--str-video__spacing-md);
+  width: 100%;
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -1030,6 +1152,25 @@
 .str-video__call-stats h3 {
   margin: unset;
 }
+.str-video__call-stats .str-video__call-stats__header {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--str-video__spacing-md);
+}
+.str-video__call-stats .str-video__call-stats__heading {
+  display: flex;
+  align-items: center;
+}
+.str-video__call-stats .str-video__call-stats__icon {
+  margin-right: var(--str-video__spacing-sm);
+  height: 18px;
+  width: 18px;
+}
+.str-video__call-stats .str-video__call-stats__description {
+  font-size: var(--str-video__font-size-sm);
+  margin-bottom: var(--str-video__spacing-sm);
+  font-weight: 600;
+}
 .str-video__call-stats .str-video__call-stats__card-container {
   --gap: 1rem;
   display: flex;
@@ -1038,24 +1179,67 @@
   gap: var(--gap);
 }
 .str-video__call-stats .str-video__call-stats__card {
-  background-color: var(--str-video__background-color2);
+  display: flex;
+  justify-content: space-between;
+  background-color: var(--str-video__background-color4);
   border-radius: var(--str-video__border-radius-xs);
   width: calc(50% - var(--gap) / 2);
   padding: 0.5rem 0.5rem;
 }
-.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card_label {
+.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-content {
+  display: flex;
+  flex-direction: column;
+}
+.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-label {
+  display: flex;
   color: var(--str-video__text-color2);
   font-size: 0.5625rem;
   font-weight: 500;
   text-transform: uppercase;
 }
-.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card_value {
+.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-value {
   font-size: 1.0625rem;
   font-weight: 500;
   line-height: 1.25rem;
 }
+.str-video__call-stats .str-video__call-explanation__icon {
+  height: 12px;
+  width: 12px;
+  margin-left: var(--str-video__spacing-xs);
+}
+.str-video__call-stats .str-video__call-explanation__icon:hover {
+  cursor: pointer;
+}
+.str-video__call-stats .str-video__call-explanation__description {
+  background-color: var(--str-video__base-color3);
+  padding: var(--str-video__spacing-xs);
+  font-size: var(--str-video__font-size-xs);
+  border-radius: var(--str-video__border-radius-xs);
+}
 .str-video__call-stats .str-video__call-stats-line-chart-container {
-  height: 15vh;
+  position: relative;
+  margin: auto;
+  height: 170px;
+  width: 100%;
+}
+.str-video__call-stats .str-video__call-stats__tag {
+  border-radius: var(--str-video__border-radius-sm);
+  padding: var(--str-video__spacing-xs);
+  font-size: var(--str-video__font-size-sm);
+  font-weight: 600;
+  height: 30px;
+}
+.str-video__call-stats .str-video__call-stats__tag--good {
+  color: var(--str-video__alert-success);
+  background-color: var(--str-video__alert-success-background);
+}
+.str-video__call-stats .str-video__call-stats__tag--ok {
+  color: var(--str-video__alert-caution);
+  background-color: var(--str-video__alert-caution-background);
+}
+.str-video__call-stats .str-video__call-stats__tag--bad {
+  color: var(--str-video__alert-warning);
+  background-color: var(--str-video__alert-warming-background);
 }
 
 .str-video__device-settings__button .str-video__call-controls__button--icon-device-settings {
@@ -1066,20 +1250,81 @@
 .str-video__device-settings {
   padding: 0.625rem;
   z-index: 1;
+  font-family: "Inter";
+}
+
+.str-video__device-settings__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 16px 0px 16px;
+  margin-bottom: 33px;
+}
+
+.str-video__icon.str-video__device-settings__settings-icon {
+  height: 24px;
+  width: 24px;
+  color: var(--str-video__base-color1);
+}
+
+.str-video__device-settings__heading {
+  width: 100%;
+  justify-self: start;
+  margin: unset;
+  margin-left: 8px;
+  color: var(--str-video__base-color1);
+  font-size: 24;
+  font-weight: 500;
+  word-wrap: "break-word";
+}
+
+.str-video__device-settings__close-button {
+  color: var(--str-video__base-color1);
+  background-color: transparent;
 }
 
 .str-video__device-settings__device-kind {
-  padding: 0.75rem 1rem;
+  background-color: var(--str-video__base-color7);
+  padding: var(--str-video__spacing-lg);
+  border-radius: var(--str-video__border-radius-lg);
 }
 .str-video__device-settings__device-kind .str-video__device-settings__device-selector-title {
+  font-size: var(--str-video__font-size-xs);
+  line-height: 1.25rem;
   padding-bottom: 0.5rem;
+  font-size: 13px;
+  margin-bottom: 8px;
 }
+.str-video__device-settings__device-kind .str-video__option,
 .str-video__device-settings__device-kind .str-video__device-settings__option {
   display: flex;
   align-items: center;
-  gap: 0.625rem;
-  padding: 0.5rem;
+  border-radius: var(--str-video__border-radius-lg);
+  background-color: var(--str-video__button-primary-base);
+  padding: var(--str-video__spacing-xs) var(--str-video__spacing-md);
+  gap: 8px;
+  font-weight: 600;
+  font-size: var(--str-video__font-size-sm);
+}
+.str-video__device-settings__device-kind .str-video__option:not(:first-of-type),
+.str-video__device-settings__device-kind .str-video__device-settings__option:not(:first-of-type) {
+  margin-top: 8px;
+}
+.str-video__device-settings__device-kind .str-video__option__icon--selected,
+.str-video__device-settings__device-kind .str-video__device-settings__option__icon--selected {
+  background-color: var(--str-video__brand-color1);
+}
+.str-video__device-settings__device-kind .str-video__option:hover,
+.str-video__device-settings__device-kind .str-video__device-settings__option:hover {
+  background-color: var(--str-video__button-default-hover);
+  cursor: pointer;
+}
+.str-video__device-settings__device-kind .str-video__option--selected, .str-video__device-settings__device-kind .str-video__option--active,
+.str-video__device-settings__device-kind .str-video__device-settings__option--selected,
+.str-video__device-settings__device-kind .str-video__device-settings__option--active {
+  background-color: var(--str-video__button-default-hover);
 }
+.str-video__device-settings__device-kind .str-video__option input[type=radio],
 .str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio] {
   margin: 0;
   height: 1rem;
@@ -1087,121 +1332,108 @@
   display: grid;
   place-content: center;
 }
+.str-video__device-settings__device-kind .str-video__option input[type=radio]::before,
 .str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]::before {
   content: "";
   width: 0.5rem;
   height: 0.5rem;
   transform: scale(0);
 }
+.str-video__device-settings__device-kind .str-video__option input[type=radio]:checked::before,
 .str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked::before {
   transform: scale(1);
 }
-
-.str-video {
-  /* The font color applied inside the component */
-  --str-video__menu-container--color: var(--str-video__text-color1);
-  /* The background color of the component */
-  --str-video__menu-container--background-color: var(--str-video__background-color1);
-  /* The border radius used for the borders of the component */
-  --str-video__menu-container--border-radius: var(--str-video__border-radius-xs);
-  /* The background color of the component */
-  --str-video__device-settings--background-color: var(--str-video__background-color1);
-  /* The border radius used for the borders of the component */
-  --str-video__device-settings--border-radius: var(--str-video__border-radius-xs);
-  /* The box shadow applied to the component */
-  --str-video__device-settings--box-shadow: 0 0 4px 1px var(--str-video__background-color2);
+.str-video__device-settings__device-kind .str-video__option input[type=radio]:checked,
+.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked {
+  border-color: var(--str-video__primary-color);
 }
 
-.str-video__device-settings {
-  background: var(--str-video__device-settings--background-color);
-  color: var(--str-video__device-settings--color);
-  box-shadow: var(--str-video__device-settings--box-shadow);
-  border-radius: var(--str-video__device-settings--border-radius);
-  border-block-start: var(--str-video__device-settings--border-block-start);
-  border-block-end: var(--str-video__device-settings--border-block-end);
-  border-inline-start: var(--str-video__device-settings--border-inline-start);
-  border-inline-end: var(--str-video__device-settings--border-inline-end);
+.str-video__dropdown {
+  position: relative;
 }
-
-.str-video__menu-container {
-  background: var(--str-video__menu-container--background-color);
-  color: var(--str-video__menu-container--color);
-  box-shadow: var(--str-video__menu-container--box-shadow);
-  border-radius: var(--str-video__menu-container--border-radius);
-  border-block-start: var(--str-video__menu-container--border-block-start);
-  border-block-end: var(--str-video__menu-container--border-block-end);
-  border-inline-start: var(--str-video__menu-container--border-inline-start);
-  border-inline-end: var(--str-video__menu-container--border-inline-end);
+.str-video__dropdown-selected {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--str-video__base-color4);
+  border-radius: var(--str-video__border-radius-lg);
+  border: 1px solid var(--str-video__base-color6);
 }
-
-.str-video__device-settings__device-kind {
-  font-size: 1rem;
+.str-video__dropdown-selected__label {
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  padding: var(--str-video__spacing-sm);
+  font-size: var(--str-video__font-size-xs);
 }
-.str-video__device-settings__device-kind .str-video__device-settings__device-selector-title {
-  font-weight: 500;
-  font-size: 1rem;
-  line-height: 1.25rem;
+.str-video__dropdown-selected__icon {
+  margin-right: var(--str-video__spacing-sm);
 }
-.str-video__device-settings__device-kind .str-video__device-settings__option {
-  color: var(--str-video__text-color3);
-  font-size: 1rem;
-  line-height: 1.25rem;
-  border-radius: var(--str-video__border-radius-xxs);
+.str-video__dropdown-selected__chevron {
+  margin-right: var(--str-video__spacing-md);
+}
+.str-video__dropdown-selected > *:hover, .str-video__dropdown-selected:hover {
   cursor: pointer;
-  transition: all 0.3s ease-out;
 }
-.str-video__device-settings__device-kind .str-video__device-settings__option:hover, .str-video__device-settings__device-kind .str-video__device-settings__option.str-video__device-settings__option--selected {
-  color: var(--str-video__text-color1);
-  background-color: var(--str-video__background-color2);
+.str-video__dropdown-selected:hover {
+  border: 1px solid var(--str-video__brand-color1);
 }
-.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio] {
-  -webkit-appearance: none;
-  appearance: none;
-  /* For iOS < 15 to remove gradient background */
-  background-color: currentColor;
-  font: inherit;
-  color: var(--str-video__text-color3);
-  border: 0.5rem solid var(--str-video__text-color3);
-  border-radius: var(--str-video__border-radius-circle);
+.str-video__dropdown-list {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  margin-top: var(--str-video__spacing-sm);
+  background-color: var(--str-video__base-color4);
+  border-radius: var(--str-video__border-radius-lg);
+  padding: var(--str-video__spacing-md);
+  box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75);
 }
-.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked {
-  border-color: var(--str-video__primary-color);
+.str-video__dropdown-option {
+  display: flex;
+  align-items: center;
+  border-radius: var(--str-video__border-radius-lg);
+  padding: 8px 16px;
+  margin-top: 8px;
+  gap: 8px;
+  font-weight: 600;
+  font-size: var(--str-video__font-size-sm);
 }
-.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]::before {
-  border-radius: var(--str-video__border-radius-circle);
-  transition: 120ms transform ease-in-out;
+.str-video__dropdown-option:hover {
+  background-color: var(--str-video__button-default-hover);
+  cursor: pointer;
 }
-.str-video__device-settings__device-kind .str-video__device-settings__option input[type=radio]:checked::before {
-  box-shadow: inset 0.5rem 0.5rem var(--str-video__text-color1);
+.str-video__dropdown-option--selected {
+  background-color: var(--str-video__button-primary-active);
+  color: var(--str-video__text-color1);
 }
-
-.str-video__device-settings__button {
-  cursor: pointer;
-  border: none;
-  background-color: var(--str-video__background-color1);
+.str-video__dropdown-option--selected:hover {
+  background-color: var(--str-video__button-primary-hover);
 }
-.str-video__device-settings__button .str-video__call-controls__button--icon-device-settings {
-  mask-image: var(--str-video__icon--settings);
-  -webkit-mask-image: var(--str-video__icon--settings);
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-  mask-size: contain;
-  -webkit-mask-size: contain;
+.str-video__dropdown-icon {
+  background-color: var(--str-video__icon-default);
+}
+.str-video__dropdown__option:hover .str-video__dropdown-icon {
+  background-color: var(--str-video__icon-hover);
+}
+.str-video__dropdown-option--selected .str-video__dropdown-icon {
   background-color: var(--str-video__text-color1);
 }
-.str-video__device-settings__button:hover, .str-video__device-settings__button:active {
-  background-color: var(--str-video__background-color7);
-  border-radius: var(--str-video__border-radius-xs);
+.str-video__dropdown-label {
+  font-size: var(--str-video__font-size-xs);
 }
-
-.str-video__device-settings__button--active {
-  background-color: var(--str-video__background-color7);
+.str-video__dropdown__option:hover .str-video__dropdown-label {
+  color: var(--str-video__base-color1);
 }
 
+@media (min-width: 600px) {
+  .str-video__dropdown-selected__label {
+    font-size: var(--str-video__font-size-sm);
+  }
+}
 .str-video__icon {
-  background-color: var(--str-video__text-color1);
+  background-color: var(--str-video__base-color1);
 }
 .str-video__icon--chat {
   mask-image: var(--str-video__icon--chat);
@@ -1211,15 +1443,140 @@
   -webkit-mask-image: var(--str-video__icon--reactions);
   mask-image: var(--str-video__icon--reactions);
 }
+.str-video__icon--call-latency {
+  -webkit-mask-image: var(--str-video__icon--call-latency);
+  mask-image: var(--str-video__icon--call-latency);
+}
+.str-video__icon--network-quality {
+  -webkit-mask-image: var(--str-video__icon--network-quality);
+  mask-image: var(--str-video__icon--network-quality);
+}
+.str-video__icon--support-agent {
+  -webkit-mask-image: var(--str-video__icon--support-agent);
+  mask-image: var(--str-video__icon--support-agent);
+}
 .str-video__icon--recording-on {
   mask-image: var(--str-video__icon--recording-on);
   -webkit-mask-image: var(--str-video__icon--recording-on);
-  background-color: var(--str-video__danger-color);
+}
+.str-video__icon--mediation {
+  mask-image: var(--str-video__icon--mediation);
+  -webkit-mask-image: var(--str-video__icon--mediation);
+}
+.str-video__icon--copy {
+  mask-image: var(--str-video__icon--copy);
+  -webkit-mask-image: var(--str-video__icon--copy);
+}
+.str-video__icon--caret-up {
+  mask-image: var(--str-video__icon--caret-up);
+  -webkit-mask-image: var(--str-video__icon--caret-up);
+}
+.str-video__icon--download {
+  mask-image: var(--str-video__icon--download);
+  -webkit-mask-image: var(--str-video__icon--download);
+}
+.str-video__icon--caret-down {
+  mask-image: var(--str-video__icon--caret-down);
+  -webkit-mask-image: var(--str-video__icon--caret-down);
+  transform: rotate(180deg);
+}
+.str-video__icon--layout-speaker-bottom {
+  mask-image: var(--str-video__icon--layout-speaker-bottom);
+  -webkit-mask-image: var(--str-video__icon--layout-speaker-bottom);
+}
+.str-video__icon--layout-speaker-top {
+  mask-image: var(--str-video__icon--layout-speaker-top);
+  -webkit-mask-image: var(--str-video__icon--layout-speaker-top);
+}
+.str-video__icon--layout-speaker-left {
+  mask-image: var(--str-video__icon--layout-speaker-left);
+  -webkit-mask-image: var(--str-video__icon--layout-speaker-left);
+}
+.str-video__icon--layout-speaker-one-on-one {
+  mask-image: var(--str-video__icon--layout-speaker-one-on-one);
+  -webkit-mask-image: var(--str-video__icon--layout-speaker-one-on-one);
+}
+.str-video__icon--layout-speaker-live-stream {
+  mask-image: var(--str-video__icon--layout-speaker-live-stream);
+  -webkit-mask-image: var(--str-video__icon--layout-speaker-live-stream);
+}
+.str-video__icon--layout-speaker-right {
+  mask-image: var(--str-video__icon--layout-speaker-right);
+  -webkit-mask-image: var(--str-video__icon--layout-speaker-right);
+}
+.str-video__icon--layout {
+  mask-image: var(--str-video__icon--layout);
+  -webkit-mask-image: var(--str-video__icon--layout);
+}
+.str-video__icon--folder {
+  mask-image: var(--str-video__icon--folder);
+  -webkit-mask-image: var(--str-video__icon--folder);
+}
+.str-video__icon--paperclip {
+  mask-image: var(--str-video__icon--paperclip);
+  -webkit-mask-image: var(--str-video__icon--paperclip);
+}
+.str-video__icon--chevron-right {
+  mask-image: var(--str-video__icon--chevron-right);
+  -webkit-mask-image: var(--str-video__icon--chevron-right);
 }
 .str-video__icon--recording-off {
   mask-image: var(--str-video__icon--recording-off);
   -webkit-mask-image: var(--str-video__icon--recording-off);
 }
+.str-video__icon--camera-add {
+  mask-image: var(--str-video__icon--camera-add);
+  -webkit-mask-image: var(--str-video__icon--camera-add);
+}
+.str-video__icon--person-add {
+  mask-image: var(--str-video__icon--person-add);
+  -webkit-mask-image: var(--str-video__icon--person-add);
+}
+.str-video__icon--qr-code {
+  mask-image: var(--str-video__icon--qr-code);
+  -webkit-mask-image: var(--str-video__icon--qr-code);
+}
+.str-video__icon--loading {
+  mask-image: var(--str-video__icon--loading);
+  -webkit-mask-image: var(--str-video__icon--loading);
+  transform: rotate(360deg);
+  transition-duration: 1s;
+  transition-delay: now;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+.str-video__icon--login {
+  mask-image: var(--str-video__icon--login);
+  -webkit-mask-image: var(--str-video__icon--login);
+}
+.str-video__icon--logout {
+  mask-image: var(--str-video__icon--logout);
+  -webkit-mask-image: var(--str-video__icon--logout);
+}
+.str-video__icon--provider-google {
+  mask-image: var(--str-video__icon--provider-google);
+  -webkit-mask-image: var(--str-video__icon--provider-google);
+}
+.str-video__icon--person-off {
+  mask-image: var(--str-video__icon--person-off);
+  -webkit-mask-image: var(--str-video__icon--person-off);
+}
+.str-video__icon--verified {
+  mask-image: var(--str-video__icon--verified);
+  -webkit-mask-image: var(--str-video__icon--verified);
+}
+.str-video__icon--chevron-up {
+  mask-image: var(--str-video__icon--chevron-up);
+  -webkit-mask-image: var(--str-video__icon--chevron-up);
+}
+.str-video__icon--chevron-down {
+  mask-image: var(--str-video__icon--chevron-down);
+  -webkit-mask-image: var(--str-video__icon--chevron-down);
+}
+.str-video__icon--developer {
+  mask-image: var(--str-video__icon--developer);
+  -webkit-mask-image: var(--str-video__icon--developer);
+}
 .str-video__icon--screen-share-on {
   mask-image: var(--str-video__icon--screen-share-on);
   -webkit-mask-image: var(--str-video__icon--screen-share-on);
@@ -1247,6 +1604,10 @@
   mask-image: var(--str-video__icon--caret);
   -webkit-mask-image: var(--str-video__icon--caret);
 }
+.str-video__icon--star {
+  mask-image: var(--str-video__icon--star);
+  -webkit-mask-image: var(--str-video__icon--star);
+}
 .str-video__icon--close {
   mask-image: var(--str-video__icon--close);
   -webkit-mask-image: var(--str-video__icon--close);
@@ -1259,6 +1620,10 @@
   mask-image: var(--str-video__icon--mic-off);
   -webkit-mask-image: var(--str-video__icon--mic-off);
 }
+.str-video__icon--more {
+  mask-image: var(--str-video__icon--more);
+  -webkit-mask-image: var(--str-video__icon--more);
+}
 .str-video__icon--camera {
   mask-image: var(--str-video__icon--camera);
   -webkit-mask-image: var(--str-video__icon--camera);
@@ -1283,6 +1648,10 @@
   -webkit-mask-image: var(--str-video__icon--info-icon);
   mask-image: var(--str-video__icon--info-icon);
 }
+.str-video__icon--feedback {
+  -webkit-mask-image: var(--str-video__icon--feedback);
+  mask-image: var(--str-video__icon--feedback);
+}
 .str-video__icon--info-document {
   -webkit-mask-image: var(--str-video__icon--info-document);
   mask-image: var(--str-video__icon--info-document);
@@ -1303,6 +1672,10 @@
   mask-image: var(--str-video__icon--speaker);
   -webkit-mask-image: var(--str-video__icon--speaker);
 }
+.str-video__icon--language {
+  mask-image: var(--str-video__icon--language);
+  -webkit-mask-image: var(--str-video__icon--language);
+}
 .str-video__icon--ellipsis {
   mask-image: var(--str-video__icon--ellipsis);
   -webkit-mask-image: var(--str-video__icon--ellipsis);
@@ -1323,7 +1696,7 @@
   mask-image: var(--str-video__icon--not-allowed);
   -webkit-mask-image: var(--str-video__icon--not-allowed);
 }
-.str-video__icon--call-recordings {
+.str-video__icon--film-roll {
   mask-image: var(--str-video__icon--film-roll);
   -webkit-mask-image: var(--str-video__icon--film-roll);
 }
@@ -1383,30 +1756,64 @@
 }
 .str-video__menu-container {
   z-index: 2;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.str-video__menu-container::-webkit-scrollbar {
+  display: none;
+}
+
+.str-video__portal {
+  position: fixed;
+  z-index: 1;
+  width: 100vw;
+  height: 100vh;
+  background-color: var(--str-video__backdrop1);
+  left: 0;
+  top: 0;
+}
+.str-video__portal:hover {
+  cursor: pointer;
+}
+
+.str-video__portal-content {
+  z-index: 2;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 .str-video__menu-container {
-  box-shadow: 0px 0px 5px var(--str-video__background-color1);
+  background-color: var(--str-video__base-color7);
+  border-radius: var(--str-video__border-radius-lg);
 }
 
 .str-video__generic-menu {
   list-style: none;
   margin: unset;
-  padding: 5px;
-  border-radius: var(--str-video__border-radius-xs);
+  background-color: var(--str-video__base-color7);
+  padding: var(--str-video__spacing-md);
+  border-radius: var(--str-video__border-radius-lg);
   display: flex;
   flex-direction: column;
   gap: 1px;
 }
 .str-video__generic-menu .str-video__generic-menu--item {
+  align-items: center;
+  margin-top: 8px;
+  gap: 8px;
+  font-weight: 600;
+  font-size: var(--str-video__font-size-md);
   display: flex;
 }
 .str-video__generic-menu .str-video__generic-menu--item button {
   all: unset;
   width: 100%;
   font-size: 13px;
-  padding: 5px 10px;
-  border-radius: var(--str-video__border-radius-xs);
+  border-radius: var(--str-video__border-radius-lg);
+  background-color: var(--str-video__button-primary-base);
+  padding: 8px 16px;
   gap: 10px;
   display: flex;
   align-items: center;
@@ -1416,6 +1823,13 @@
   width: 1.1rem;
   height: 1rem;
 }
+.str-video__generic-menu .str-video__generic-menu--item button:hover {
+  background-color: var(--str-video__button-default-hover);
+  cursor: pointer;
+}
+.str-video__generic-menu .str-video__generic-menu--item button--selected, .str-video__generic-menu .str-video__generic-menu--item button--active {
+  background-color: var(--str-video__button-primary-hover);
+}
 .str-video__generic-menu .str-video__generic-menu--item button[aria-selected] {
   padding: 5px 10px 5px 26px;
 }
@@ -1426,18 +1840,6 @@
   position: absolute;
 }
 
-.str-video__generic-menu {
-  background: var(--str-video__background-color2);
-}
-.str-video__generic-menu .str-video__generic-menu--item button:hover {
-  background: var(--str-video__background-color1);
-}
-.str-video__generic-menu .str-video__generic-menu--item button[disabled] {
-  background-color: var(--str-video__background-color5);
-  color: var(--str-video__text-color2);
-  cursor: not-allowed;
-}
-
 .str-video__notification {
   padding: 0.625rem;
   display: flex;
@@ -1452,6 +1854,14 @@
 .str-video__notification .str-video__notification__message {
   flex: 1;
 }
+.str-video__notification .str-video__notification__close {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+}
+.str-video__notification .str-video__notification__close:hover {
+  cursor: pointer;
+}
 
 .str-video__notification {
   background-color: var(--str-video__background-color1);
@@ -1488,40 +1898,39 @@
 .str-video__participant-view--speaking {
   outline: 2px solid var(--str-video__primary-color);
 }
-.str-video__participant-view .str-video__participant-details,
 .str-video__participant-view .str-video__call-controls__button {
   transition: opacity 200ms ease-out;
   opacity: 0.3;
   color: var(--str-video__text-color1);
 }
-.str-video__participant-view:hover .str-video__participant-details,
 .str-video__participant-view:hover .str-video__call-controls__button {
   opacity: 1;
 }
 .str-video__participant-view > .str-video__call-controls__button {
   position: absolute;
   top: 0.875rem;
-  right: 0.875rem;
+  left: 0.875rem;
   padding: 0.3rem;
 }
 .str-video__participant-view .str-video__participant-details {
   position: absolute;
-  left: 0.875rem;
-  bottom: 0.875rem;
+  left: 0;
+  bottom: 0;
   display: flex;
   align-items: center;
-  gap: 0.3125rem;
-  border-radius: var(--str-video__border-radius-xs);
+  gap: var(--str-video__spacing-sm);
+  border-radius: 0 var(--str-video__border-radius-xs) 0 var(--str-video__border-radius-sm);
   background-color: var(--str-video__background-color4);
 }
 .str-video__participant-view .str-video__participant-details .str-video__participant-details__name {
   display: flex;
   align-items: center;
-  gap: 0.3125rem;
+  gap: var(--str-video__spacing-sm);
   padding: 4px 6px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  font-size: var(--str-video__font-size-sm);
 }
 .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted {
   width: 1rem;
@@ -1532,21 +1941,6 @@
   mask-image: var(--str-video__icon--mic-off);
   -webkit-mask-image: var(--str-video__icon--mic-off);
 }
-.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--dominant_speaker {
-  width: 1rem;
-  height: 1rem;
-  mask-size: 1rem;
-  -webkit-mask-size: 1rem;
-  background-color: var(--str-video__text-color1);
-  mask-image: var(--str-video__icon--dominant-speaker);
-  -webkit-mask-image: var(--str-video__icon--dominant-speaker);
-  mask-size: contain;
-  -webkit-mask-size: contain;
-  mask-repeat: no-repeat;
-  -webkit-mask-repeat: no-repeat;
-  mask-position: center;
-  -webkit-mask-position: center;
-}
 .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted {
   width: 1rem;
   height: 1rem;
@@ -1557,6 +1951,7 @@
   -webkit-mask-image: var(--str-video__icon--camera-off);
 }
 .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned {
+  cursor: pointer;
   width: 1rem;
   height: 1rem;
   mask-size: 1rem;
@@ -1583,22 +1978,100 @@
   cursor: pointer;
   margin-right: 0.625rem;
 }
-.str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality {
-  width: 1.5rem;
-  height: 1.5rem;
+.str-video__participant-view .str-video__participant-details__connection-quality {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  border-radius: var(--str-video__border-radius-sm) 0 var(--str-video__border-radius-sm) 0;
+  width: 24px;
+  height: 24px;
   display: block;
   background-size: cover;
+  background-color: var(--str-video__background-color4);
 }
-.str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--poor {
+.str-video__participant-view .str-video__participant-details__connection-quality--poor {
   background-image: var(--str-video__icon--connection-quality-poor);
 }
-.str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--good {
+.str-video__participant-view .str-video__participant-details__connection-quality--good {
   background-image: var(--str-video__icon--connection-quality-good);
 }
-.str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--excellent {
+.str-video__participant-view .str-video__participant-details__connection-quality--excellent {
   background-image: var(--str-video__icon--connection-quality-excellent);
 }
 
+.str-video__speech-indicator {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1px;
+  height: 16px;
+}
+.str-video__speech-indicator .str-video__speech-indicator__bar {
+  width: 3px;
+  height: 20%;
+  background-color: var(--str-video__primary-color);
+  border-radius: 2px;
+  animation-duration: 0.4s;
+  animation-iteration-count: 1;
+  animation-name: speech-indicator-silence;
+  animation-timing-function: ease-in-out;
+}
+.str-video__speech-indicator.str-video__speech-indicator--dominant .str-video__speech-indicator__bar {
+  background-color: var(--str-video__primary-color);
+}
+.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar {
+  height: 100%;
+  animation-iteration-count: infinite;
+}
+.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(1) {
+  height: 70%;
+  animation-duration: 0.8s;
+  animation-name: speech-indicator-quiet;
+}
+.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(2) {
+  height: 80%;
+  animation-duration: 1s;
+  animation-name: speech-indicator-loud;
+}
+.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(3) {
+  height: 60%;
+  animation-duration: 0.9s;
+  animation-name: speech-indicator-quiet;
+}
+@keyframes speech-indicator-silence {
+  25% {
+    transform: scaleY(2);
+  }
+  50% {
+    transform: scaleY(2.5);
+  }
+  75% {
+    transform: scaleY(1);
+  }
+}
+@keyframes speech-indicator-quiet {
+  25% {
+    transform: scaleY(0.5);
+  }
+  50% {
+    transform: scaleY(0.3);
+  }
+  75% {
+    transform: scaleY(0.5);
+  }
+}
+@keyframes speech-indicator-loud {
+  25% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(0.45);
+  }
+  75% {
+    transform: scaleY(1.1);
+  }
+}
+
 .str-video__permission-requests {
   background-color: var(--str-video__background-color1);
   border-radius: 8px;
@@ -1652,7 +2125,7 @@
 .str-video__reaction {
   position: absolute;
   right: 0.875rem;
-  bottom: 0.875rem;
+  top: 0.875rem;
 }
 .str-video__reaction .str-video__reaction__emoji {
   display: flex;
@@ -1851,6 +2324,11 @@
 }
 .str-video__search-input__container .str-video__search-input__clear-btn {
   background-color: transparent;
+  border-radius: var(--str-video__border-radius-circle);
+  border: none;
+}
+.str-video__search-input__container .str-video__search-input__clear-btn:hover {
+  cursor: pointer;
 }
 .str-video__search-input__container .str-video__search-input__clear-btn .str-video__search-input__icon--active {
   mask-image: var(--str-video__icon--close);
@@ -1925,13 +2403,6 @@
   background-color: var(--str-video__tooltip-background-color);
 }
 
-.str-video__copy-to-clipboard-button__popup {
-  color: var(--str-video__text-color1);
-  background-color: var(--str-video__primary-color);
-  font-size: 12px;
-  box-shadow: none;
-}
-
 .str-video__video {
   object-fit: cover;
   width: 100%;