.str-video *,.str-video :before,.str-video :after{box-sizing:border-box}.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:#000;--str-video__base-color5:#0c0d0e;--str-video__base-color6:#19232d;--str-video__base-color7:#101213;--str-video__backdrop1:#00000080;--str-video__button-default-base:#19232d;--str-video__button-default-hover:#323b44;--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:#eff0f1;--str-video__icon-hover:#eff0f1;--str-video__icon-pressed:#656b72;--str-video__icon-active:#e3e4e5;--str-video__icon-alert:#e3e4e5;--str-video__icon-disabled:#7e8389;--str-video__alert-success:#00e2a1;--str-video__alert-caution:#ffd646;--str-video__alert-warning:#dc433b;--str-video__alert-success-background:#00e2a180;--str-video__alert-caution-background:#ffd64680;--str-video__alert-warning-background:#dc433b80;--str-video__font-size-xxs:.625rem;--str-video__font-size-xs:.75rem;--str-video__font-size-sm:.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: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:#fff;--str-video__text-color2:#b4b7bb;--str-video__text-color3:#72767e;--str-video__text-color4:#f7f7f8;--str-video__info-color:#4ce68c;--str-video__info-color--accent:#20e070;--str-video__danger-color:#ff3742;--str-video__danger-color--accent:#ff000e;--str-video__background-color0:#000;--str-video__background-color1:#1c1e22;--str-video__background-color2:#272a30;--str-video__background-color3:#f4f4f5;--str-video__background-color4:#121416;--str-video__background-color5:#1d2938;--str-video__background-color6:#b4b7bb;--str-video__background-color7:#72767e;--str-video__overlay-color:#272a30bf;--str-video__livestream-overlay-color:#272a3040;--str-video__livestream-overlay-color-hovered:#272a3080;--str-video__audio-blocked-overlay-color:#272a3059;--str-video__audio-blocked-overlay-color-hovered:#272a3073;--str-video__icon--call-accept:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);--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--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--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--download:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjA2MDcgNi4zMzM1SDE2LjAwMDdWMy4wMDAxNkMxNi4wMDA3IDIuNjMzNSAxNS43MDA3IDIuMzMzNSAxNS4zMzQgMi4zMzM1SDEyLjY2NzNDMTIuMzAwNyAyLjMzMzUgMTIuMDAwNyAyLjYzMzUgMTIuMDAwNyAzLjAwMDE2VjYuMzMzNUgxMC45NDA3QzEwLjM0NzMgNi4zMzM1IDEwLjA0NzMgNy4wNTM1IDEwLjQ2NzMgNy40NzM1TDEzLjUyNzMgMTAuNTMzNUMxMy43ODczIDEwLjc5MzUgMTQuMjA3MyAxMC43OTM1IDE0LjQ2NzMgMTAuNTMzNUwxNy41MjczIDcuNDczNUMxNy45NDczIDcuMDUzNSAxNy42NTQgNi4zMzM1IDE3LjA2MDcgNi4zMzM1Wk05LjMzMzk4IDEzLjAwMDJDOS4zMzM5OCAxMy4zNjY4IDkuNjMzOTggMTMuNjY2OCAxMC4wMDA3IDEzLjY2NjhIMTguMDAwN0MxOC4zNjczIDEzLjY2NjggMTguNjY3MyAxMy4zNjY4IDE4LjY2NzMgMTMuMDAwMkMxOC42NjczIDEyLjYzMzUgMTguMzY3MyAxMi4zMzM1IDE4LjAwMDcgMTIuMzMzNUgxMC4wMDA3QzkuNjMzOTggMTIuMzMzNSA5LjMzMzk4IDEyLjYzMzUgOS4zMzM5OCAxMy4wMDAyWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K);--str-video__icon--ellipsis:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTBDNC45IDEwIDQgMTAuOSA0IDEyQzQgMTMuMSA0LjkgMTQgNiAxNEM3LjEgMTQgOCAxMy4xIDggMTJDOCAxMC45IDcuMSAxMCA2IDEwWk0xOCAxMEMxNi45IDEwIDE2IDEwLjkgMTYgMTJDMTYgMTMuMSAxNi45IDE0IDE4IDE0QzE5LjEgMTQgMjAgMTMuMSAyMCAxMkMyMCAxMC45IDE5LjEgMTAgMTggMTBaTTEyIDEwQzEwLjkgMTAgMTAgMTAuOSAxMCAxMkMxMCAxMy4xIDEwLjkgMTQgMTIgMTRDMTMuMSAxNCAxNCAxMy4xIDE0IDEyQzE0IDEwLjkgMTMuMSAxMCAxMiAxMFoiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==);--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--fullscreen:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0ibSAxMCwxNiAyLDAgMCwtNCA0LDAgMCwtMiBMIDEwLDEwIGwgMCw2IDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjAsMTAgMCwyIDQsMCAwLDQgMiwwIEwgMjYsMTAgbCAtNiwwIDAsMCB6Ii8+CjxwYXRoIGQ9Im0gMjQsMjQgLTQsMCAwLDIgTCAyNiwyNiBsIDAsLTYgLTIsMCAwLDQgMCwwIHoiLz4KPHBhdGggZD0iTSAxMiwyMCAxMCwyMCAxMCwyNiBsIDYsMCAwLC0yIC00LDAgMCwtNCAwLDAgeiIvPgo8L3N2Zz4=);--str-video__icon--info-icon:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==);--str-video__icon--kick-user:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCI+PGc+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0Ii8+PC9nPjxnPjxwYXRoIGQ9Ik0xNCw4YzAtMi4yMS0xLjc5LTQtNC00UzYsNS43OSw2LDhzMS43OSw0LDQsNFMxNCwxMC4yMSwxNCw4eiBNMTcsMTB2Mmg2di0ySDE3eiBNMiwxOHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00IFMyLDE1LjM0LDIsMTh6Ii8+PC9nPjwvc3ZnPg==);--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--low-bandwidth:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMjQgMEgwdjI0aDI0eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik04LjEgNWMuMTcgMCAuMzIuMDkuNDEuMjNsLjA3LjE1IDUuMTggMTEuNjVjLjE2LjI5LjI2LjYxLjI2Ljk2IDAgMS4xMS0uOSAyLjAxLTIuMDEgMi4wMS0uOTYgMC0xLjc3LS42OC0xLjk2LTEuNTlsLS4wMS0uMDNMNy42IDUuNWMwLS4yOC4yMi0uNS41LS41TTIzIDlsLTIgMmExMi42NiAxMi42NiAwIDAgMC0xMC41My0zLjYyTDkuMjggNC43YzQuODMtLjg2IDkuOTguNTcgMTMuNzIgNC4zTTMgMTEgMSA5YTE1LjQgMTUuNCAwIDAgMSA1LjU5LTMuNTdsLjUzIDIuODJDNS42MiA4Ljg3IDQuMjIgOS43OCAzIDExbTQgNC0yLTJjLjgtLjggMS43LTEuNDIgMi42Ni0xLjg5bC41NSAyLjkyYy0uNDIuMjctLjgzLjU5LTEuMjEuOTdtMTItMi0yIDJhNy4xIDcuMSAwIDAgMC00LjAzLTJsLTEuMjgtMi44OGMyLjYzLS4wOCA1LjMuODcgNy4zMSAyLjg4Ii8+PC9zdmc+);--str-video__icon--magnifier-glass:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04LjQ4NDkxIDcuODYwM0g3Ljk1NTk3TDcuNzY4NSA3LjY3OTUyQzguNTcxOTUgNi43NDIxNiA4Ljk4NzA2IDUuNDYzMzQgOC43NTk0MiA0LjEwNDE4QzguNDQ0NzMgMi4yNDI4NSA2Ljg5MTQgMC43NTY0NzQgNS4wMTY2OSAwLjUyODgzQzIuMTg0NTMgMC4xODA2NjkgLTAuMTk5MDMxIDIuNTY0MjMgMC4xNDkxMyA1LjM5NjM5QzAuMzc2Nzc0IDcuMjcxMSAxLjg2MzE1IDguODI0NDMgMy43MjQ0OCA5LjEzOTEyQzUuMDgzNjQgOS4zNjY3NiA2LjM2MjQ2IDguOTUxNjUgNy4yOTk4MiA4LjE0ODJMNy40ODA2IDguMzM1NjdWOC44NjQ2MUwxMC4zMjYxIDExLjcxMDJDMTAuNjAwNyAxMS45ODQ3IDExLjA0OTIgMTEuOTg0NyAxMS4zMjM4IDExLjcxMDJDMTEuNTk4MyAxMS40MzU2IDExLjU5ODMgMTAuOTg3IDExLjMyMzggMTAuNzEyNUw4LjQ4NDkxIDcuODYwM1pNNC40Njc2NiA3Ljg2MDNDMi44MDA1MSA3Ljg2MDMgMS40NTQ3MyA2LjUxNDUyIDEuNDU0NzMgNC44NDczNkMxLjQ1NDczIDMuMTgwMjEgMi44MDA1MSAxLjgzNDQzIDQuNDY3NjYgMS44MzQ0M0M2LjEzNDgyIDEuODM0NDMgNy40ODA2IDMuMTgwMjEgNy40ODA2IDQuODQ3MzZDNy40ODA2IDYuNTE0NTIgNi4xMzQ4MiA3Ljg2MDMgNC40Njc2NiA3Ljg2MDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);--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--network-quality:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNCA5LjJINi42QzcuMzcgOS4yIDggOS44MyA4IDEwLjZWMTcuNkM4IDE4LjM3IDcuMzcgMTkgNi42IDE5SDYuNEM1LjYzIDE5IDUgMTguMzcgNSAxNy42VjEwLjZDNSA5LjgzIDUuNjMgOS4yIDYuNCA5LjJaTTEyIDVDMTIuNzcgNSAxMy40IDUuNjMgMTMuNCA2LjRWMTcuNkMxMy40IDE4LjM3IDEyLjc3IDE5IDEyIDE5QzExLjIzIDE5IDEwLjYgMTguMzcgMTAuNiAxNy42VjYuNEMxMC42IDUuNjMgMTEuMjMgNSAxMiA1Wk0xNy42IDEzQzE4LjM3IDEzIDE5IDEzLjYzIDE5IDE0LjRWMTcuNkMxOSAxOC4zNyAxOC4zNyAxOSAxNy42IDE5QzE2LjgzIDE5IDE2LjIgMTguMzcgMTYuMiAxNy42VjE0LjRDMTYuMiAxMy42MyAxNi44MyAxMyAxNy42IDEzWiIgZmlsbD0iI0UzRTRFNSIvPgo8L3N2Zz4K);--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,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--speaker-off:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBkPSJNMyAxMC4wMDE4VjE0LjAwMThDMyAxNC41NTE4IDMuNDUgMTUuMDAxOCA0IDE1LjAwMThIN0wxMC4yOSAxOC4yOTE4QzEwLjkyIDE4LjkyMTggMTIgMTguNDcxOCAxMiAxNy41ODE4VjYuNDExNzlDMTIgNS41MjE3OSAxMC45MiA1LjA3MTc5IDEwLjI5IDUuNzAxNzlMNyA5LjAwMTc5SDRDMy40NSA5LjAwMTc5IDMgOS40NTE3OSAzIDEwLjAwMThaTTE2LjUgMTIuMDAxOEMxNi41IDEwLjIzMTggMTUuNDggOC43MTE3OSAxNCA3Ljk3MTc5VjE2LjAyMThDMTUuNDggMTUuMjkxOCAxNi41IDEzLjc3MTggMTYuNSAxMi4wMDE4Wk0xNCA0LjQ1MTc5VjQuNjUxNzlDMTQgNS4wMzE3OSAxNC4yNSA1LjM2MTc5IDE0LjYgNS41MDE3OUMxNy4xOCA2LjUzMTc5IDE5IDkuMDYxNzkgMTkgMTIuMDAxOEMxOSAxNC45NDE4IDE3LjE4IDE3LjQ3MTggMTQuNiAxOC41MDE4QzE0LjI0IDE4LjY0MTggMTQgMTguOTcxOCAxNCAxOS4zNTE4VjE5LjU1MThDMTQgMjAuMTgxOCAxNC42MyAyMC42MjE4IDE1LjIxIDIwLjQwMThDMTguNiAxOS4xMTE4IDIxIDE1Ljg0MTggMjEgMTIuMDAxOEMyMSA4LjE2MTc5IDE4LjYgNC44OTE3OSAxNS4yMSAzLjYwMTc5QzE0LjYzIDMuMzcxNzkgMTQgMy44MjE3OSAxNCA0LjQ1MTc5WiIgZmlsbD0iI0IwQjRCNyIvPjxwYXRoIGQ9Ik00LjUgNC41TDE5LjUgMTkuNSIgc3Ryb2tlPSIjQjBCNEI3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=);--str-video__icon--stats:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN0eWxlPVJvdW5kIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjg5MTEgMTAuNTQ3NUwxMi44MzExIDEwLjA1NzVDMTIuNDQxMSA5Ljg3NzQ2IDEyLjQ0MTEgOS4zMjc0NiAxMi44MzExIDkuMTQ3NDZMMTMuODkxMSA4LjY1NzQ2TDE0LjM4MTEgNy42MDc0NkMxNC41NjExIDcuMjE3NDYgMTUuMTExMSA3LjIxNzQ2IDE1LjI5MTEgNy42MDc0NkwxNS43ODExIDguNjY3NDZMMTYuODMxMSA5LjE1NzQ2QzE3LjIyMTEgOS4zMzc0NiAxNy4yMjExIDkuODg3NDYgMTYuODMxMSAxMC4wNjc1TDE1Ljc3MTEgMTAuNTU3NUwxNS4yODExIDExLjYwNzVDMTUuMTAxMSAxMS45OTc1IDE0LjU1MTEgMTEuOTk3NSAxNC4zNzExIDExLjYwNzVMMTMuODkxMSAxMC41NDc1Wk00LjI4MTA3IDEzLjYwNzVMNC43NzEwNyAxMi41NDc1TDUuODMxMDcgMTIuMDU3NUM2LjIyMTA3IDExLjg3NzUgNi4yMjEwNyAxMS4zMjc1IDUuODMxMDcgMTEuMTQ3NUw0Ljc3MTA3IDEwLjY1NzVMNC4yODEwNyA5LjYwNzQ2QzQuMTExMDcgOS4yMTc0NiAzLjU1MTA3IDkuMjE3NDYgMy4zODEwNyA5LjYwNzQ2TDIuODkxMDcgMTAuNjY3NUwxLjgzMTA3IDExLjE1NzVDMS40NDEwNyAxMS4zMzc1IDEuNDQxMDcgMTEuODg3NSAxLjgzMTA3IDEyLjA2NzVMMi44OTEwNyAxMi41NTc1TDMuMzgxMDcgMTMuNjA3NUMzLjU1MTA3IDEzLjk5NzUgNC4xMTEwNyAxMy45OTc1IDQuMjgxMDcgMTMuNjA3NVpNOC43OTEwNyA4LjU5NzQ2TDkuNDIxMDcgNy4xOTc0NkwxMC44MjExIDYuNTY3NDZDMTEuMjExMSA2LjM4NzQ2IDExLjIxMTEgNS44Mzc0NiAxMC44MjExIDUuNjU3NDZMOS40MjEwNyA1LjAyNzQ2TDguNzkxMDcgMy42Mjc0NkM4LjYxMTA3IDMuMjM3NDYgOC4wNjEwNyAzLjIzNzQ2IDcuODgxMDcgMy42Mjc0Nkw3LjI1MTA3IDUuMDI3NDZMNS44NTEwNyA1LjY1NzQ2QzUuNDYxMDcgNS44Mzc0NiA1LjQ2MTA3IDYuMzg3NDYgNS44NTEwNyA2LjU2NzQ2TDcuMjUxMDcgNy4xOTc0Nkw3Ljg4MTA3IDguNTk3NDZDOC4wNTEwNyA4Ljk4NzQ2IDguNjExMDcgOC45ODc0NiA4Ljc5MTA3IDguNTk3NDZaTTIyLjE3MTEgOC44Nzc0NkMyMS43NzExIDguNDc3NDYgMjEuMTAxMSA4LjQ4NzQ2IDIwLjcyMTEgOC45MTc0NkwxNC4zMzExIDE2LjA5NzVMMTEuMDQxMSAxMi44MDc1QzEwLjY1MTEgMTIuNDE3NSAxMC4wMjExIDEyLjQxNzUgOS42MzEwNyAxMi44MDc1TDMuNTkxMDcgMTguODU3NUMzLjE4MTA3IDE5LjI2NzUgMy4xODEwNyAxOS45NDc1IDMuNTkxMDcgMjAuMzU3NUM0LjAwMTA3IDIwLjc2NzUgNC42ODEwNyAyMC43Njc1IDUuMDkxMDcgMjAuMzU3NUwxMC4zNDExIDE1LjA5NzVMMTMuNTkxMSAxOC4zNDc1QzE0LjAwMTEgMTguNzU3NSAxNC42NjExIDE4LjczNzUgMTUuMDQxMSAxOC4zMDc1TDIyLjIxMTEgMTAuMjM3NUMyMi41NjExIDkuODQ3NDYgMjIuNTQxMSA5LjI0NzQ2IDIyLjE3MTEgOC44Nzc0NloiIGZpbGw9IiNCMEI0QjciLz4KPC9nPgo8L3N2Zz4K);--str-video__icon--pin:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSAxMi44N0MxOSAxMi40IDE4LjY2IDEyLjAyIDE4LjIgMTEuODlDMTYuOTMgMTEuNTQgMTYgMTAuMzggMTYgOVY0SDE3QzE3LjU1IDQgMTggMy41NSAxOCAzQzE4IDIuNDUgMTcuNTUgMiAxNyAySDdDNi40NSAyIDYgMi40NSA2IDNDNiAzLjU1IDYuNDUgNCA3IDRIOFY5QzggMTAuMzggNy4wNyAxMS41NCA1LjggMTEuODlDNS4zNCAxMi4wMiA1IDEyLjQgNSAxMi44N1YxM0M1IDEzLjU1IDUuNDUgMTQgNiAxNEgxMC45OEwxMSAyMUMxMSAyMS41NSAxMS40NSAyMiAxMiAyMkMxMi41NSAyMiAxMyAyMS41NSAxMyAyMUwxMi45OCAxNEgxOEMxOC41NSAxNCAxOSAxMy41NSAxOSAxM1YxMi44N1oiIGZpbGw9IiNFM0U0RTUiLz4KPC9zdmc+Cg==);--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=)}.str-video__audio-blocked-notification{z-index:4;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__message{align-items:center;gap:.625rem;max-width:calc(100% - 1.6rem);padding:.625rem;display:inline-flex}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__message .str-video__icon{flex-shrink:0;width:1.5rem;height:1.5rem}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.25;display:flex}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:400;overflow:hidden}.str-video__audio-blocked-notification{background:var(--str-video__audio-blocked-overlay-color);border-radius:inherit;transition:background-color .15s}.str-video__audio-blocked-notification:hover{background:var(--str-video__audio-blocked-overlay-color-hovered)}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__message{background-color:var(--str-video__background-color1);border-radius:var(--str-video__border-radius-xs);color:var(--str-video__text-color1)}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__message .str-video__icon{background-color:var(--str-video__text-color1)}.str-video__audio-blocked-notification .str-video__audio-blocked-notification__subtitle{color:var(--str-video__text-color2)}.str-video__avatar{object-fit:cover;width:2rem;height:2rem}.str-video__avatar--initials-fallback{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.str-video{--str-video__avatar--color:var(--str-video__text-color1);--str-video__avatar--background-color:var(--str-video__background-color1);--str-video__avatar--border-radius:var(--str-video__border-radius-circle)}.str-video__avatar{background:var(--str-video__avatar--background-color);color:var(--str-video__avatar--color);box-shadow:var(--str-video__avatar--box-shadow);border-radius:var(--str-video__avatar--border-radius);border-block-start:var(--str-video__avatar--border-block-start);border-block-end:var(--str-video__avatar--border-block-end);border-inline-start:var(--str-video__avatar--border-inline-start);border-inline-end:var(--str-video__avatar--border-inline-end)}.str-video__avatar--initials-fallback{background-color:var(--str-video__primary-color);border-radius:var(--str-video__border-radius-circle);text-transform:uppercase;font-size:1rem;font-weight:600}.str-video__button{border-radius:var(--str-video__border-radius-md);padding:var(--str-video__spacing-sm) var(--str-video__spacing-lg);text-align:center;width:100%;min-width:120px;font-size:var(--str-video__font-size-md);color:var(--str-video__text-color1);background-color:var(--str-video__button-primary-base);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:flex}.str-video__button:not([disabled]):hover{background-color:var(--str-video__button-primary-hover);cursor:pointer}.str-video__button__icon{background-color:var(--str-video__text-color1);margin-inline-end:var(--str-video__spacing-xs)}.str-video__button:disabled{background-color:var(--str-video__button-default-disabled);cursor:not-allowed}.str-video__composite-button--caption{flex-direction:column;align-items:center;gap:.25rem;display:flex}.str-video__composite-button .str-video__composite-button__button-group{align-items:center;display:flex}.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button{all:unset;justify-content:center;align-items:center;padding:.5rem;font-size:12px;display:flex;position:relative}.str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button:not([disabled]):hover{cursor:pointer}.str-video__composite-button .str-video__composite-button__button-group .str-video__menu-toggle-button{margin-inline:-30px 8px;padding:0}.str-video__composite-button .str-video__composite-button__button-group .str-video__loading-indicator__icon{width:1.25rem;height:1.25rem;-webkit-mask-size:1.25rem;mask-size:1.25rem}.str-video__composite-button.str-video__composite-button--menu .str-video__composite-button__button{padding-inline-end:2.5rem}.str-video__call-controls__button{padding:.5rem}.str-video__call-controls__button[disabled]{cursor:not-allowed}.str-video__call-controls__button:hover,.str-video__call-controls__button:hover>:hover{cursor:pointer}.str-video__text-button{all:unset;border-radius:var(--str-video__participant-list-header__close-button--border-radius);background:var(--str-video__participant-list-header__close-button--background-color);padding:5px;font-size:12px}.str-video__call-recording-list-item__action-button{border:none}.str-video{--str-video__composite-button__button-group--color:var(--str-video__text-color1);--str-video__composite-button__button-group--background-color:var(--str-video__button-primary-base);--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);--str-video__composite-button__button-group-hover--background-color:var(--str-video__button-default-hover);--str-video__composite-button__button-group--border-radius:var(--str-video__border-radius-xs)}.str-video__composite-button__button-group{background:var(--str-video__composite-button__button-group--background-color);color:var(--str-video__composite-button__button-group--color);box-shadow:var(--str-video__composite-button__button-group--box-shadow);border-radius:var(--str-video__composite-button__button-group--border-radius);border-block-start:var(--str-video__composite-button__button-group--border-block-start);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);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__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:#fff}.str-video__composite-button__button-group .str-video__call-controls__button.str-video__menu-toggle-button--active:hover,.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 .str-video__icon{background-color:var(--str-video__icon-active)}.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{text-align:center;white-space:nowrap;font-size:12px;line-height:15px;overflow:hidden}.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):hover{background-color:var(--str-video__composite-button__button-group-hover--background-color)}.str-video__composite-button__button-group:not(.str-video__composite-button__button-group--disabled):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:not(.str-video__composite-button__button-group--disabled):hover .str-video__icon{background-color:var(--str-video__icon-hover)}.str-video__call-controls__button{border-radius:var(--str-video__border-radius-circle);box-shadow:none;background-color:var(--str-video__button-primary-base);border:none;text-decoration:none}.str-video__call-controls__button:hover{background-color:var(--str-video__composite-button__button-group-hover--background-color);text-decoration:none}.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__button-tertiary-base)}.str-video__call-controls__button--variant-danger .str-video__icon{background-color:#fff}.str-video__call-controls__button--variant-danger:hover{background-color:var(--str-video__button-tertiary-hover)}.str-video__call-controls__button--variant-success{background-color:var(--str-video__info-color)}.str-video__call-controls__button--variant-success:hover{background-color:var(--str-video__info-color--accent)}.str-video__call-controls__button--variant-active{background-color:var(--str-video__button-primary-active)}.str-video__call-controls__button--variant-active:hover{background-color:var(--str-video__button-primary-hover)}.str-video__call-controls__button--enabled{background:var(--str-video__background-color7)}.str-video__background-filters{opacity:0;position:absolute;bottom:0;right:calc(100% - 1px);overflow:hidden}.str-video__background-filters .str-video__background-filters__video{object-fit:cover;width:100%;height:auto;top:0}.str-video__background-filters .str-video__background-filters__video--tall{object-fit:contain}.str-video__background-filters .str-video__background-filters__background-image{width:100%;height:auto;top:5px}.str-video__background-filters .str-video__background-filters__target-canvas{width:100%;height:auto;top:10px}.str-video__call-controls{justify-content:center;gap:1rem;padding:1rem 0;display:flex}.str-video__call-controls .str-video__reactions-menu{background-color:var(--str-video__base-color6);padding:var(--str-video__spacing-sm);border-radius:var(--str-video__border-radius-lg);gap:.5rem;display:flex}.str-video__call-controls .str-video__reactions-menu--horizontal{flex-direction:row}.str-video__call-controls .str-video__reactions-menu--vertical{flex-direction:column}.str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button{background-color:var(--str-video__button-primary-base);border-radius:var(--str-video__border-radius-circle);border:1px solid #0000;justify-content:center;align-items:center;width:38px;height:38px;font-family:Twemoji Mozilla,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,EmojiOne Color;font-size:1.2rem;display:flex}.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,.str-video__system-muted,.str-video__pending-permission{outline:1px solid var(--str-video__base-color6);border-radius:var(--str-video__border-radius-circle);width:12px;height:12px;font-size:var(--str-video__font-size-xxs);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:0;right:-3px}.str-video__no-media-permission{background-color:var(--str-video__alert-caution);color:var(--str-video__base-color4)}.str-video__pending-permission{background-color:var(--str-video__button-secondary-active);color:var(--str-video__text-color1)}.str-video__system-muted{background-color:var(--str-video__alert-caution);color:var(--str-video__base-color4)}.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{padding:var(--str-video__spacing-lg);gap:var(--str-video__spacing-md);flex-direction:column;display:flex}.str-video__end-call__leave,.str-video__end-call__end{min-width:196px;color:var(--str-video__text-color1);padding:calc(var(--str-video__spacing-sm) - 1px) var(--str-video__spacing-lg);border:1px solid #0000}.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)}.str-video__end-call__leave:hover{background-color:var(--str-video__button-tertiary-hover)}.str-video__end-call__end{background-color:var(--str-video__button-primary-base);border-color:var(--str-video__button-default-hover)}.str-video__end-call__end:hover{background-color:var(--str-video__button-tertiary-hover);border-color:#0000}.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);flex-direction:column;display:flex}.str-video__end-recording__header{gap:var(--str-video__spacing-md);flex-direction:row;display:flex}.str-video__end-recording__heading{font-size:var(--str-video__font-size-lg);margin:0;font-weight:600}.str-video__end-recording__description{color:var(--str-video__text-color2);font-size:var(--str-video__font-size-sm);margin:0}.str-video__end-recording__actions{justify-content:space-between;gap:var(--str-video__spacing-md);flex-direction:row;display:flex}.str-video__end-recording__actions .str-video__composite-button{gap:var(--str-video__spacing-md);width:100%}.str-video__end-recording__actions .str-video__composite-button:first-of-type{background-color:#0000}.str-video__end-recording__actions .str-video__composite-button:first-of-type .str-video__composite-button__button-group{border:1px solid var(--str-video__base-color2);background-color:#0000;justify-content:center;width:100%}.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);justify-content:center;width:100%}.str-video__end-recording__actions .str-video__composite-button .str-video__composite-button__button-group .str-video__text-button{align-items:center;gap:5px;display:flex}.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{flex-grow:1;justify-content:center;width:100%;height:100%;display:flex;position:relative;overflow-y:hidden}.str-video__livestream-layout__wrapper .str-video__livestream-layout__screen-share{max-width:100%}.str-video__livestream-layout__wrapper .str-video__livestream-layout__screen-share .str-video__video{object-fit:contain}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant{width:240px;height:135px;box-shadow:var(--str-video__background-color1) 0 0 3px 0;position:absolute}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--top-right{top:8px;right:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--top-left{top:8px;left:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--bottom-right{bottom:8px;right:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__floating-participant--bottom-left{bottom:8px;left:8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay{flex-direction:column-reverse;width:100%;height:100%;display:flex;position:absolute}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay:hover .str-video__livestream-layout__overlay__bar{background-color:var(--str-video__livestream-overlay-color-hovered)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar{border-bottom-left-radius:var(--str-video__border-radius-sm);border-bottom-right-radius:var(--str-video__border-radius-sm);background-color:var(--str-video__livestream-overlay-color);align-items:center;height:10%;min-height:40px;max-height:70px;padding:0 20px;display:flex;position:relative;bottom:0}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-left,.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-center,.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-right{flex:1;align-items:center;display:flex}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-center{justify-content:center}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__overlay__bar-right{justify-content:flex-end}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__live-badge{border-radius:var(--str-video__border-radius-xxs);background-color:var(--str-video__primary-color);color:var(--str-video__text-color1);padding:4px 8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__viewers-count:before{content:var(--str-video__icon--livestream-viewers);vertical-align:middle;margin-right:3px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__viewers-count{padding:4px 8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__speaker-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__duration{text-align:center}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button{background:var(--str-video__icon--speaker) center no-repeat;border-radius:var(--str-video__border-radius-xxs);cursor:pointer;width:32px;height:32px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button.str-video__livestream-layout__mute-button--muted{background:var(--str-video__icon--speaker-off) center no-repeat}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__mute-button:hover{background-color:var(--str-video__overlay-color)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__go-fullscreen{background:var(--str-video__icon--fullscreen) center no-repeat;border-radius:var(--str-video__border-radius-xxs);cursor:pointer;width:32px;height:32px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__overlay .str-video__livestream-layout__go-fullscreen:hover{background-color:var(--str-video__overlay-color)}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage{flex-direction:column;align-items:center;display:flex}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__starts-at{padding:4px 8px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__early-viewers-count:before{content:var(--str-video__icon--livestream-viewers);vertical-align:middle;margin-right:3px}.str-video__livestream-layout__wrapper .str-video__livestream-layout__backstage .str-video__livestream-layout__early-viewers-count{padding:4px 8px}.str-video__paginated-grid-layout__wrapper{flex-grow:1}.str-video__paginated-grid-layout{justify-content:space-between;align-items:center;height:100%;display:flex}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:110vh;margin:auto;padding-inline:1.25rem;display:flex}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group .str-video__participant-view{flex:0 calc(25% - 6px)}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--one .str-video__participant-view{flex:0 calc(100% - 6px)}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--two-four .str-video__participant-view{flex:0 calc(50% - 6px)}.str-video__paginated-grid-layout .str-video__paginated-grid-layout__group.str-video__paginated-grid-layout--five-nine .str-video__participant-view{flex:0 calc(33% - 6px)}.str-video__speaker-layout__wrapper{flex-grow:1;overflow-y:hidden}.str-video__speaker-layout{padding-inline:2px;flex-direction:column;justify-content:center;gap:1rem;width:100%;height:100%;padding:2px;display:flex}.str-video__speaker-layout .str-video__participant-view{aspect-ratio:16/9}.str-video__speaker-layout .str-video__speaker-layout__spotlight{justify-content:center;height:100%;min-height:0;display:flex}.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{width:100%;height: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{opacity:1}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper>.str-video__call-controls__button .str-video__icon{width:1rem;height:1rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-left{position:absolute;left:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-right{position:absolute;right:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-top{position:absolute;top:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-buttons-wrapper .str-video__speaker-layout__participants-bar--button-bottom{position:absolute;bottom:.5rem}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper{scrollbar-width:none}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper::-webkit-scrollbar{display:none}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper .str-video__speaker-layout__participants-bar{align-items:center;display:flex}.str-video__speaker-layout .str-video__speaker-layout__participants-bar-wrapper .str-video__speaker-layout__participants-bar .str-video__speaker-layout__participant-tile{width:280px;min-width:280px;max-width:25vh;padding:5px}.str-video__speaker-layout--variant-top{flex-direction:column-reverse}.str-video__speaker-layout--variant-left{flex-direction:row-reverse}.str-video__speaker-layout--variant-right{flex-direction:row}.str-video__speaker-layout--variant-left .str-video__speaker-layout__participants-bar-wrapper,.str-video__speaker-layout--variant-right .str-video__speaker-layout__participants-bar-wrapper{max-height:100%;overflow-y:auto}.str-video__speaker-layout--variant-left .str-video__speaker-layout__participants-bar,.str-video__speaker-layout--variant-right .str-video__speaker-layout__participants-bar{flex-direction:column}.str-video__speaker-layout--variant-left .str-video__speaker-layout__spotlight,.str-video__speaker-layout--variant-right .str-video__speaker-layout__spotlight{width:100%}.str-video__speaker-layout--variant-left .str-video__participant-view,.str-video__speaker-layout--variant-right .str-video__participant-view{max-width:unset}.str-video__speaker-layout--variant-top .str-video__speaker-layout__participants-bar-wrapper,.str-video__speaker-layout--variant-bottom .str-video__speaker-layout__participants-bar-wrapper{overflow-x:auto}.str-video__speaker-layout--variant-top .str-video__speaker-layout__participants-bar,.str-video__speaker-layout--variant-bottom .str-video__speaker-layout__participants-bar{flex-direction:row}.str-video__speaker-layout--variant-top .str-video__participant-view,.str-video__speaker-layout--variant-bottom .str-video__participant-view{max-width:110vh}@media (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__pip-layout{flex-flow:column wrap;justify-content:center;gap:1rem;height:100%;padding-inline:1rem;display:flex;overflow:hidden}.str-video__pip-screen-share-local{gap:var(--str-video__spacing-sm);border-radius:var(--str-video__border-radius-sm);padding:var(--str-video__spacing-md);font-size:var(--str-video__font-size-sm);display:flex}.str-video__pip-screen-share-local .str-video__icon{width:1rem;height:1rem}.str-video__pip-layout--grid{flex-wrap:nowrap}.str-video__pip-layout__grid-container{flex:auto;justify-content:center;align-items:center;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.str-video__pip-layout__pagination-button{z-index:1;padding:var(--str-video__spacing-xxs);opacity:.8;min-width:auto;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.str-video__pip-layout__pagination-button:hover:not(:disabled){opacity:1}.str-video__pip-layout__pagination-button .str-video__icon{width:1rem;height:1rem}.str-video__pip-layout__pagination-button--left{left:0}.str-video__pip-layout__pagination-button--right{right:0}.str-video__pip-layout__grid{grid-template-columns:repeat(var(--pip-cols), 1fr);gap:var(--str-video__spacing-xxs);flex:auto;width:100%;max-height:100%;display:grid}.str-video__pip-layout__grid .str-video__participant-view{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.str-video__pip-layout__grid .str-video__participant-view--speaking{outline:none}.str-video__pip-layout__grid .str-video__participant-view--speaking:before{content:"";border:2px solid var(--str-video__primary-color);border-radius:var(--str-video__border-radius-sm);pointer-events:none;z-index:1;position:absolute;inset:0}.str-video__pip-layout__grid .str-video__participant-view .str-video__notification{display:none}.str-video__pip-layout__grid .str-video__video-placeholder__avatar,.str-video__pip-layout__grid .str-video__video-placeholder__initials-fallback{width:32px;height:32px;font-size:var(--str-video__font-size-sm)}.str-video__pip-layout__grid.str-video__pip-layout__grid--single{--pip-cols:1}.str-video__pip-layout__grid.str-video__pip-layout__grid--single .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--single .str-video__video-placeholder__initials-fallback{width:80px;height:80px;font-size:var(--str-video__font-size-xxl)}.str-video__pip-layout__grid.str-video__pip-layout__grid--small{--pip-cols:2}.str-video__pip-layout__grid.str-video__pip-layout__grid--small .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--small .str-video__video-placeholder__initials-fallback{width:60px;height:60px;font-size:var(--str-video__font-size-xl)}.str-video__pip-layout__grid.str-video__pip-layout__grid--medium{--pip-cols:3}.str-video__pip-layout__grid.str-video__pip-layout__grid--medium .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--medium .str-video__video-placeholder__initials-fallback{width:45px;height:45px;font-size:var(--str-video__font-size-md)}.str-video__pip-layout__grid.str-video__pip-layout__grid--large{--pip-cols:4}.str-video__pip-layout__grid.str-video__pip-layout__grid--large .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--large .str-video__video-placeholder__initials-fallback{width:35px;height:35px;font-size:var(--str-video__font-size-sm)}.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow{--pip-cols:5;overflow-y:auto}.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow .str-video__video-placeholder__avatar,.str-video__pip-layout__grid.str-video__pip-layout__grid--overflow .str-video__video-placeholder__initials-fallback{width:25px;height:25px;font-size:var(--str-video__font-size-xs)}.str-video__pip-screen-share-local{background:var(--str-video__background-color5)}.str-video__participant-list{flex-direction:column;display:flex}.str-video__participant-list .str-video__participant-list-header{align-items:center;display:flex}.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__title{font-size:var(--str-video__font-size-sm);flex:1}.str-video__participant-list .str-video__participant-list-header .str-video__participant-list-header__close-button>span{width:15px;height:15px}.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{margin-top:var(--str-video__spacing-md);justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.str-video__participant-list .str-video__participant-list__content-header .str-video__participant-list__content-header-title{justify-content:flex-end;align-items:center;display:flex}.str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button{width:1.75rem;height:1.75rem;padding:unset;justify-content:center;align-items:center;display:flex}.str-video__participant-list .str-video__participant-list__content-header .str-video__call-controls__button .str-video__icon--filter{width:1rem;height:1rem}.str-video__participant-list .str-video__participant-list__content{height:auto;margin-top:var(--str-video__spacing-xl);flex-grow:1;overflow-y:auto}.str-video__participant-list .str-video__participant-list__footer{flex-direction:column;justify-content:center;align-items:stretch;gap:.5rem;display:flex}.str-video__participant-list .str-video__search-results--loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.str-video__participant-list .str-video__search-results--loading .str-video__loading-indicator__icon{width:3rem;height:3rem;-webkit-mask-size:3rem;mask-size:3rem}.str-video__participant-list .str-video__participant-list--empty{width:100%;padding:var(--str-video__spacing-md);font-size:var(--str-video__font-size-sm);align-items:center;display:flex}.str-video__invite-link-button{justify-content:center;align-items:center;gap:.375rem;width:100%;padding-block:.5rem;display:flex;position:relative}.str-video__invite-link-button .str-video__invite-link-tooltip{position:absolute;bottom:110%}.str-video__invite-link-button .str-video__invite-participant-icon{width:20px;height:20px}.str-video__participant-listing-item{justify-content:space-between;gap:var(--str-video__spacing-sm);align-items:center;width:100%;padding-block:.5rem;display:flex}.str-video__participant-listing-item .str-video__call-controls__button{padding:unset}.str-video__participant-listing-item .str-video__participant-listing-item__display-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:clip visible}.str-video__participant-listing-item .str-video__participant-avatar,.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group{align-items:center;gap:var(--str-video__spacing-sm);display:flex}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon{width:.75rem;height:.75rem}.str-video__participant-listing-item .str-video__participant-listing-item__display-name{font-size:13px}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-mic{-webkit-mask-image:var(--str-video__icon--mic);-webkit-mask-image:var(--str-video__icon--mic);mask-image:var(--str-video__icon--mic);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-mic-off{-webkit-mask-image:var(--str-video__icon--mic-off);-webkit-mask-image:var(--str-video__icon--mic-off);mask-image:var(--str-video__icon--mic-off);background-color:var(--str-video__danger-color);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-camera{-webkit-mask-image:var(--str-video__icon--camera);-webkit-mask-image:var(--str-video__icon--camera);mask-image:var(--str-video__icon--camera);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-camera-off{-webkit-mask-image:var(--str-video__icon--camera-off);-webkit-mask-image:var(--str-video__icon--camera-off);mask-image:var(--str-video__icon--camera-off);background-color:var(--str-video__danger-color);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__participant-listing-item .str-video__participant-listing-item__media-indicator-group .str-video__participant-listing-item__icon-pinned{-webkit-mask-image:var(--str-video__icon--pin);-webkit-mask-image:var(--str-video__icon--pin);mask-image:var(--str-video__icon--pin);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__call-preview{object-fit:contain;width:100%;height:auto;display:inline-block}.str-video__call-recording-list__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.str-video__call-recording-list__list:first-of-type .str-video__call-recording-list__item{font-weight:600}.str-video__call-recording-list__item{font-size:var(--str-video__font-size-xs);border-bottom:1px solid var(--str-video__base-color2);padding:var(--str-video__spacing-sm) 0;justify-content:space-between;align-items:center;gap:var(--str-video__spacing-sm);flex-direction:row;display:flex}.str-video__call-recording-list__item:last-of-type{border-bottom:none}.str-video__call-recording-list__filename{width:200px}.str-video__call-recording-list__time{width:100px}.str-video__call-recording-list__download{justify-content:flex-end;width:100px;display:flex}.str-video__call-recording-list__filename,.str-video__call-recording-list__time{text-overflow:ellipsis;overflow:hidden}.str-video__call-recording-list-item__action-button--download .str-video__icon--download{width:32px;height:32px}.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{font-size:1rem;font-weight:500;line-height:1.25rem}.str-video__call-controls__button--icon-call-recordings{-webkit-mask-image:var(--str-video__icon--film-roll);-webkit-mask-image:var(--str-video__icon--film-roll);mask-image:var(--str-video__icon--film-roll);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:2px;mask-size:2px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__call-recordings__toggle-button--active{background-color:var(--str-video__background-color7)}.str-video__refresh-button{cursor:pointer;background-color:#0000;border-radius:4px}.str-video__refresh-button:hover{background-color:var(--str-video__background-color7)}.str-video__refresh-button:active{background-color:var(--str-video__background-color5);transition:background-color .2s ease-out}.str-video__refresh-button .str-video__refresh-button--icon{-webkit-mask-image:var(--str-video__icon--refresh);-webkit-mask-image:var(--str-video__icon--refresh);mask-image:var(--str-video__icon--refresh);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__call-recording-list__listing--icon-empty{-webkit-mask-image:var(--str-video__icon--film-roll);-webkit-mask-image:var(--str-video__icon--film-roll);mask-image:var(--str-video__icon--film-roll);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__call-stats{border-radius:var(--str-video__border-radius-lg);background-color:var(--str-video__base-color7);padding:var(--str-video__spacing-md);flex-direction:column;gap:.75rem;width:100%;display:flex}.str-video__call-stats h3{margin:unset}.str-video__call-stats .str-video__call-stats__header{margin-bottom:var(--str-video__spacing-md);flex-direction:column;display:flex}.str-video__call-stats .str-video__call-stats__heading{align-items:center;display:flex}.str-video__call-stats .str-video__call-stats__icon{margin-right:var(--str-video__spacing-sm);width:18px;height: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;gap:var(--gap);flex-flow:wrap;display:flex}.str-video__call-stats .str-video__call-stats__card{background-color:var(--str-video__background-color4);border-radius:var(--str-video__border-radius-xs);width:calc(50% - var(--gap) / 2);justify-content:space-between;padding:.5rem;display:flex}.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-content{flex-direction:column;display:flex}.str-video__call-stats .str-video__call-stats__card .str-video__call-stats__card-label{color:var(--str-video__text-color2);text-transform:uppercase;font-size:.5625rem;font-weight:500;display:flex}.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{width:12px;height: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{width:100%;height:170px;margin:auto;position:relative}.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);height:30px;font-weight:600}.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{width:1.25rem;height:1.25rem}.str-video__device-settings{z-index:1;padding:.625rem;font-family:Inter}.str-video__device-settings__header{justify-content:space-between;align-items:center;margin-bottom:33px;padding:16px 16px 0;display:flex}.str-video__icon.str-video__device-settings__settings-icon{width:24px;height:24px;color:var(--str-video__base-color1)}.str-video__device-settings__close-button{color:var(--str-video__base-color1);background-color:#0000}.str-video__device-settings__device-kind{padding:var(--str-video__spacing-lg)}.str-video__device-settings__device-kind .str-video__device-settings__device-selector-title{font-size:var(--str-video__font-size-sm);margin-bottom:var(--str-video__spacing-sm);padding-bottom:.5rem;font-weight:700;line-height:1.25rem}.str-video__device-settings__device-kind .str-video__option,.str-video__device-settings__device-kind .str-video__device-settings__option{border-radius:var(--str-video__border-radius-lg);background-color:var(--str-video__button-primary-base);padding:var(--str-video__spacing-sm) var(--str-video__spacing-lg);align-items:center;gap:var(--str-video__spacing-sm);font-weight:600;font-size:var(--str-video__font-size-sm);line-height:var(--str-video__spacing-lg);display:flex}.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:var(--str-video__spacing-sm)}.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]{place-content:center;width:1rem;height:1rem;margin:0;display:grid}.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:.5rem;height:.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__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__separator{border-color:var(--str-video__base-color3)}.str-video__audio-volume-indicator{align-items:center;gap:var(--str-video__spacing-xs);width:100%;padding:var(--str-video__spacing-sm) var(--str-video__spacing-md);display:flex}.str-video__audio-volume-indicator .str-video__icon{width:var(--str-video__font-size-xxl);height:var(--str-video__font-size-xxl)}.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar{background-color:var(--str-video__base-color1);height:var(--str-video__spacing-xs);border-radius:var(--str-video__border-radius-xs);flex:1}.str-video__audio-volume-indicator .str-video__audio-volume-indicator__bar-value{background:var(--str-video__primary-color);border-radius:var(--str-video__border-radius-xs);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.str-video__device-level-indicator{flex-shrink:0;align-items:center;gap:.125rem;margin-left:auto;display:flex}.str-video__device-level-indicator .str-video__device-level-indicator__bar{border-radius:var(--str-video__border-radius-xs);background-color:var(--str-video__base-color3);width:.1875rem;height:.75rem;transition:background-color .1s}.str-video__device-level-indicator .str-video__device-level-indicator__bar--active{background-color:var(--str-video__primary-color)}.str-video__device-preview{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;max-width:12rem;padding:0;display:flex}.str-video__device-preview .str-video__device-preview__label{padding:var(--str-video__spacing-xs) 0;font-size:var(--str-video__font-size-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.str-video__device-preview .str-video__device-video-preview__video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--str-video__border-radius-sm);border:2px solid var(--str-video__base-color3);background-color:var(--str-video__base-color5);width:100%;display:block;transform:scaleX(-1)}.str-video__device-preview--selected .str-video__device-video-preview__video{border-color:var(--str-video__primary-color)}.str-video__speaker-test{padding:var(--str-video__spacing-sm) 0}.str-video__speaker-test .str-video__speaker-test__button-content{align-items:center;gap:var(--str-video__spacing-sm);padding:0 var(--str-video__spacing-sm);font-size:var(--str-video__font-size-sm);font-weight:600;display:flex}.str-video__speaker-test .str-video__composite-button__button{width:100%!important}.str-video__dropdown{position:relative}.str-video__dropdown-selected{background-color:var(--str-video__base-color4);border-radius:var(--str-video__border-radius-lg);border:1px solid var(--str-video__base-color6);justify-content:space-between;align-items:center;display:flex}.str-video__dropdown-selected__label{padding:var(--str-video__spacing-sm);font-weight:600;font-size:var(--str-video__font-size-xs);align-items:center;display:flex}.str-video__dropdown-selected__icon{margin-right:var(--str-video__spacing-sm)}.str-video__dropdown-selected__chevron{margin-right:var(--str-video__spacing-md)}.str-video__dropdown-selected>:hover,.str-video__dropdown-selected:hover{cursor:pointer}.str-video__dropdown-selected:hover{border:1px solid var(--str-video__brand-color1)}.str-video__dropdown-list{z-index:2;width:100%;margin-top:var(--str-video__spacing-sm);background-color:var(--str-video__base-color6);border-radius:var(--str-video__border-radius-lg);padding:var(--str-video__spacing-md);gap:var(--str-video__spacing-sm);flex-direction:column;display:flex;position:absolute;box-shadow:0 0 24px -4px #000000a3}.str-video__dropdown-option{border-radius:var(--str-video__border-radius-lg);font-weight:600;font-size:var(--str-video__font-size-sm);align-items:center;gap:8px;padding:8px 16px;display:flex}.str-video__dropdown-option:hover{background-color:var(--str-video__button-default-hover);cursor:pointer}.str-video__dropdown-option--selected{background-color:var(--str-video__button-primary-active);color:var(--str-video__text-color1)}.str-video__dropdown-option--selected:hover{background-color:var(--str-video__button-primary-hover)}.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__dropdown-label{font-size:var(--str-video__font-size-xs)}.str-video__dropdown__option:hover .str-video__dropdown-label{color:var(--str-video__base-color1)}@media (width>=600px){.str-video__dropdown-selected__label{font-size:var(--str-video__font-size-sm)}}.str-video__icon{background-color:var(--str-video__icon-default)}.str-video__icon--reactions{-webkit-mask-image:var(--str-video__icon--reactions);-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);-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);-webkit-mask-image:var(--str-video__icon--network-quality);mask-image:var(--str-video__icon--network-quality)}.str-video__icon--recording-on{-webkit-mask-image:var(--str-video__icon--recording-on);-webkit-mask-image:var(--str-video__icon--recording-on);mask-image:var(--str-video__icon--recording-on)}.str-video__icon--download{-webkit-mask-image:var(--str-video__icon--download);-webkit-mask-image:var(--str-video__icon--download);mask-image:var(--str-video__icon--download)}.str-video__icon--chevron-right{-webkit-mask-image:var(--str-video__icon--chevron-right);-webkit-mask-image:var(--str-video__icon--chevron-right);mask-image:var(--str-video__icon--chevron-right)}.str-video__icon--recording-off{-webkit-mask-image:var(--str-video__icon--recording-off);-webkit-mask-image:var(--str-video__icon--recording-off);mask-image:var(--str-video__icon--recording-off)}.str-video__icon--loading{-webkit-mask-image:var(--str-video__icon--loading);-webkit-mask-image:var(--str-video__icon--loading);mask-image:var(--str-video__icon--loading);transition-duration:1s;transition-delay:now;animation-timing-function:linear;animation-iteration-count:infinite;transform:rotate(360deg)}.str-video__icon--logout{-webkit-mask-image:var(--str-video__icon--logout);-webkit-mask-image:var(--str-video__icon--logout);mask-image:var(--str-video__icon--logout)}.str-video__icon--chevron-up{-webkit-mask-image:var(--str-video__icon--chevron-up);-webkit-mask-image:var(--str-video__icon--chevron-up);mask-image:var(--str-video__icon--chevron-up)}.str-video__icon--chevron-down{-webkit-mask-image:var(--str-video__icon--chevron-down);-webkit-mask-image:var(--str-video__icon--chevron-down);mask-image:var(--str-video__icon--chevron-down)}.str-video__icon--screen-share-on{-webkit-mask-image:var(--str-video__icon--screen-share-on);-webkit-mask-image:var(--str-video__icon--screen-share-on);mask-image:var(--str-video__icon--screen-share-on)}.str-video__icon--screen-share-off{-webkit-mask-image:var(--str-video__icon--screen-share-off);-webkit-mask-image:var(--str-video__icon--screen-share-off);mask-image:var(--str-video__icon--screen-share-off)}.str-video__icon--caret-down{-webkit-mask-image:var(--str-video__icon--caret);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret);transform:rotate(180deg)}.str-video__icon--caret-up{-webkit-mask-image:var(--str-video__icon--caret);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret)}.str-video__icon--caret-right{-webkit-mask-image:var(--str-video__icon--caret);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret);transform:rotate(90deg)}.str-video__icon--caret-left{-webkit-mask-image:var(--str-video__icon--caret);-webkit-mask-image:var(--str-video__icon--caret);mask-image:var(--str-video__icon--caret);transform:rotate(-90deg)}.str-video__icon--close{-webkit-mask-image:var(--str-video__icon--close);-webkit-mask-image:var(--str-video__icon--close);mask-image:var(--str-video__icon--close)}.str-video__icon--mic{-webkit-mask-image:var(--str-video__icon--mic);-webkit-mask-image:var(--str-video__icon--mic);mask-image:var(--str-video__icon--mic)}.str-video__icon--mic-off{-webkit-mask-image:var(--str-video__icon--mic-off);-webkit-mask-image:var(--str-video__icon--mic-off);mask-image:var(--str-video__icon--mic-off)}.str-video__icon--camera{-webkit-mask-image:var(--str-video__icon--camera);-webkit-mask-image:var(--str-video__icon--camera);mask-image:var(--str-video__icon--camera)}.str-video__icon--camera-off{-webkit-mask-image:var(--str-video__icon--camera-off);-webkit-mask-image:var(--str-video__icon--camera-off);mask-image:var(--str-video__icon--camera-off)}.str-video__icon--camera-off-outline{-webkit-mask-image:var(--str-video__icon--camera-off-outline);-webkit-mask-image:var(--str-video__icon--camera-off-outline);mask-image:var(--str-video__icon--camera-off-outline)}.str-video__icon--call-end{-webkit-mask-image:var(--str-video__icon--call-end);-webkit-mask-image:var(--str-video__icon--call-end);mask-image:var(--str-video__icon--call-end)}.str-video__icon--call-accept{-webkit-mask-image:var(--str-video__icon--call-accept);-webkit-mask-image:var(--str-video__icon--call-accept);mask-image:var(--str-video__icon--call-accept)}.str-video__icon--info{-webkit-mask-image:var(--str-video__icon--info-icon);-webkit-mask-image:var(--str-video__icon--info-icon);mask-image:var(--str-video__icon--info-icon)}.str-video__icon--stats{-webkit-mask-image:var(--str-video__icon--stats);-webkit-mask-image:var(--str-video__icon--stats);mask-image:var(--str-video__icon--stats)}.str-video__icon--speaker{-webkit-mask-image:var(--str-video__icon--speaker);-webkit-mask-image:var(--str-video__icon--speaker);mask-image:var(--str-video__icon--speaker)}.str-video__icon--ellipsis{-webkit-mask-image:var(--str-video__icon--ellipsis);-webkit-mask-image:var(--str-video__icon--ellipsis);mask-image:var(--str-video__icon--ellipsis)}.str-video__icon--pin{-webkit-mask-image:var(--str-video__icon--pin);-webkit-mask-image:var(--str-video__icon--pin);mask-image:var(--str-video__icon--pin)}.str-video__icon--no-audio{-webkit-mask-image:var(--str-video__icon--no-audio);-webkit-mask-image:var(--str-video__icon--no-audio);mask-image:var(--str-video__icon--no-audio)}.str-video__icon--not-allowed{-webkit-mask-image:var(--str-video__icon--not-allowed);-webkit-mask-image:var(--str-video__icon--not-allowed);mask-image:var(--str-video__icon--not-allowed)}.str-video__icon--film-roll{-webkit-mask-image:var(--str-video__icon--film-roll);-webkit-mask-image:var(--str-video__icon--film-roll);mask-image:var(--str-video__icon--film-roll)}.str-video__icon--device-settings{-webkit-mask-image:var(--str-video__icon--settings);-webkit-mask-image:var(--str-video__icon--settings);mask-image:var(--str-video__icon--settings)}.str-video__icon--filter{-webkit-mask-image:var(--str-video__icon--filter);-webkit-mask-image:var(--str-video__icon--filter);mask-image:var(--str-video__icon--filter)}.str-video__icon--refresh{-webkit-mask-image:var(--str-video__icon--refresh);-webkit-mask-image:var(--str-video__icon--refresh);mask-image:var(--str-video__icon--refresh)}.str-video__icon--kick-user{-webkit-mask-image:var(--str-video__icon--kick-user);-webkit-mask-image:var(--str-video__icon--kick-user);mask-image:var(--str-video__icon--kick-user)}.str-video__icon{width:1.25rem;height:1.25rem;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__loading-indicator{flex-direction:column;align-items:center;display:flex}.str-video__loading-indicator__icon.spinner{-webkit-mask-image:var(--str-video__icon--loading);-webkit-mask-image:var(--str-video__icon--loading);mask-image:var(--str-video__icon--loading);background-color:var(--str-video__text-color2);width:1rem;height:1rem;animation:1s linear infinite rotation;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.str-video__menu-container{z-index:2;width:max-content}.str-video__menu-container::-webkit-scrollbar{display:none}.str-video__menu-container{-ms-overflow-style:none;scrollbar-width:none}.str-video__portal{z-index:1;background-color:var(--str-video__backdrop1);width:100vw;height:100vh;position:fixed;top:0;left: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{background-color:var(--str-video__base-color6);border-radius:var(--str-video__border-radius-lg);box-shadow:0 0 24px -4px #000000a3}.str-video__generic-menu{margin:unset;padding:var(--str-video__spacing-md);gap:var(--str-video__spacing-xs);flex-direction:column;list-style:none;display:flex}.str-video__generic-menu .str-video__generic-menu--item{font-weight:600;font-size:var(--str-video__font-size-md);align-items:center;gap:8px;display:flex}.str-video__generic-menu .str-video__generic-menu--item button{all:unset;border-radius:var(--str-video__border-radius-lg);background-color:var(--str-video__button-primary-base);width:100%;padding:var(--str-video__spacing-xs) var(--str-video__spacing-lg);align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.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}.str-video__generic-menu .str-video__generic-menu--item button[aria-selected=true]:after{content:"●";font-size:10px;position:absolute;left:10px}.str-video__notification{align-items:center;gap:.625rem;padding:.625rem;display:flex}.str-video__notification .str-video__notification__icon{width:1.5rem;height:1.5rem;display:inline-block}.str-video__notification .str-video__notification__message{flex:1}.str-video__notification .str-video__notification__close{width:1rem;height:1rem;display:inline-block}.str-video__notification .str-video__notification__close:hover{cursor:pointer}.str-video__notification{background-color:var(--str-video__background-color1);border-radius:var(--str-video__border-radius-xs);z-index:100}.str-video__notification .str-video__notification__icon{-webkit-mask-image:var(--str-video__icon--info-icon);-webkit-mask-image:var(--str-video__icon--info-icon);mask-image:var(--str-video__icon--info-icon);background-color:var(--str-video__text-color1);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1.5rem;mask-size:1.5rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__notification .str-video__notification__message{font-size:.75rem}.str-video__participant-view{aspect-ratio:4/3;border-radius:var(--str-video__border-radius-sm);justify-content:center;align-items:center;width:100%;max-width:1280px;min-height:0;max-height:100%;display:flex;position:relative}.str-video__participant-view--speaking{outline:2px solid var(--str-video__primary-color)}.str-video__participant-view .str-video__call-controls__button{opacity:.3;color:var(--str-video__text-color1);transition:opacity .2s ease-out}.str-video__participant-view:hover .str-video__call-controls__button{opacity:1}.str-video__participant-view>.str-video__call-controls__button{padding:.3rem;position:absolute;top:.875rem;left:.875rem}.str-video__participant-view .str-video__participant-details{align-items:center;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);display:flex;position:absolute;bottom:0;left:0}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name{align-items:center;gap:var(--str-video__spacing-sm);white-space:nowrap;text-overflow:ellipsis;font-size:var(--str-video__font-size-sm);padding:4px 6px;display:flex;overflow:hidden}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted{background-color:var(--str-video__text-color1);width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-image:var(--str-video__icon--mic-off);-webkit-mask-image:var(--str-video__icon--mic-off);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--audio-connecting .str-video__loading-indicator__icon{border-width:2px;width:1rem;height:1rem}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted{background-color:var(--str-video__text-color1);width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-image:var(--str-video__icon--camera-off);-webkit-mask-image:var(--str-video__icon--camera-off);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--track-paused{background-color:var(--str-video__text-color1);width:1rem;height:1rem;-webkit-mask-size:1rem;mask-size:1rem;-webkit-mask-image:var(--str-video__icon--low-bandwidth);mask-image:var(--str-video__icon--low-bandwidth);-webkit-mask-image:var(--str-video__icon--low-bandwidth)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned{cursor:pointer;background-color:var(--str-video__text-color1);width:.8rem;height:1rem;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.8rem;mask-size:.8rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--str-video__icon--pin);-webkit-mask-image:var(--str-video__icon--pin);mask-image:var(--str-video__icon--pin)}.str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--network-stats{background-color:var(--str-video__text-color1);background-image:var(--str-video__icon--network-quality);cursor:pointer;width:1rem;height:1rem;margin-right:.625rem;-webkit-mask-size:1rem;mask-size:1rem}.str-video__participant-view .str-video__participant-details__connection-quality{border-radius:var(--str-video__border-radius-sm) 0 var(--str-video__border-radius-sm) 0;background-size:cover;background-color:var(--str-video__background-color4);width:24px;height:24px;display:block;position:absolute;bottom:0;right:0}.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__connection-quality--good{background-image:var(--str-video__icon--connection-quality-good)}.str-video__participant-view .str-video__participant-details__connection-quality--excellent{background-image:var(--str-video__icon--connection-quality-excellent)}.str-video__speech-indicator{justify-content:space-between;align-items:center;gap:1px;height:16px;display:flex}.str-video__speech-indicator .str-video__speech-indicator__bar{background-color:var(--str-video__primary-color);border-radius:2px;width:3px;height:20%;animation-name:speech-indicator-silence;animation-duration:.4s;animation-timing-function:ease-in-out;animation-iteration-count:1}.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:first-child{height:70%;animation-name:speech-indicator-quiet;animation-duration:.8s}.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(2){height:80%;animation-name:speech-indicator-loud;animation-duration:1s}.str-video__speech-indicator.str-video__speech-indicator--speaking .str-video__speech-indicator__bar:nth-child(3){height:60%;animation-name:speech-indicator-quiet;animation-duration:.9s}@keyframes speech-indicator-silence{25%{transform:scaleY(2)}50%{transform:scaleY(2.5)}75%{transform:scaleY(1)}}@keyframes speech-indicator-quiet{25%{transform:scaleY(.5)}50%{transform:scaleY(.3)}75%{transform:scaleY(.5)}}@keyframes speech-indicator-loud{25%{transform:scaleY(1)}50%{transform:scaleY(.45)}75%{transform:scaleY(1.1)}}.str-video__permission-requests{background-color:var(--str-video__background-color1);border-radius:8px;padding:10px;position:relative}.str-video__permission-requests .str-video__permission-requests__notification,.str-video__permission-requests .str-video__permission-request{align-items:center;gap:10px;padding:10px 0;display:flex}.str-video__permission-requests .str-video__permission-requests__notification__message,.str-video__permission-requests .str-video__permission-request__message{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.str-video__permission-requests .str-video__permission-request__button{border:1px solid var(--str-video__text-color1);color:var(--str-video__color1);cursor:pointer;background-color:#0000;border-radius:4px;min-width:120px;padding:8px;font-size:14px;font-weight:500}.str-video__permission-requests .str-video__permission-request__button--allow{background-color:var(--str-video__primary-color);border:1px solid var(--str-video__primary-color)}.str-video__permission-requests .str-video__permission-requests-list{background-color:var(--str-video__background-color1);z-index:1;opacity:.9;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:100%;padding:10px;overflow:scroll hidden}.str-video__permission-requests .str-video__permission-requests-list::-webkit-scrollbar{display:none}.str-video__reaction{position:absolute;top:.875rem;right:.875rem}.str-video__reaction .str-video__reaction__emoji{font-size:2.5rem;line-height:1;display:flex}.str-video__call-panel{flex-direction:column;justify-content:space-around;align-items:center;gap:1rem;width:400px;height:300px;padding:1rem 1rem .5rem;display:flex}.str-video__call-panel--ringing .str-video__call-panel__members-list{align-items:center;display:flex;overflow:hidden}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__avatar{width:80px;height:80px}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details{padding:.125rem .375rem;position:absolute;bottom:10%}.str-video__call-panel--ringing .str-video__pending-call-controls{gap:.675rem;display:flex}.str-video__call-panel{background:var(--str-video__background-color3);border:2px solid #c8c8c899;border-radius:10px}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box{border-radius:var(--str-video__border-radius-circle);background:var(--str-video__background-color6)}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box:before{content:"";border-radius:var(--str-video__border-radius-circle);background:linear-gradient(180deg, var(--str-video__primary-color), var(--str-video__info-color));-webkit-mask-composite:xor;padding:4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.str-video__call-panel--ringing .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details{background-color:var(--str-video__background-color4);color:var(--str-video__text-color1);border-radius:4px;font-size:12px;line-height:16px}.str-video__screen-share-overlay{flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;width:100%;height:100%;display:flex;position:absolute}.str-video__screen-share-overlay>.str-video__icon{width:4rem;height:4rem}.str-video__screen-share-overlay .str-video__screen-share-overlay__button{align-items:center;gap:.4rem;padding-block:.8rem;padding-inline:1.6rem;display:flex}.str-video__screen-share-overlay .str-video__screen-share-overlay__button .str-video__icon{width:.7rem;height:.7rem}.str-video__screen-share-overlay{background:var(--str-video__overlay-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit}.str-video__screen-share-overlay .str-video__screen-share-overlay__title{font-size:1.3rem}.str-video__screen-share-overlay .str-video__screen-share-overlay__button{color:#fff;background:var(--str-video__danger-color);border-radius:var(--str-video__border-radius-xs)}.str-video__screen-share-overlay .str-video__screen-share-overlay__button:hover{background-color:var(--str-video__danger-color--accent)}.str-video__search-input__container{gap:.5rem;margin-inline:-.25rem;padding:.5rem .75rem;display:flex}.str-video__search-input__container input{flex:1;min-width:0}.str-video__search-input__container .str-video__search-input__clear-btn{justify-content:center;align-items:center;padding:0;display:flex}.str-video__search-input__container .str-video__search-input__icon{padding:.25rem}.str-video__search-input__container .str-video__search-input__icon--active,.str-video__search-input__container .str-video__search-input__icon{width:1.125rem;height:1.125rem;display:inline-block}.str-video{--str-video__search-input__container--color:var(--str-video__text-color1);--str-video__search-input__container--background-color:var(--str-video__background-color0);--str-video__search-input__container--border-radius:var(--str-video__border-radius-circle);--str-video__search-input__container--border-block-start:1px solid transparent;--str-video__search-input__container--border-block-end:1px solid transparent;--str-video__search-input__container--border-inline-start:1px solid transparent;--str-video__search-input__container--border-inline-end:1px solid transparent;--str-video__search-input__placeholder-color:var(--str-video__text-color2);--str-video__search-input__icon--color:var(--str-video__text-color1)}.str-video__search-input__container.str-video__search-input__container--active{border-color:var(--str-video__primary-color)}.str-video__search-input__container{background:var(--str-video__search-input__container--background-color);color:var(--str-video__search-input__container--color);box-shadow:var(--str-video__search-input__container--box-shadow);border-radius:var(--str-video__search-input__container--border-radius);border-block-start:var(--str-video__search-input__container--border-block-start);border-block-end:var(--str-video__search-input__container--border-block-end);border-inline-start:var(--str-video__search-input__container--border-inline-start);border-inline-end:var(--str-video__search-input__container--border-inline-end)}.str-video__search-input__container input{color:inherit;background-color:#0000;border:none;outline:none;font-size:13px}.str-video__search-input__container input::placeholder{color:var(--str-video__search-input__placeholder-color)}.str-video__search-input__container .str-video__search-input__icon{-webkit-mask-image:var(--str-video__icon--magnifier-glass);-webkit-mask-image:var(--str-video__icon--magnifier-glass);mask-image:var(--str-video__icon--magnifier-glass);background-color:var(--str-video__search-input__icon--color);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.75rem .75rem;mask-size:.75rem .75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__search-input__container .str-video__search-input__clear-btn{border-radius:var(--str-video__border-radius-circle);background-color:#0000;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{-webkit-mask-image:var(--str-video__icon--close);-webkit-mask-image:var(--str-video__icon--close);mask-image:var(--str-video__icon--close);background-color:var(--str-video__search-input__icon--color);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:.75rem .75rem;mask-size:.75rem .75rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.str-video__call{background-color:var(--str-video__background-color2);color:var(--str-video__text-color1);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.str-video__call .str-video{background-color:var(--str-video__background-color2);color:var(--str-video__text-color1)}.str-video__tooltip{padding:var(--str-video__spacing-sm);z-index:4;width:max-content;max-width:250px;white-space:initial;overflow-wrap:break-word;justify-content:center;display:flex}.str-video{--str-video__tooltip--border-radius:var(--str-video__border-radius-xs);--str-video__tooltip--color:var(--str-video__text-color1);--str-video__tooltip--background-color:var(--str-video__button-default-hover);--str-video__tooltip--border-block-start:none;--str-video__tooltip--border-block-end:none;--str-video__tooltip--border-inline-start:none;--str-video__tooltip--border-inline-end:none;--str-video__tooltip--box-shadow:none}.str-video__tooltip{background:var(--str-video__tooltip--background-color);color:var(--str-video__tooltip--color);box-shadow:var(--str-video__tooltip--box-shadow);border-radius:var(--str-video__tooltip--border-radius);border-block-start:var(--str-video__tooltip--border-block-start);border-block-end:var(--str-video__tooltip--border-block-end);border-inline-start:var(--str-video__tooltip--border-inline-start);border-inline-end:var(--str-video__tooltip--border-inline-end);font-size:14px;line-height:1rem}.str-video__tooltip:after{background-color:var(--str-video__tooltip-background-color)}.str-video__video{object-fit:cover;border-radius:inherit;pointer-events:none;width:100%;height:100%}.str-video__video--tall{object-fit:contain}.str-video__video--mirror:not(:picture-in-picture){transform:scaleX(-1)}.str-video__video{background-color:var(--str-video__background-color5)}.str-video__video-placeholder{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.str-video__video-placeholder .str-video__video-placeholder__avatar{object-fit:cover;width:100px;height:100px}.str-video__video-placeholder .str-video__video-placeholder__initials-fallback{justify-content:center;align-items:center;width:100px;height:100px;display:flex}.str-video__video-placeholder{background:var(--str-video__base-color6);border-radius:inherit}.str-video__video-placeholder .str-video__video-placeholder__avatar{border-radius:var(--str-video__border-radius-circle)}.str-video__video-placeholder .str-video__video-placeholder__initials-fallback{background-color:var(--str-video__primary-color);border-radius:var(--str-video__border-radius-circle);text-transform:uppercase;font-size:32px;font-weight:600}.str-video__video-preview-container{justify-content:center;align-items:center;width:500px;height:375px;display:flex}.str-video__video-preview-container .str-video__video-preview{object-fit:cover;width:100%;height:100%}.str-video__video-preview-container .str-video__loading-indicator__icon{width:3rem;height:3rem;-webkit-mask-size:3rem;mask-size:3rem}.str-video__video-preview-container .str-video__video-preview--mirror{transform:scaleX(-1)}.str-video__video-preview-container .str-video__video-preview--loading{display:none}.str-video{--str-video__video-preview-container--color:var(--str-video__text-color1);--str-video__video-preview-container--background-color:var(--str-video__background-color5);--str-video__video-preview-container--border-radius:var(--str-video__border-radius-xs);--str-video__video-preview-container--border-block-start:4px solid var(--str-video__primary-color);--str-video__video-preview-container--border-block-end:4px solid var(--str-video__primary-color);--str-video__video-preview-container--border-inline-start:4px solid var(--str-video__primary-color);--str-video__video-preview-container--border-inline-end:4px solid var(--str-video__primary-color)}.str-video__video-preview-container{background:var(--str-video__video-preview-container--background-color);color:var(--str-video__video-preview-container--color);box-shadow:var(--str-video__video-preview-container--box-shadow);border-radius:var(--str-video__video-preview-container--border-radius);border-block-start:var(--str-video__video-preview-container--border-block-start);border-block-end:var(--str-video__video-preview-container--border-block-end);border-inline-start:var(--str-video__video-preview-container--border-inline-start);border-inline-end:var(--str-video__video-preview-container--border-inline-end);overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2ea;--bg-2:#f0e6da;--ink:#1c1a19;--muted:#6d655b;--accent:#ff6b2c;--accent-2:#1e6f5c;--card:#fff7ed;--line:#e2d2c1;--shadow:#1b14101f}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 20%, #fff3e1 0%, var(--bg) 45%, #efe3d6 100%);min-height:100vh;margin:0;font-family:Space Grotesk,system-ui,sans-serif}.admin-login-screen{background:var(--bg);color:#fff;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);min-height:100vh;display:grid}.admin-login-visual{background:#f8dfe1;flex-direction:column;justify-content:center;min-height:100vh;padding:56px 7vw;display:flex;position:relative;overflow:hidden}.admin-login-visual:after{content:"";pointer-events:none;background:linear-gradient(#1c1a191f,#1c1a1914 55%,#1c1a1973);position:absolute;inset:0}.visual-network{opacity:.75;border:1px solid #ff6b2c38;width:75%;height:55%;position:absolute;transform:rotate(-18deg)skew(-12deg)}.network-one{top:20%;left:2%;box-shadow:50px 30px 0 -49px #ff6b2c,120px 90px 0 -49px #ff6b2c,220px -25px 0 -49px #ff6b2c}.network-two{opacity:.42;bottom:13%;right:-8%;transform:rotate(22deg)skew(14deg)}.visual-brand{z-index:2;align-items:center;gap:10px;font-size:17px;display:flex;position:absolute;top:44px;left:7vw}.visual-brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.meeting-window{z-index:1;background:#211d1a;border:1px solid #8e563a;border-radius:10px;width:min(600px,100%);margin:0 auto 48px;padding:13px;position:relative;box-shadow:0 0 28px #ff6b2c38}.campus-artwork{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.campus-artwork img{object-fit:cover;width:100%;height:100%;display:block}.meeting-toolbar,.meeting-controls{color:#c8d2df;justify-content:space-between;align-items:center;font-size:10px;display:flex}.meeting-toolbar span{align-items:center;gap:6px;display:flex}.meeting-toolbar i{background:var(--accent);border-radius:3px;width:35px;height:8px}.meeting-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0;display:grid}.meeting-grid span{aspect-ratio:1.35;background:radial-gradient(circle at 50% 40%,#5b8c7d 0 12%,#3a3029 13% 38%,#211d1a 39%);border:1px solid #55473e;border-radius:5px}.meeting-controls{justify-content:center;gap:10px}.meeting-controls b{background:#6c7c8c;border-radius:50%;width:10px;height:10px}.meeting-controls .end-call{background:#dc4040;border-radius:5px;width:24px}.visual-copy,.visual-footer{z-index:2;position:relative}.visual-copy{max-width:600px;margin:0 auto}.visual-copy h2{margin:0 0 10px;font-size:clamp(25px,3vw,38px);line-height:1.12}.visual-copy p{color:#9ca8b7;margin:0;font-size:14px}.visual-footer{color:#718094;font-size:12px;position:absolute;bottom:36px;left:7vw}.admin-login-panel{background:var(--bg);place-items:center;min-height:100vh;padding:40px;display:grid}.admin-login-panel .reference-login-card{border:0;border:1px solid var(--line);background:var(--card);width:min(380px,100%);box-shadow:0 24px 60px -40px var(--shadow)}.admin-login-panel .reference-login-heading{text-align:left}.admin-login-panel .formal-login-emblem{margin-left:0}.admin-login-panel .reference-login-heading h1{color:var(--ink);font-size:32px}.admin-login-panel .reference-login-heading p{color:var(--accent-2)}.admin-login-panel .reference-login-form .input{color:var(--muted)}.admin-login-panel .reference-login-form .input span{align-items:center;gap:6px;display:flex}.admin-login-panel .reference-login-form .input input{border-color:var(--line);color:var(--ink);background:#fffaf3}.admin-login-panel .reference-login-button{background:var(--accent-2)}.admin-login-panel .reference-login-button:hover{background:#185746}@media (width<=800px){.admin-login-screen{grid-template-columns:1fr}.admin-login-visual{min-height:430px;padding:90px 28px 40px}.visual-brand{top:28px;left:28px}.visual-footer{bottom:20px;left:28px}.admin-login-panel{min-height:auto;padding:40px 24px 56px}}.portal-container{box-sizing:border-box;color:#1e293b;background-color:#faf4eb;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1.5rem;display:flex;position:relative}.bg-icon{opacity:.85;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:1.5rem;position:absolute}.bg-tree{top:20%;left:5%}.bg-idea-top{top:25%;right:6%}.bg-idea-bottom{bottom:15%;left:8%}.bg-bell{bottom:12%;right:7%}.content-wrapper{z-index:1;text-align:center;width:100%;max-width:1152px}.portal-tag{color:#697488;letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;font-weight:700}.main-title{color:#131926;margin:.5rem 0 1rem;font-size:clamp(2.25rem,4vw,2.625rem);font-weight:800}.subtitle{color:#576071;max-width:550px;margin:0 auto 3rem;font-size:1.0625rem;line-height:1.6}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:0 .5rem;display:grid}.portal-card{cursor:pointer;background-color:#fff;border:1px solid #e7e1d6cc;border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;min-height:345px;padding:1.75rem 2rem 2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #00000008}.portal-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.reference-login-shell{background:#faf6ee;min-height:100vh;padding:24px}.reference-login-card{background:#fffaf2;border:1px solid #eadfce;border-radius:19px;width:min(335px,100%);padding:40px 26px 25px;box-shadow:0 18px 35px #7e664214}.reference-login-heading{text-align:center;margin-bottom:40px}.formal-login-emblem{color:#1f476b;background:#fff7df;border:2px solid #c99a3e;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid;box-shadow:0 4px 10px #1f476b1f}.reference-login-heading h1{color:#101828;margin:0 0 8px;font-size:23px;font-weight:800}.reference-login-heading p{color:#4f46e5;margin:0;font-size:13px;font-weight:600}.reference-login-form{flex-direction:column;gap:16px;display:flex}.reference-login-form .input{color:#4b5563;gap:6px;font-size:11px}.reference-login-form .input span{font-weight:500}.reference-login-form .input input{color:#111827;background:#e8f0fd;border:1px solid #cfd9eb;border-radius:5px;width:100%;padding:8px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.reference-login-form .input input:focus{outline-offset:1px;outline:2px solid #c7c2ff}.reference-login-button{background:#4f46e5;border-radius:5px;width:100%;margin-top:1px;padding:10px;font-size:11px}.reference-login-button:hover{background:#4338ca}.card-icon{color:#d97706;width:5rem;height:5.25rem;margin:0 auto 1.25rem;display:block}.portal-illustration{width:5rem;height:5.25rem;margin:0 auto 1.25rem;display:block}.card-title{color:#0f172a;margin:0 0 .75rem;font-size:1.375rem;font-weight:700}.card-description{color:#565e6d;max-width:270px;margin:0 0 1.75rem;font-size:.875rem;line-height:1.5}.card-button{color:#fff;cursor:pointer;background-color:#1f476b;border:none;border-radius:.75rem;width:auto;padding:.85rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 10px -1px #1f476b4d}.card-button:hover{background-color:#163550;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}@media (width<=760px){.portal-container{padding:2rem 1rem}.main-title{font-size:2rem}.subtitle{margin-bottom:2rem}.cards-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}}a{color:inherit;text-decoration:none}button,textarea,select,input{font-family:inherit}.app-shell{background-color:#f6f2ea;background-image:url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='4,2.5 5.5,4 4,5.5 2.5,4' fill='%23dfd2bf' opacity='0.75'/%3E%3C/svg%3E");background-repeat:repeat;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fef7ef;z-index:20;background:#1c1a19;border-right:1px solid #ffffff14;flex-direction:column;align-self:start;gap:16px;height:100vh;max-height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid #ffffff14;padding-bottom:12px}.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.brand-icon img{object-fit:contain;width:100%;height:100%}.brand-title{letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0;font-size:18px;font-weight:700}.user-role-text{color:#fef7efa6;margin:2px 0 0;font-size:12px;font-weight:500}.nav-group{flex-direction:column;flex:1;gap:6px;padding-right:2px;display:flex;overflow-y:auto}.nav-group::-webkit-scrollbar{width:4px}.nav-group::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.nav-link{color:#fef7efcc;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff17;border-color:#ffffff26;transform:translate(2px)}.nav-link.active{color:#fff;box-shadow:inset 3px 0 0 0 var(--accent,#ff6b2c);background:#ffffff26;border-color:#ffffff40;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff14;flex-shrink:0;margin-top:auto;padding-top:14px}.sidebar-logout-btn{color:#1c1a19;cursor:pointer;background:#f0e6da;border:1px solid #e2d2c1;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.sidebar-logout-btn:hover{background:#e4d6c4;border-color:#d6c3ad;transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.main{flex-direction:column;gap:24px;padding:32px 40px;display:flex}.schedule-page{flex-direction:column;gap:20px;display:flex}.schedule-hero{color:#fff9f0;background:linear-gradient(120deg,#173b49,#2d6f76);border-radius:20px;justify-content:space-between;align-items:end;gap:24px;padding:24px 26px;display:flex;box-shadow:0 18px 45px -30px #173b49cc}.schedule-hero h2{margin:5px 0 8px;font-size:32px}.schedule-hero p{color:#d8ebe4;margin:0}.schedule-hero .eyebrow{color:#f4bd6a}.schedule-stats{gap:10px;display:flex}.schedule-stats div{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;min-width:116px;padding:12px 14px}.schedule-stats strong,.schedule-stats span{display:block}.schedule-stats strong{font-size:24px}.schedule-stats span{color:#d8ebe4;margin-top:2px;font-size:11px}.registration-card,.timetable-card{padding:0;overflow:hidden}.registration-card .section-title,.timetable-card .section-title{border-bottom:1px solid var(--line);padding:20px 22px}.registration-card .section-title h3,.timetable-card .section-title h3{margin:4px 0 0;font-size:21px}.table-caption{color:var(--muted);margin-top:5px;font-size:12px}.status-pill{color:#1e7554;background:#d9f0e3;border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:700}.schedule-table-wrap{overflow-x:auto}.schedule-registration-table{border-collapse:collapse;width:100%;min-width:960px}.schedule-registration-table th,.schedule-registration-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 14px;font-size:12px}.schedule-registration-table th{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#338db7;font-size:11px}.schedule-registration-table td:first-child{width:38px;color:var(--muted)}.schedule-registration-table td:nth-child(2){min-width:215px}.schedule-registration-table td:nth-child(2) span,.schedule-registration-table td:nth-child(4) span,.schedule-registration-table td:nth-child(5) span{color:var(--muted);margin-top:4px;line-height:1.35;display:block}.schedule-registration-table td strong{color:var(--ink)}.schedule-registration-table td b{color:#2671b8}.approved-status{color:#20835a;font-weight:700}.day-tabs{background:#f4e9dc;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px 22px;display:grid}.day-tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;text-align:left;background:#fffaf3;border-radius:10px;padding:10px 8px}.day-tab span,.day-tab small{display:block}.day-tab span{color:var(--ink);font-weight:700}.day-tab small{margin-top:3px;font-size:11px}.day-tab.active{color:#dff2ff;background:#2671b8;border-color:#2671b8}.day-tab.active span{color:#fff}.timetable-wrap{padding:18px 22px 0;overflow-x:auto}.timetable-header,.timetable-row{min-width:900px;display:grid}.timetable-header{color:var(--muted);text-transform:uppercase;grid-template-columns:130px repeat(7,minmax(100px,1fr));font-size:11px;font-weight:700}.timetable-header>span:not(:first-child){text-align:center;padding:0 8px 9px}.timetable-row{border-bottom:1px solid #9ac4d5;grid-template-columns:130px minmax(770px,1fr)}.timetable-row:first-child{border-top:1px solid #9ac4d5}.timetable-row.focused .timetable-day{background:#d5edf3}.timetable-day{color:inherit;cursor:pointer;font:inherit;text-align:left;background:#e6e2dc;border:0;border-left:1px solid #9ac4d5;border-right:1px solid #9ac4d5;flex-direction:column;justify-content:center;gap:5px;padding:18px;display:flex}.timetable-day strong{font-size:20px}.timetable-day span{color:var(--muted);font-size:12px}.timetable-track{background-color:#fffdf9;background-image:linear-gradient(90deg,#0000 16.66%,#e2d2c1 16.66% calc(16.66% + 1px),#0000 calc(16.66% + 1px));background-size:16.66% 100%;grid-template-columns:repeat(7,1fr);min-height:126px;padding:0;display:grid}.class-block{color:#241c1a;min-height:100px;box-shadow:none;border-radius:3px;flex-direction:column;justify-content:center;gap:7px;margin:10px 6px;padding:12px;display:flex}.class-block strong{font-size:13px;line-height:1.2}.class-block span,.class-block small{font-size:11px}.class-block.coral{background:#ff718b}.class-block.blue{background:#83c9e8}.class-block.teal{background:#8ed8c8}.class-block.gold{background:#f4d37a}.class-block.violet{background:#c7b8e8}.empty-schedule{color:var(--muted);text-align:center;grid-column:1/-1;align-self:center}.timetable-note{color:var(--muted);align-items:center;gap:8px;padding:14px 22px 20px;font-size:12px;display:flex}.legend-dot{background:#ff718b;border-radius:50%;width:8px;height:8px}.legend-dot.muted{background:#e2d2c1;margin-left:10px}.next-class{color:var(--accent-2);margin-left:auto;font-weight:700}.mobile-session-list{display:none}.attendance-page{flex-direction:column;gap:20px;display:flex}.attendance-heading{padding:0 4px}.attendance-heading h2{color:#173b49;margin:0 0 18px;font-size:28px;text-decoration:underline}.attendance-heading p{color:var(--ink);margin:0;font-size:16px}.attendance-heading p strong{color:#e32222}.attendance-table-card{padding:0;overflow:hidden}.attendance-table-card .section-title{border-bottom:1px solid var(--line);padding:18px 20px}.attendance-table-card .section-title h3,.attendance-checkin .section-title h3{margin:4px 0 0;font-size:20px}.attendance-table-wrap{overflow-x:auto}.attendance-detail-table{border-collapse:collapse;width:100%;min-width:1280px}.attendance-detail-table th,.attendance-detail-table td{vertical-align:top;border-bottom:1px solid #c6cbd0;border-right:1px solid #c6cbd0;padding:14px 12px;font-size:13px;line-height:1.45}.attendance-detail-table th{z-index:1;color:#fff;text-align:center;text-transform:uppercase;background:#338db7;font-size:12px;position:sticky;top:0}.attendance-detail-table tbody tr:nth-child(2n){background:#e7e7e7}.attendance-detail-table td:first-child,.attendance-detail-table td:nth-child(2),.attendance-detail-table td:nth-child(6),.attendance-detail-table td:nth-child(7),.attendance-detail-table td:nth-child(8),.attendance-detail-table td:nth-child(9),.attendance-detail-table td:nth-child(10){text-align:center}.attendance-detail-table td:nth-child(3){min-width:230px}.attendance-detail-table td:nth-child(4){min-width:210px}.attendance-detail-table td:nth-child(5){min-width:190px}.attendance-detail-table td:nth-child(3) span{margin-top:4px;display:block}.attendance-good{color:#008b16;font-weight:600;font-size:18px!important}.attendance-low{color:#d44848;font-weight:600;font-size:18px!important}.icon-button{color:#2671b8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover{background:#d9edf7}.attendance-checkin{padding:0;overflow:hidden}.attendance-checkin .section-title{border-bottom:1px solid var(--line);padding:18px 20px}.checkin-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:18px 20px 20px;display:grid}.checkin-item{border:1px solid var(--line);background:#fffaf3;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.checkin-item span{color:var(--muted);font-size:13px}.checkin-item .button{margin-top:4px}.recent-checkins{padding:20px}.attendance-detail-overlay{z-index:30;background:#1c1a197a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.attendance-detail-modal{border:1px solid var(--line);background:var(--card);border-radius:16px;width:min(760px,100%);max-height:min(680px,90vh);overflow:auto;box-shadow:0 24px 70px #1c1a193d}.attendance-detail-modal .section-title{border-bottom:1px solid var(--line);padding:20px}.attendance-detail-modal .section-title h3{max-width:580px;margin:4px 0 0;font-size:19px}.attendance-detail-summary{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px;display:grid;overflow:hidden}.attendance-detail-summary div{background:#fffaf3;flex-direction:column;justify-content:center;gap:5px;min-height:84px;padding:14px;display:flex}.attendance-detail-summary span{color:var(--muted);font-size:12px}.attendance-detail-summary strong{color:var(--accent-2);font-size:18px}.attendance-detail-modal .table-wrap{margin:0 20px 20px}.leave-page{flex-direction:column;gap:20px;display:flex}.leave-form-card,.leave-status-card{padding:0;overflow:hidden}.leave-form-card .section-title,.leave-status-card .section-title{border-bottom:1px solid var(--line);padding:20px 22px}.leave-form-card .section-title h3,.leave-status-card .section-title h3{margin:4px 0 0;font-size:22px}.leave-authority{color:var(--ink);margin:0;padding:18px 22px 0;font-size:15px}.leave-authority strong{color:#173b49}.leave-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px;padding:22px;display:grid}.leave-form-grid .input:nth-child(2){grid-column:span 2}.leave-form-grid .input:nth-child(8){grid-column:span 3}.leave-form-grid .input textarea{min-height:120px}.leave-submit-row{justify-content:flex-end;align-items:end;display:flex}.leave-status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-block}.leave-status.approved{color:#1e7554;background:#d9f0e3}.leave-status.pending{color:#966300;background:#fff0c9}.leave-status.denied{color:#a43434;background:#f8d9d9}.hero{background:var(--card);border:1px solid var(--line);box-shadow:0 20px 60px -45px var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.hero h1,.hero h2{margin:6px 0 10px;font-size:28px;line-height:1.3}.hero p{color:var(--muted);margin:6px 0 0;line-height:1.55}.badge{background:var(--accent);color:#fff;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 16px 40px -32px var(--shadow);border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.card h3{margin:0;font-size:18px}.card p{color:var(--muted);margin:0;font-size:14px}.kpi{font-size:24px;font-weight:600}.academic-dashboard{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);align-items:start;gap:20px;display:grid}.registration-panel{min-width:0;padding:0;overflow:hidden}.academic-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.academic-heading h3,.academic-card-title h3{text-transform:capitalize;margin:4px 0 0;font-size:20px}.eyebrow{color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.semester-tag,.spotlight-count{color:#8a3d22;text-transform:uppercase;background:#f5dfce;border-radius:8px;flex:none;padding:7px 10px;font-size:12px;font-weight:700}.registration-table-wrap{max-height:410px;overflow:auto}.registration-table{border-collapse:collapse;width:100%;min-width:680px}.registration-table th,.registration-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px}.registration-table th{z-index:1;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#f4e9dc;font-size:11px;position:sticky;top:0}.registration-table td:first-child{width:38px;color:var(--muted)}.registration-table td:nth-child(2){min-width:250px}.registration-table td:nth-child(2) span{margin-left:9px}.registration-table em{color:#2671b8;font-weight:700}.attendance-value,.remark{white-space:nowrap;font-weight:700}.attendance-value.good,.remark.good{color:#20835a}.attendance-value.critical,.remark.critical{color:#d44848}.attendance-value.steady,.remark.steady{color:#2671b8}.academic-aside{gap:20px;display:grid}.academic-card{padding:20px}.academic-card-title{border-bottom:1px solid var(--line);padding-bottom:14px}.proctor-message{line-height:1.6}.proctor-name{color:var(--accent-2);font-size:12px;font-weight:700}.credit-list{gap:0;margin:0;display:grid}.credit-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.credit-list div:last-child{border-bottom:none}.credit-list dt{color:var(--muted);font-size:13px}.credit-list dd{margin:0;font-size:21px;font-weight:700}.credit-list .highlight dd{color:var(--accent-2)}.spotlight{padding:0;overflow:hidden}.spotlight-item{align-items:center;gap:14px;padding:18px 22px;display:flex}.spotlight-item>div{flex:1}.spotlight-item strong{font-size:15px}.spotlight-item p{margin-top:5px}.spotlight-icon{width:34px;height:34px;color:var(--accent);background:#f5dfce;border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;overflow:hidden}.table-wrap{border:1px solid var(--line);border-radius:16px;width:100%;overflow-x:auto}.table-wrap .table{border:none;border-radius:0}.table th,.table td{text-align:left;padding:14px 16px;font-size:14px}.table th{color:var(--muted);background:#f4e9dc;font-weight:600}.table tr+tr{border-top:1px solid var(--line)}.button{background:var(--accent-2);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}.button.secondary{color:#2a221a;background:#f2dfc9}.button:hover{box-shadow:0 12px 26px -18px var(--shadow);transform:translateY(-1px)}.button-group{flex-wrap:wrap;gap:8px;display:flex}.login-shell{place-items:center;min-height:100vh;padding:40px 20px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);width:min(420px,100%);box-shadow:0 24px 60px -40px var(--shadow);border-radius:24px;flex-direction:column;gap:16px;padding:32px;display:flex}.input{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.input input,.input select{border:1px solid var(--line);background:#fffaf3;border-radius:12px;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,monospace}.input textarea{border:1px solid var(--line);background:#fffaf3;border-radius:12px;min-height:180px;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,monospace}.notice{color:#fff;background:#1e6f5c;border-radius:12px;padding:8px 12px;font-size:13px}.fade-in{animation:.6s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;grid-template-columns:1fr auto;grid-template-areas:"brand logout""nav nav";align-items:center;gap:12px;display:grid;position:sticky;top:0}.sidebar>div{grid-area:brand}.sidebar .nav-group{grid-area:nav}.sidebar>button{grid-area:logout;justify-self:end}.nav-group{flex-flow:row;gap:8px;padding-bottom:4px;overflow-x:auto}.nav-link{white-space:nowrap}.academic-dashboard{grid-template-columns:1fr}.schedule-hero{flex-direction:column;align-items:flex-start}}@media (width<=600px){.sidebar{padding:16px}.sidebar h1{font-size:16px}.sidebar p{display:none}.nav-link{padding:8px 10px;font-size:13px}.button.secondary{padding:8px 12px;font-size:12px}.main{padding:24px}.hero,.academic-heading,.spotlight-item{flex-direction:column;align-items:flex-start}.semester-tag,.spotlight-count{align-self:flex-start}.registration-table-wrap{max-height:none;overflow:visible}.schedule-hero{padding:20px}.schedule-hero h2{font-size:26px}.schedule-stats{width:100%}.schedule-stats div{flex:1;min-width:0}.registration-card .section-title,.timetable-card .section-title{flex-direction:column;align-items:flex-start}.day-tabs{grid-template-columns:repeat(3,1fr);padding:14px}.timetable-wrap{padding:14px 14px 0}.timetable-note{flex-wrap:wrap;align-items:flex-start;padding:14px}.next-class{flex-basis:100%;margin-top:4px;margin-left:0}}@media (width<=700px){.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr+tr{border-top:1px solid var(--line)}.table td{padding:10px 12px}.table td:before{content:attr(data-label);color:var(--muted);margin-bottom:4px;font-weight:600;display:block}}.floating-chatbot-wrapper{z-index:1000;font-family:Inter,system-ui,sans-serif;position:fixed;bottom:24px;right:24px}.chatbot-trigger-btn{color:#fff;cursor:pointer;background:#1c1a19;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 24px #00000040}.chatbot-trigger-btn:hover{background:#2b2725;transform:translateY(-2px)scale(1.03);box-shadow:0 12px 28px #00000059}.chatbot-avatar-img{object-fit:cover;border:2px solid var(--accent,#ff6b2c);border-radius:50%;width:44px;height:44px}.chatbot-trigger-badge{color:#fef7ef;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.chatbot-modal-box{border:1px solid var(--line,#e2d2c1);background:#fff;border-radius:16px;flex-direction:column;width:380px;height:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 40px #0003}.chatbot-header{color:#fff;background:#1c1a19;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chatbot-header-info{align-items:center;gap:10px;display:flex}.chatbot-header-img{object-fit:cover;border:2px solid var(--accent,#ff6b2c);border-radius:50%;width:36px;height:36px}.chatbot-header h4{margin:0;font-size:15px;font-weight:700}.chatbot-header p{color:#ffffffa6;margin:2px 0 0;font-size:11px}.chatbot-close-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.chatbot-close-btn:hover{color:#fff;background:#ffffff26}.chatbot-body{background-color:#f6f2ea;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='4,2.5 5.5,4 4,5.5 2.5,4' fill='%23dfd2bf' opacity='0.75'/%3E%3C/svg%3E");background-repeat:repeat;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chatbot-message-bubble{gap:8px;max-width:85%;font-size:13px;line-height:1.45;display:flex}.chatbot-message-bubble.user-bubble{color:#fff;background:#2563eb;border-radius:14px 14px 2px;align-self:flex-end;padding:10px 14px}.chatbot-message-bubble.bot-bubble{color:#0f172a;border:1px solid var(--line,#e2d2c1);background:#fff;border-radius:14px 14px 14px 2px;align-self:flex-start;padding:10px 14px;box-shadow:0 1px 3px #0000000d}.bot-avatar-tag{color:#2563eb;background:#f1f5f9;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:2px;display:grid}.chatbot-quick-prompts{border-top:1px solid var(--line,#e2d2c1);background:#fff;flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.quick-prompt-btn{color:#1e40af;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:4px 8px;font-size:11px;transition:all .15s}.quick-prompt-btn:hover{background:#dbeafe;border-color:#93c5fd}.chatbot-input-form{border-top:1px solid var(--line,#e2d2c1);background:#fff;align-items:center;gap:8px;padding:10px 12px;display:flex}.chatbot-input-form input{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:8px 12px;font-size:13px}.chatbot-input-form input:focus{border-color:#2563eb;outline:none}.chatbot-send-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;place-items:center;width:34px;height:34px;transition:background .15s;display:grid}.chatbot-send-btn:disabled{cursor:not-allowed;background:#cbd5e1}.chatbot-send-btn:not(:disabled):hover{background:#1d4ed8}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.chatbot-modal-box{width:calc(100vw - 32px);height:480px;bottom:16px;right:16px}}