@snapcall/stream-ui 1.17.0 → 1.18.1

package/dist/stream-ui.esm.js

@@ -1,7 +1,6 @@
 import {jsxs as $3Sbms$jsxs, Fragment as $3Sbms$Fragment, jsx as $3Sbms$jsx} from "react/jsx-runtime";
 import {createRoot as $3Sbms$createRoot} from "react-dom/client";
 import $3Sbms$hotjarbrowser from "@hotjar/browser";
-import $3Sbms$bundletextsnapcalldesignsystemdiststylecss from "bundle-text:@snapcall/design-system/dist/style.css";
 import $3Sbms$reacthottoast, {toast as $3Sbms$toast, Toaster as $3Sbms$Toaster1, ToastBar as $3Sbms$ToastBar} from "react-hot-toast";
 import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, ThemeContext as $3Sbms$ThemeContext, css as $3Sbms$css, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
 import {useState as $3Sbms$useState, useRef as $3Sbms$useRef, useCallback as $3Sbms$useCallback, useEffect as $3Sbms$useEffect, useContext as $3Sbms$useContext, useMemo as $3Sbms$useMemo, createContext as $3Sbms$createContext, useReducer as $3Sbms$useReducer, useLayoutEffect as $3Sbms$useLayoutEffect, cloneElement as $3Sbms$cloneElement, forwardRef as $3Sbms$forwardRef} from "react";
@@ -25,6 +24,7 @@ import {toCanvas as $3Sbms$toCanvas} from "qrcode";
 import {Player as $3Sbms$Player} from "@lottiefiles/react-lottie-player";
 import $3Sbms$classnames from "classnames";
 
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -189,7 +189,7 @@ const $6d331dd378347945$export$d8de94b16800bb18 = (event)=>{
     const imageContainer = event.currentTarget?.parentElement;
     imageContainer?.remove();
 };
-const $6d331dd378347945$export$14834abbfce3b8cd = ({ children: children , options: options = {}  })=>{
+const $6d331dd378347945$export$14834abbfce3b8cd = ({ children: children, options: options = {} })=>{
     const width = options.width || "auto";
     const backgroundColor = options.backgroundColor || "rgba(45, 45, 45, 0.75)";
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $b24a50393389544f$export$42a852a2b6b56249), {
@@ -380,7 +380,7 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
         },
         recordingPopup: {
             recordingStartTitle: "Recording about to start.",
-            recordingStartText: "This call will be recorded shortly. If you’d rather not be recorded, you’re welcome to leave the call at this time.",
+            recordingStartText: "This call will be recorded shortly. If you\u2019d rather not be recorded, you\u2019re welcome to leave the call at this time.",
             dismiss: "Dismiss"
         },
         endView: {
@@ -655,7 +655,7 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
         },
         endView: {
             goBack: "Retourner dans l'appel",
-            tooLate: "Vous \xeates arrivez trop tard",
+            tooLate: "Vous \xeates arriv\xe9 trop tard",
             callIsOver: "Cet appel est termin\xe9 ou supprim\xe9",
             callEnded: "Cet appel est termin\xe9",
             callLeft: "Vous avez quitt\xe9 l'appel",
@@ -1268,13 +1268,13 @@ const $67e45b2e30dcc030$var$AUDIO_MUTE_DETECTION_TIME = 2000;
 const $67e45b2e30dcc030$var$SPEAK_DETECTION_TIME = 500;
 const $67e45b2e30dcc030$var$STOP_SPEAK_DETECTION_TIME = 300;
 class $67e45b2e30dcc030$export$ea669869acd8f177 {
-    speakStartEventTime = 0;
-    speakStopEventTime = 0;
-    speaking = false;
-    audioMedianInterval = -1;
-    audioLevelInterval = -1;
-    audioLevels = [];
     constructor(stream, listener){
+        this.speakStartEventTime = 0;
+        this.speakStopEventTime = 0;
+        this.speaking = false;
+        this.audioMedianInterval = -1;
+        this.audioLevelInterval = -1;
+        this.audioLevels = [];
         this.id = stream.id;
         this.listener = listener;
         this.stream = stream;
@@ -1290,13 +1290,13 @@ class $67e45b2e30dcc030$export$ea669869acd8f177 {
    * return the median of the audio levels (60 per second) for the
    * current second
    */ getAudioLevelMedian() {
-        const { length: length  } = this.audioLevels;
+        const { length: length } = this.audioLevels;
         const audioLevelsSum = this.audioLevels.reduce((sum, level)=>sum + level, 0);
         const audioLevelMedian = audioLevelsSum / length;
         return audioLevelMedian;
     }
     getCurrentAudioLevel() {
-        const { length: length  } = this.audioLevels;
+        const { length: length } = this.audioLevels;
         if (length) return this.audioLevels[length - 1];
         return 0;
     }
@@ -1379,7 +1379,7 @@ class $67e45b2e30dcc030$export$ea669869acd8f177 {
 
 const $82e31ca38889c079$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("AudioRenderer.ts");
 class $82e31ca38889c079$var$AudioRenderer {
-    constructor({ consumerId: consumerId  }){
+    constructor({ consumerId: consumerId }){
         this.consumerId = consumerId;
         this.audio = new Audio();
         this.audio.id = consumerId;
@@ -1412,55 +1412,8 @@ class $82e31ca38889c079$var$AudioRenderer {
 var $82e31ca38889c079$export$2e2bcd8739ae039 = $82e31ca38889c079$var$AudioRenderer;
 
 
-const $850842193b726422$export$218be676a714a9df = '<svg width="103" height="36" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".8" fill="#fff"><path d="M10.994 33.06c.903 0 1.658-.734 1.392-1.581a5.249 5.249 0 0 0-1.279-2.124 5.171 5.171 0 0 0-3.673-1.535 5.171 5.171 0 0 0-3.673 1.535c-.595.6-1.03 1.33-1.28 2.124-.265.847.49 1.582 1.393 1.582h7.12ZM10.65 16.2c-.902 0-1.658.735-1.392 1.582.25.794.685 1.524 1.28 2.124a5.171 5.171 0 0 0 3.672 1.535 5.172 5.172 0 0 0 3.674-1.535 5.25 5.25 0 0 0 1.279-2.124c.266-.847-.49-1.582-1.393-1.582h-7.12ZM14.21 31.455c0 .887.75 1.63 1.606 1.35a5.187 5.187 0 0 0 2.067-1.279 5.264 5.264 0 0 0 1.521-3.706c0-1.39-.547-2.723-1.52-3.705a5.187 5.187 0 0 0-2.068-1.278c-.856-.281-1.606.462-1.606 1.349v7.27ZM7.434 17.806c0-.887-.75-1.63-1.607-1.35a5.186 5.186 0 0 0-2.066 1.279 5.264 5.264 0 0 0-1.522 3.706c0 1.39.548 2.723 1.522 3.705a5.186 5.186 0 0 0 2.066 1.278c.857.281 1.607-.462 1.607-1.349v-7.27Z"/><path d="M32.965 31.098c-1.442 0-2.601-.227-3.478-.68-.865-.465-1.517-1.043-1.955-1.734a.416.416 0 0 1-.052-.187c0-.125.057-.227.173-.306l.986-.731a.286.286 0 0 1 .208-.085c.103 0 .201.062.294.187.773 1.224 2.07 1.836 3.893 1.836.796 0 1.471-.142 2.025-.425.565-.284.848-.737.848-1.36 0-.465-.161-.827-.485-1.088-.311-.26-.796-.493-1.453-.697-.6-.181-.975-.289-1.125-.323-.992-.283-1.707-.504-2.146-.663-1.107-.408-1.84-.878-2.198-1.41-.357-.534-.536-1.089-.536-1.667 0-.476.15-.986.45-1.53.311-.555.796-1.025 1.453-1.41.67-.397 1.506-.595 2.51-.595 1.05 0 1.932.13 2.647.39.716.25 1.396.67 2.042 1.258.081.08.121.159.121.238 0 .114-.057.204-.173.272l-1.107.731a.469.469 0 0 1-.225.085c-.104 0-.202-.05-.294-.153-.692-.725-1.644-1.088-2.856-1.088-.692 0-1.228.102-1.609.306-.37.204-.617.431-.744.68-.115.25-.173.47-.173.663 0 .408.162.737.485.986.323.25.801.476 1.436.68.058.023.502.153 1.332.391.52.136 1.056.29 1.61.46 1.21.396 2.019.9 2.422 1.512.416.612.623 1.201.623 1.768 0 .612-.15 1.196-.45 1.75-.288.556-.801 1.02-1.54 1.395-.727.362-1.713.544-2.959.544ZM44.114 21.766c.865 0 1.667.249 2.405.748.739.487 1.108 1.388 1.108 2.702v5.321a.364.364 0 0 1-.104.272c-.058.057-.144.085-.26.085H46.14a.423.423 0 0 1-.277-.085.407.407 0 0 1-.087-.272v-5.032c-.035-.646-.22-1.155-.554-1.53-.323-.373-.744-.56-1.263-.56-.37 0-.738.102-1.107.306-.358.192-.664.492-.918.9-.253.397-.403.896-.45 1.496v4.42a.365.365 0 0 1-.103.272c-.058.057-.145.085-.26.085h-1.125a.423.423 0 0 1-.276-.085.407.407 0 0 1-.087-.272v-8.193c0-.114.029-.199.087-.255a.378.378 0 0 1 .276-.102h1.125c.116 0 .202.034.26.102.069.056.103.141.103.255v.204c0 .079.012.141.035.187a.168.168 0 0 0 .121.05c.092 0 .214-.062.364-.186a4.02 4.02 0 0 1 1.038-.612c.38-.148.738-.221 1.073-.221ZM57.436 28.207c.023.34.081.607.173.8.093.18.289.322.589.424.184.068.277.165.277.29a.396.396 0 0 1-.052.17l-.485.951c-.092.204-.242.278-.45.221-.669-.147-1.13-.47-1.384-.969-.058-.124-.115-.187-.173-.187-.058 0-.121.046-.19.136-.6.714-1.575 1.071-2.925 1.071-.819 0-1.482-.141-1.99-.425-.496-.283-.848-.623-1.056-1.02-.207-.408-.311-.799-.311-1.173 0-.612.19-1.161.571-1.648.392-.488.975-.828 1.748-1.02.53-.125 1.269-.221 2.215-.29.646-.045 1.113-.09 1.401-.135.231-.034.335-.17.312-.408-.058-.51-.23-.918-.52-1.224-.276-.318-.743-.476-1.4-.476-.428 0-.837.09-1.23.272-.38.17-.674.47-.882.9-.104.216-.254.29-.45.222l-1.055-.29c-.185-.056-.277-.152-.277-.288 0-.034.011-.085.034-.153a3.292 3.292 0 0 1 1.367-1.564c.635-.397 1.46-.595 2.475-.595.992 0 1.834.255 2.526.765.693.498 1.062 1.224 1.108 2.176.011.453.017 1.06.017 1.819.012.759.017 1.308.017 1.648Zm-4.326 1.445c.312 0 .652-.073 1.021-.22.38-.148.715-.403 1.004-.766.3-.374.484-.872.554-1.495v-.034c0-.114-.035-.199-.104-.256-.07-.067-.162-.09-.277-.067l-.675.067c-.75.069-1.361.148-1.834.238-.462.08-.86.227-1.194.442a.984.984 0 0 0-.485.884c0 .465.208.782.623.952.416.17.871.255 1.367.255ZM64.486 21.766c1.107 0 1.967.26 2.578.782.611.51 1.027 1.116 1.246 1.819a6.83 6.83 0 0 1 .329 2.073c0 .692-.11 1.389-.329 2.091-.22.692-.635 1.298-1.246 1.82-.611.509-1.47.764-2.578.764-.9 0-1.65-.238-2.25-.714-.08-.08-.161-.119-.242-.119-.116 0-.173.096-.173.29v3.569c0 .113-.035.198-.104.255-.058.068-.144.102-.26.102H60.42a.378.378 0 0 1-.277-.102c-.058-.057-.086-.142-.086-.255V22.344c0-.114.028-.199.086-.255a.378.378 0 0 1 .277-.102h1.038c.116 0 .202.034.26.102.069.056.104.141.104.255 0 .09.011.164.034.22.035.046.075.069.122.069.057 0 .109-.023.155-.068.612-.533 1.396-.8 2.354-.8Zm-.173 7.785c.888 0 1.54-.3 1.955-.9.427-.601.64-1.338.64-2.21 0-.873-.213-1.61-.64-2.21-.415-.601-1.067-.902-1.955-.902-.877 0-1.518.3-1.921.901-.393.59-.589 1.326-.589 2.21 0 .884.197 1.627.589 2.227.403.59 1.044.884 1.92.884ZM76.268 31.097c-1.316 0-2.452-.277-3.41-.833a5.531 5.531 0 0 1-2.163-2.277c-.484-.975-.726-2.08-.726-3.315 0-1.236.242-2.335.727-3.298a5.507 5.507 0 0 1 2.163-2.295c.957-.555 2.094-.833 3.409-.833 1.246 0 2.324.25 3.236.748a5.437 5.437 0 0 1 2.163 2.09c.034.069.052.131.052.188 0 .125-.087.215-.26.272l-1.298.323a.39.39 0 0 1-.12.017c-.151 0-.266-.074-.347-.221-.715-1.156-1.857-1.734-3.426-1.734-.97 0-1.771.221-2.406.663a3.907 3.907 0 0 0-1.401 1.75c-.3.715-.45 1.491-.45 2.33 0 .838.15 1.615.45 2.329.3.713.767 1.291 1.401 1.733.635.442 1.437.663 2.406.663.911 0 1.701-.21 2.37-.628.681-.42 1.165-1.06 1.454-1.921.08-.216.225-.306.433-.272l1.315.17c.196.034.294.124.294.272 0 .022-.012.079-.035.17-.507 1.303-1.246 2.283-2.215 2.94-.957.646-2.163.97-3.616.97ZM91.216 28.207c.023.34.08.607.173.8.092.18.288.322.588.424.185.068.277.165.277.29a.396.396 0 0 1-.052.17l-.484.951c-.093.204-.243.278-.45.221-.67-.147-1.13-.47-1.385-.969-.057-.124-.115-.187-.173-.187-.057 0-.12.046-.19.136-.6.714-1.575 1.071-2.925 1.071-.819 0-1.482-.141-1.99-.425-.496-.283-.848-.623-1.055-1.02-.208-.408-.312-.799-.312-1.173 0-.612.19-1.161.571-1.648.393-.488.975-.828 1.748-1.02.53-.125 1.27-.221 2.215-.29.646-.045 1.113-.09 1.402-.135.23-.034.334-.17.311-.408-.057-.51-.23-.918-.519-1.224-.277-.318-.744-.476-1.401-.476-.427 0-.837.09-1.23.272-.38.17-.674.47-.882.9-.103.216-.254.29-.45.222l-1.055-.29c-.185-.056-.277-.152-.277-.288a.53.53 0 0 1 .034-.153 3.293 3.293 0 0 1 1.368-1.564c.634-.397 1.459-.595 2.474-.595.992 0 1.834.255 2.527.765.692.498 1.06 1.224 1.107 2.176.012.453.017 1.06.017 1.819.012.759.018 1.308.018 1.648Zm-4.326 1.445c.311 0 .651-.073 1.02-.22.381-.148.716-.403 1.004-.766.3-.374.485-.872.554-1.495v-.034c0-.114-.035-.199-.104-.256-.07-.067-.161-.09-.277-.067l-.675.067c-.75.069-1.36.148-1.834.238-.461.08-.86.227-1.194.442a.984.984 0 0 0-.484.884c0 .465.207.782.622.952.416.17.871.255 1.368.255ZM95.687 30.536a.364.364 0 0 1-.104.272c-.058.057-.144.085-.26.085h-1.125a.424.424 0 0 1-.277-.085.407.407 0 0 1-.086-.272V18.79c0-.114.029-.199.086-.255a.378.378 0 0 1 .277-.102h1.125c.116 0 .202.034.26.102.069.056.104.141.104.255v11.746ZM100.033 30.536a.364.364 0 0 1-.104.272c-.057.057-.144.085-.26.085h-1.124a.423.423 0 0 1-.277-.085.407.407 0 0 1-.086-.272V18.79c0-.114.028-.199.086-.255a.378.378 0 0 1 .277-.102h1.125c.115 0 .202.034.26.102.069.056.103.141.103.255v11.746Z" stroke="#fff" stroke-width=".5"/><path d="M43.151 8.686c.296 0 .554-.036.774-.108.22-.076.402-.182.546-.318.148-.14.258-.308.33-.504.072-.2.108-.422.108-.666a1.75 1.75 0 0 0-.108-.63 1.245 1.245 0 0 0-.324-.48 1.41 1.41 0 0 0-.546-.3 2.516 2.516 0 0 0-.78-.108h-1.206v3.114h1.206Zm0-4.362c.58 0 1.082.068 1.506.204.424.136.774.326 1.05.57.276.244.48.536.612.876.136.34.204.712.204 1.116 0 .42-.07.806-.21 1.158-.14.348-.35.648-.63.9s-.632.448-1.056.588c-.42.14-.912.21-1.476.21h-1.206V13h-1.614V4.324h2.82Zm6.819 2.424c.456 0 .87.074 1.242.222a2.692 2.692 0 0 1 1.578 1.626c.144.392.216.83.216 1.314 0 .488-.072.928-.216 1.32-.144.392-.35.726-.618 1.002a2.653 2.653 0 0 1-.96.636 3.333 3.333 0 0 1-1.242.222c-.46 0-.878-.074-1.254-.222a2.712 2.712 0 0 1-.966-.636 2.922 2.922 0 0 1-.618-1.002 3.807 3.807 0 0 1-.216-1.32c0-.484.072-.922.216-1.314.148-.392.354-.724.618-.996.268-.272.59-.482.966-.63a3.397 3.397 0 0 1 1.254-.222Zm0 5.202c.512 0 .89-.172 1.134-.516.248-.344.372-.848.372-1.512s-.124-1.17-.372-1.518c-.244-.348-.622-.522-1.134-.522-.52 0-.906.176-1.158.528-.248.348-.372.852-.372 1.512s.124 1.164.372 1.512c.252.344.638.516 1.158.516Zm12.85-5.106L60.866 13h-1.188c-.136 0-.23-.088-.282-.264L58.29 9.178c-.036-.12-.07-.238-.102-.354a5.729 5.729 0 0 1-.072-.36 6.81 6.81 0 0 1-.084.366c-.028.12-.06.24-.096.36l-1.122 3.546c-.048.176-.154.264-.318.264h-1.14l-1.95-6.156h1.182c.108 0 .2.026.276.078a.363.363 0 0 1 .15.198l.882 3.288c.044.18.082.356.114.528.036.172.066.344.09.516.044-.172.09-.344.138-.516l.162-.528 1.02-3.3a.382.382 0 0 1 .138-.198.429.429 0 0 1 .258-.078h.654c.104 0 .192.026.264.078a.363.363 0 0 1 .15.198l.99 3.3c.052.18.1.358.144.534.048.172.094.344.138.516.052-.34.126-.69.222-1.05l.906-3.288a.405.405 0 0 1 .15-.198.429.429 0 0 1 .258-.078h1.128Zm4.704 2.37c0-.192-.028-.372-.084-.54a1.25 1.25 0 0 0-.24-.45 1.096 1.096 0 0 0-.414-.3 1.358 1.358 0 0 0-.576-.114c-.428 0-.766.122-1.014.366-.244.244-.4.59-.468 1.038h2.796Zm-2.826.894c.024.316.08.59.168.822.088.228.204.418.348.57.144.148.314.26.51.336.2.072.42.108.66.108.24 0 .446-.028.618-.084a2.76 2.76 0 0 0 .456-.186 7.55 7.55 0 0 0 .342-.186.59.59 0 0 1 .288-.084c.124 0 .216.046.276.138l.426.54a2.536 2.536 0 0 1-.552.486 3.281 3.281 0 0 1-1.32.474 4.79 4.79 0 0 1-.666.048 3.33 3.33 0 0 1-1.194-.21 2.726 2.726 0 0 1-.96-.63 2.993 2.993 0 0 1-.642-1.032c-.156-.412-.234-.888-.234-1.428 0-.42.068-.814.204-1.182.136-.372.33-.694.582-.966.256-.276.566-.494.93-.654.368-.16.782-.24 1.242-.24.388 0 .746.062 1.074.186.328.124.61.306.846.546.236.236.42.528.552.876.136.344.204.738.204 1.182 0 .224-.024.376-.072.456-.048.076-.14.114-.276.114h-3.81Zm6.668-2.196c.192-.368.42-.656.684-.864a1.45 1.45 0 0 1 .936-.318c.284 0 .512.062.684.186l-.096 1.11a.294.294 0 0 1-.09.156.239.239 0 0 1-.15.042c-.06 0-.15-.01-.27-.03a2.01 2.01 0 0 0-.342-.03 1.11 1.11 0 0 0-.786.282c-.1.088-.19.196-.27.324a3.44 3.44 0 0 0-.216.438V13h-1.482V6.844h.87c.152 0 .258.028.318.084.06.052.1.148.12.288l.09.696Zm6.87 1.302c0-.192-.029-.372-.085-.54a1.25 1.25 0 0 0-.24-.45 1.096 1.096 0 0 0-.414-.3 1.358 1.358 0 0 0-.576-.114c-.428 0-.766.122-1.014.366-.244.244-.4.59-.468 1.038h2.796Zm-2.827.894c.024.316.08.59.168.822.088.228.204.418.348.57.144.148.314.26.51.336.2.072.42.108.66.108.24 0 .446-.028.618-.084a2.76 2.76 0 0 0 .456-.186 7.55 7.55 0 0 0 .342-.186.59.59 0 0 1 .288-.084c.124 0 .216.046.276.138l.426.54a2.536 2.536 0 0 1-.552.486 3.281 3.281 0 0 1-1.32.474 4.79 4.79 0 0 1-.666.048 3.33 3.33 0 0 1-1.194-.21 2.726 2.726 0 0 1-.96-.63 2.993 2.993 0 0 1-.642-1.032c-.156-.412-.234-.888-.234-1.428 0-.42.068-.814.204-1.182.136-.372.33-.694.582-.966.256-.276.566-.494.93-.654.368-.16.782-.24 1.242-.24.388 0 .746.062 1.074.186.328.124.61.306.846.546.236.236.42.528.552.876.136.344.204.738.204 1.182 0 .224-.024.376-.072.456-.048.076-.14.114-.276.114h-3.81Zm9.134-1.692a1.451 1.451 0 0 0-.552-.432 1.597 1.597 0 0 0-.636-.126c-.224 0-.426.042-.606.126a1.21 1.21 0 0 0-.462.384 1.8 1.8 0 0 0-.294.648c-.068.26-.102.568-.102.924 0 .36.028.666.084.918.06.248.144.452.252.612.108.156.24.27.396.342.156.068.33.102.522.102.308 0 .57-.064.786-.192.216-.128.42-.31.612-.546v-2.76Zm1.482-4.332V13h-.906c-.196 0-.32-.09-.372-.27l-.126-.594a3.09 3.09 0 0 1-.858.69c-.32.176-.694.264-1.122.264-.336 0-.644-.07-.924-.21a2.098 2.098 0 0 1-.726-.606 3.033 3.033 0 0 1-.468-.99 5.072 5.072 0 0 1-.162-1.344c0-.456.062-.88.186-1.272s.302-.732.534-1.02c.232-.288.51-.512.834-.672a2.384 2.384 0 0 1 1.092-.246c.344 0 .638.054.882.162.244.108.462.254.654.438V4.084h1.482Zm5.863 7.32c.168.204.35.348.546.432.2.084.41.126.63.126.228 0 .432-.04.612-.12.184-.084.34-.212.468-.384a1.93 1.93 0 0 0 .294-.666 4.05 4.05 0 0 0 .102-.972c0-.676-.112-1.164-.336-1.464-.224-.304-.546-.456-.966-.456-.284 0-.532.066-.744.198a2.38 2.38 0 0 0-.606.546v2.76Zm0-3.804a3.02 3.02 0 0 1 .822-.618c.304-.156.65-.234 1.038-.234.356 0 .676.07.96.21.288.14.532.342.732.606.204.26.36.576.468.948.108.372.162.79.162 1.254 0 .5-.062.954-.186 1.362a3.132 3.132 0 0 1-.534 1.05 2.4 2.4 0 0 1-.828.672c-.324.16-.684.24-1.08.24a2.103 2.103 0 0 1-.954-.216 1.891 1.891 0 0 1-.366-.246c-.108-.1-.212-.21-.312-.33l-.066.414c-.024.104-.066.178-.126.222a.37.37 0 0 1-.234.066h-.978V4.084h1.482V7.6Zm10.743-.756-3.354 7.848a.538.538 0 0 1-.174.234c-.068.056-.174.084-.318.084H97.68l1.152-2.472-2.49-5.694h1.302c.116 0 .206.028.27.084.068.056.118.12.15.192l1.308 3.192c.044.108.08.216.108.324.032.108.062.218.09.33a32.3 32.3 0 0 1 .108-.33c.036-.112.076-.222.12-.33l1.236-3.186a.437.437 0 0 1 .408-.276h1.188Z"/></g></svg>';
-
-
-const $9ac119af65504970$export$eabbd7447140cfb = `<svg xmlns="http://www.w3.org/2000/svg" width="100" height="103"><path d="M92.527 39.465 22.312 1.87A15.549 15.549 0 0 0 14.777 0c-2.64.02-5.226.703-7.5 1.98a14.086 14.086 0 0 0-5.332 5.032A13.185 13.185 0 0 0 0 13.906v75.188c-.004 2.422.668 4.8 1.945 6.894 1.278 2.094 3.117 3.832 5.332 5.035a15.598 15.598 0 0 0 7.5 1.977 15.6 15.6 0 0 0 7.536-1.867l70.214-37.598c2.262-1.187 4.153-2.933 5.465-5.05A13.198 13.198 0 0 0 100 51.5c0-2.457-.691-4.867-2.008-6.984-1.312-2.118-3.203-3.86-5.465-5.051Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1"/></svg>`;
-
-
-const $15ddac3121cc3a5d$var$getWatermarkedCanvas = (canvas, dpr = 1)=>new Promise((resolve)=>{
-        const context = canvas.getContext("2d");
-        const svgBlob = new Blob([
-            (0, $850842193b726422$export$218be676a714a9df)
-        ], {
-            type: "image/svg+xml;charset=utf-8"
-        });
-        const blobUrl = URL.createObjectURL(svgBlob);
-        const watermarkImage = new Image();
-        watermarkImage.onload = ()=>{
-            const x = canvas.width / dpr - watermarkImage.width - 16;
-            const y = canvas.height / dpr - watermarkImage.height - 16;
-            context?.drawImage(watermarkImage, x, y);
-            resolve(canvas);
-        };
-        watermarkImage.src = blobUrl;
-    });
-const $15ddac3121cc3a5d$var$addVideoPlayerWatermarkedCanvas = (canvas, dpr = 1)=>new Promise((resolve)=>{
-        const context = canvas.getContext("2d");
-        const svgBlob = new Blob([
-            (0, $9ac119af65504970$export$eabbd7447140cfb)
-        ], {
-            type: "image/svg+xml;charset=utf-8"
-        });
-        const blobUrl = URL.createObjectURL(svgBlob);
-        const watermarkImage = new Image();
-        watermarkImage.onload = ()=>{
-            const x = canvas.width / dpr / 2 - watermarkImage.width / 2;
-            const y = canvas.height / dpr / 2 - watermarkImage.height / 2;
-            context?.drawImage(watermarkImage, x, y);
-            resolve(canvas);
-        };
-        watermarkImage.src = blobUrl;
-        if (context) {
-            context.fillStyle = "#00000064";
-            context.fillRect(0, 0, canvas.width, canvas.height);
-            context.restore();
-        }
-    });
-const $15ddac3121cc3a5d$export$674c90a250a8b2c5 = async (video, options = {
-    addPlayWatermark: false
-})=>{
-    const { videoWidth: videoWidth , videoHeight: videoHeight  } = video;
+const $15ddac3121cc3a5d$export$674c90a250a8b2c5 = async (video)=>{
+    const { videoWidth: videoWidth, videoHeight: videoHeight } = video;
     const orientation = videoWidth > videoHeight ? "landscape" : "portrait";
     const sourceWidth = orientation === "portrait" ? videoWidth : videoHeight;
     const sourceHeight = orientation === "landscape" ? videoHeight : videoWidth;
@@ -1473,13 +1426,9 @@ const $15ddac3121cc3a5d$export$674c90a250a8b2c5 = async (video, options = {
     canvas.height = sourceHeight * dpr;
     ctx?.scale(dpr, dpr);
     ctx?.drawImage(video, sourceX, sourceY, sourceWidth, sourceHeight, 0, 0, canvas.width / dpr, canvas.height / dpr);
-    if (options.addPlayWatermark) canvas = await $15ddac3121cc3a5d$var$addVideoPlayerWatermarkedCanvas(canvas, window.devicePixelRatio);
-    const watermarkedCanvas = await $15ddac3121cc3a5d$var$getWatermarkedCanvas(canvas, window.devicePixelRatio);
-    return watermarkedCanvas.toDataURL("image/jpeg");
+    return canvas.toDataURL("image/jpeg");
 };
-const $15ddac3121cc3a5d$export$4a210166cc9cb64b = async (src, options = {
-    addPlayWatermark: false
-})=>{
+const $15ddac3121cc3a5d$export$4a210166cc9cb64b = async (src)=>{
     const video = document.createElement("video");
     const stream = new MediaStream();
     stream.addTrack(src);
@@ -1494,9 +1443,7 @@ const $15ddac3121cc3a5d$export$4a210166cc9cb64b = async (src, options = {
     canvas.height = video.height;
     canvas.width = video.width;
     ctx?.drawImage(video, 0, 0);
-    if (options.addPlayWatermark) canvas = await $15ddac3121cc3a5d$var$addVideoPlayerWatermarkedCanvas(canvas);
-    const watermarkedCanvas = await $15ddac3121cc3a5d$var$getWatermarkedCanvas(canvas);
-    return watermarkedCanvas.toDataURL("image/jpeg");
+    return canvas.toDataURL("image/jpeg");
 };
 
 
@@ -1592,16 +1539,16 @@ class $a2f0e3c29b11c88e$export$2e2bcd8739ae039 {
     }
     async createSendTransport(server) {
         const sendTransport = this.mediasoupDevice.createSendTransport(await this.createTransportConfig(server));
-        sendTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
+        sendTransport.on("connect", ({ dtlsParameters: dtlsParameters }, callback, errback)=>{
             $a2f0e3c29b11c88e$var$log.log("dtlsParameters", sendTransport.id, dtlsParameters);
             server.request("connectWebRtcTransport", {
                 transportId: sendTransport.id,
                 dtlsParameters: dtlsParameters
             }).then(callback).catch(errback);
         });
-        sendTransport.on("produce", async ({ kind: kind , rtpParameters: rtpParameters , appData: appData  }, callback, errback)=>{
+        sendTransport.on("produce", async ({ kind: kind, rtpParameters: rtpParameters, appData: appData }, callback, errback)=>{
             try {
-                const { id: id  } = await server.request("produce", {
+                const { id: id } = await server.request("produce", {
                     transportId: sendTransport.id,
                     kind: kind,
                     rtpParameters: rtpParameters,
@@ -1619,7 +1566,7 @@ class $a2f0e3c29b11c88e$export$2e2bcd8739ae039 {
     }
     async createRecvTransport(server) {
         const recvTransport = this.mediasoupDevice.createRecvTransport(await this.createTransportConfig(server));
-        recvTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
+        recvTransport.on("connect", ({ dtlsParameters: dtlsParameters }, callback, errback)=>{
             $a2f0e3c29b11c88e$var$log.log("dtls", recvTransport.id, dtlsParameters);
             server.request("connectWebRtcTransport", {
                 transportId: recvTransport.id,
@@ -1674,15 +1621,15 @@ const $0148b6fd862a22e8$var$selfieSegmentation = new $3Sbms$SelfieSegmentation({
     }
 });
 class $0148b6fd862a22e8$export$2e2bcd8739ae039 {
-    fillColor = "#000000";
-    type = "blur";
-    live = false;
-    fps = 24;
-    blurLevel = 10;
-    timerWorker = new Worker(new URL("timer.7144fe82.js", import.meta.url), {
-        name: "VirtualBackgroundTimerWorker"
-    });
     constructor(stream, options){
+        this.fillColor = "#000000";
+        this.type = "blur";
+        this.live = false;
+        this.fps = 24;
+        this.blurLevel = 10;
+        this.timerWorker = new Worker(new URL("timer.2e23031c.js", import.meta.url), {
+            name: "VirtualBackgroundTimerWorker"
+        });
         this.stream = stream;
         this.image = document.createElement("video");
         this.image.style.display = "none";
@@ -1812,9 +1759,9 @@ class $0148b6fd862a22e8$export$2e2bcd8739ae039 {
 
 const $107ba89b5d0109ab$var$audioContextConstructor = window.AudioContext || window.webkitAudioContext;
 class $107ba89b5d0109ab$export$22ddc20344c01547 {
-    audioSources = {};
-    tracks = {};
     constructor(){
+        this.audioSources = {};
+        this.tracks = {};
         this.audioContext = new $107ba89b5d0109ab$var$audioContextConstructor();
         this.audioDestination = this.audioContext.createMediaStreamDestination();
     }
@@ -1856,10 +1803,10 @@ class $107ba89b5d0109ab$export$22ddc20344c01547 {
 
 
 var $2114f1d49575b676$require$Buffer = $3Sbms$Buffer;
-const $2114f1d49575b676$export$bfc52a1c1f84ba66 = async (apiUrl, { token: token , base64Image: base64Image , session_id: session_id , user_id: user_id , peer_id: peer_id  })=>{
+const $2114f1d49575b676$export$bfc52a1c1f84ba66 = async (apiUrl, { token: token, base64Image: base64Image, session_id: session_id, user_id: user_id, peer_id: peer_id })=>{
     const filename = `${(0, $3Sbms$v4)()}.jpeg`;
     const uploadBody = $2114f1d49575b676$require$Buffer.from(String(base64Image).replace(/^data:image\/\w+;base64,/, ""), "base64");
-    const { url: url , headers: headers  } = await fetch(`${apiUrl}/streams/${token}/snapshot`, {
+    const { url: url, headers: headers } = await fetch(`${apiUrl}/streams/${token}/snapshot`, {
         method: "POST",
         headers: {
             "Content-Type": "application/json"
@@ -1984,16 +1931,26 @@ const $c31e3fb4360572af$var$defaultMediapipeOptions = {
     blurLevel: 10
 };
 class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$StreamerEventTargetType {
-    mediasoupTransport = {};
-    mediaPipeOption = $c31e3fb4360572af$var$defaultMediapipeOptions;
-    useVideoBackground = false;
-    pendingDeviceRequest = {};
-    joinOptions = {};
-    devicesList = [];
-    plan = undefined;
-    permissions = [];
     constructor(){
         super();
+        this.mediasoupTransport = {};
+        this.mediaPipeOption = $c31e3fb4360572af$var$defaultMediapipeOptions;
+        this.useVideoBackground = false;
+        this.pendingDeviceRequest = {};
+        this.joinOptions = {};
+        this.devicesList = [];
+        this.plan = undefined;
+        this.permissions = [];
+        this.onAudioLevel = (0, $120418cdeb6706cf$export$de363e709c412c8a)((audioLevel)=>{
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("audioLevel", {
+                cancelable: true,
+                bubbles: true,
+                detail: {
+                    audioLevel: audioLevel
+                }
+            });
+            this.dispatchEvent(event);
+        }, 1000);
         navigator.mediaDevices.addEventListener("devicechange", ()=>this.onDeviceChange());
         this.config = {
             streamApiURL: String("https://apistream.snapcall.io"),
@@ -2067,16 +2024,6 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             peers: peers
         };
     }
-    onAudioLevel = (0, $120418cdeb6706cf$export$de363e709c412c8a)((audioLevel)=>{
-        const event = new $c31e3fb4360572af$var$SnapcallEvent("audioLevel", {
-            cancelable: true,
-            bubbles: true,
-            detail: {
-                audioLevel: audioLevel
-            }
-        });
-        this.dispatchEvent(event);
-    }, 1000);
     onStartSpeak() {
         if (this.micProducer && !this.micProducer.paused) {
             const event = new $c31e3fb4360572af$var$SnapcallEvent("localStartSpeak", {
@@ -2107,7 +2054,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async generateToken(bid) {
         const url = this.config.streamerApi;
-        const { token: token  } = await fetch(`${url}/stream`, {
+        const { token: token } = await fetch(`${url}/stream`, {
             method: "post",
             headers: {
                 "Content-Type": "application/json"
@@ -2125,7 +2072,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (!this.peerId) this.peerId = (0, $3Sbms$v4)();
         let url;
         try {
-            const { streamer_instance: instanceId , plan: { permissions: permissions , name: name  } , recordings: recordings , company_id: company_id  } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
+            const { streamer_instance: instanceId, plan: { permissions: permissions, name: name }, recordings: recordings, company_id: company_id } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
                 method: "get",
                 headers: {
                     "Content-Type": "application/json"
@@ -2181,7 +2128,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             if (notification.method === "error") {
                 if (notification.data?.reason === "reached user limit") this.onCriticalError($c31e3fb4360572af$export$103bedf43ba882db.USER_LIMIT);
             } else if (notification.method === "newPeer") {
-                const { id: id , profile: profile , muted: muted  } = notification.data;
+                const { id: id, profile: profile, muted: muted } = notification.data;
                 this.peers.set(id, {
                     id: id,
                     peerId: id,
@@ -2199,7 +2146,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "newProducer") {
-                const { peerId: peerId , producerId: producerId , deviceType: deviceType , paused: paused  } = notification.data;
+                const { peerId: peerId, producerId: producerId, deviceType: deviceType, paused: paused } = notification.data;
                 await this.consumeProducer({
                     peerId: peerId,
                     producerId: producerId,
@@ -2207,7 +2154,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                     paused: paused
                 });
             } else if (notification.method === "peerClosed") {
-                const { peerId: peerId , relatedConsumers: relatedConsumers  } = notification.data;
+                const { peerId: peerId, relatedConsumers: relatedConsumers } = notification.data;
                 this.peers.delete(peerId);
                 relatedConsumers.forEach((consumer)=>{
                     this.onConsumerClose({
@@ -2221,7 +2168,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "consumerClosed") {
-                const { consumerId: consumerId  } = notification.data;
+                const { consumerId: consumerId } = notification.data;
                 this.onConsumerClose({
                     consumerId: consumerId
                 });
@@ -2229,7 +2176,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 detail: notification.data
             }));
             else if (notification.method === "displayName") {
-                const { peerId: peerId , displayName: displayName  } = notification.data;
+                const { peerId: peerId, displayName: displayName } = notification.data;
                 const event = new $c31e3fb4360572af$var$SnapcallEvent("displayName", {
                     detail: {
                         peerId: peerId,
@@ -2239,7 +2186,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "profile") {
-                const { peerId: peerId , profile: profile  } = notification.data;
+                const { peerId: peerId, profile: profile } = notification.data;
                 const event = new CustomEvent("profileUpdate", {
                     detail: {
                         peerId: peerId,
@@ -2256,7 +2203,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             } else if (notification.method === "startSpeak") ;
             else if (notification.method === "stopSpeak") ;
             else if (notification.method === "producerPaused" || notification.method === "producerResumed") {
-                const { peerId: peerId , producerId: producerId , deviceType: deviceType  } = notification.data;
+                const { peerId: peerId, producerId: producerId, deviceType: deviceType } = notification.data;
                 if (notification.data?.deviceType === "microphone") {
                     const microphoneData = this.peers.get(peerId)?.producersData.find((ele)=>producerId === ele.producerId);
                     if (microphoneData) microphoneData.paused = notification.method === "producerPaused" ? true : false;
@@ -2277,7 +2224,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "mute") {
-                const { peerId: peerId , device: device  } = notification.data;
+                const { peerId: peerId, device: device } = notification.data;
                 const event = new $c31e3fb4360572af$var$SnapcallEvent("mediaPause", {
                     detail: {
                         peerId: peerId,
@@ -2287,7 +2234,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "unmute") {
-                const { peerId: peerId , device: device  } = notification.data;
+                const { peerId: peerId, device: device } = notification.data;
                 const event = new $c31e3fb4360572af$var$SnapcallEvent("mediaResume", {
                     detail: {
                         peerId: peerId,
@@ -2313,7 +2260,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "customMessage") {
-                const { messageId: messageId , chunk: chunk , chunkIndex: chunkIndex , totalChunks: totalChunks  } = notification.data.event;
+                const { messageId: messageId, chunk: chunk, chunkIndex: chunkIndex, totalChunks: totalChunks } = notification.data.event;
                 const existingMessage = this.customMessages.get(messageId);
                 if (existingMessage) existingMessage.chunks.push({
                     index: chunkIndex,
@@ -2394,7 +2341,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
     }
     async setAgentIdentity() {
-        const { apiKey: apiKey , email: email  } = this.joinOptions;
+        const { apiKey: apiKey, email: email } = this.joinOptions;
         if (apiKey) try {
             if (apiKey && email) this.agentIdentity = await this.fetchAgentInfo({
                 apiKey: apiKey,
@@ -2423,9 +2370,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     async joinRoom() {
         this.streamerMediasoup = await (0, $a2f0e3c29b11c88e$export$2e2bcd8739ae039).create(this.protoo, this.config);
         // now we join
-        const { apiKey: apiKey , email: email  } = this.joinOptions;
+        const { apiKey: apiKey, email: email } = this.joinOptions;
         await this.setAgentIdentity();
-        const { peers: peers , videoRecordStarted: videoRecordStarted , videoRecording: videoRecording  } = await this.protoo.request("getRoomPeers", {
+        const { peers: peers, videoRecordStarted: videoRecordStarted, videoRecording: videoRecording } = await this.protoo.request("getRoomPeers", {
             apiKey: apiKey,
             email: email
         });
@@ -2808,7 +2755,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (!this.webcamProducer || this.webcamProducer.closed) return;
         await this.switchWebcam({});
     }
-    async switchWebcam({ device: device , resolution: resolution , rotate: rotate , frameRate: frameRate , facingMode: facingMode  }) {
+    async switchWebcam({ device: device, resolution: resolution, rotate: rotate, frameRate: frameRate, facingMode: facingMode }) {
         if (!this.webcam.device) throw new Error("no webcam devices");
         const optionalParam = {};
         if (rotate) {
@@ -2942,6 +2889,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             min: capabilities?.zoom?.min || 0,
             max: capabilities?.zoom?.max || 0
         };
+        if (capabilities.focusMode) // https://github.com/w3c/mediacapture-image/blob/main/implementation-status.md
+        track.applyConstraints({
+            advanced: [
+                {
+                    focusMode: "continuous"
+                }
+            ]
+        });
         const encodings = undefined;
         const codecOptions = {
             videoGoogleStartBitrate: 1000
@@ -3091,7 +3046,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
         this.dispatchEvent(event);
     }
-    onConsumerClose({ consumerId: consumerId  }) {
+    onConsumerClose({ consumerId: consumerId }) {
         const consumer = this.consumers.get(consumerId);
         if (consumer) {
             const producerId = consumer.mediaSoupConsumer.producerId;
@@ -3114,7 +3069,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.dispatchEvent(event);
         }
     }
-    requestVideo({ mediaId: mediaId , element: element  }) {
+    requestVideo({ mediaId: mediaId, element: element }) {
         $c31e3fb4360572af$var$log.info("requestVideo");
         const consumer = this.consumers.get(mediaId);
         if (consumer) {
@@ -3133,32 +3088,17 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             user_id: this.agentIdentity?.id
         });
     }
-    async saveThumbnail(base64Image) {
-        const { objectUrl: objectUrl  } = await fetch(`${this.config.streamApiURL}/uploadSnapshot`, {
-            method: "POST",
-            body: JSON.stringify({
-                file: base64Image
-            })
-        }).then((rawResponse)=>rawResponse.json());
-        const res = await this.protoo.request("addThumbnail", {
-            url: objectUrl
-        });
-        return {
-            url: objectUrl,
-            assetId: res.assetId
-        };
-    }
     async deleteCapture(assetId) {
         const res = await this.protoo.request("deleteCapture", {
             assetId: assetId
         });
         return res;
     }
-    async captureVideo(videoElement, option) {
+    async captureVideo(videoElement) {
         if (this.permissions.find((permission)=>permission === "instant_picture")) {
             let image;
-            if (videoElement) image = await (0, $15ddac3121cc3a5d$export$674c90a250a8b2c5)(videoElement, option);
-            else if (this.webcamProducer && this.webcamProducer.track) image = await (0, $15ddac3121cc3a5d$export$4a210166cc9cb64b)(this.webcamProducer.track, option);
+            if (videoElement) image = await (0, $15ddac3121cc3a5d$export$674c90a250a8b2c5)(videoElement);
+            else if (this.webcamProducer && this.webcamProducer.track) image = await (0, $15ddac3121cc3a5d$export$4a210166cc9cb64b)(this.webcamProducer.track);
             else throw new Error("no video to capture");
             return image;
         } else throw new Error("feature not allowed");
@@ -3182,7 +3122,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             element.srcObject = mediaStream;
         } else $c31e3fb4360572af$var$log.log("requestLocalScreenshare", "screenshare producer not available yet");
     }
-    consumePeer({ peerId: peerId , producersData: producersData  }) {
+    consumePeer({ peerId: peerId, producersData: producersData }) {
         producersData.forEach((producerData)=>{
             this.consumeProducer({
                 peerId: peerId,
@@ -3192,7 +3132,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
         });
     }
-    async consumeProducer({ peerId: peerId , producerId: producerId , deviceType: deviceType , paused: paused  }) {
+    async consumeProducer({ peerId: peerId, producerId: producerId, deviceType: deviceType, paused: paused }) {
         try {
             const mediaKind = deviceType === "microphone" ? "audio" : "video";
             const transport = await this.getTransport(mediaKind, "recv");
@@ -3208,7 +3148,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 deviceType: deviceType,
                 paused: paused
             });
-            const { producerId: resolvedProducerId , id: id , kind: kind , rtpParameters: rtpParameters , appData: appData  } = data;
+            const { producerId: resolvedProducerId, id: id, kind: kind, rtpParameters: rtpParameters, appData: appData } = data;
             $c31e3fb4360572af$var$log.log("consumeProducer", "Data: ", data);
             const consumer = await transport.consume({
                 id: id,
@@ -3289,7 +3229,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async getCallId() {
         try {
-            const { callId: callId  } = await this.protoo.request("getCallId");
+            const { callId: callId } = await this.protoo.request("getCallId");
             return callId;
         } catch (err) {
             $c31e3fb4360572af$var$log.error("getCallId", "Failed to get callId");
@@ -3415,7 +3355,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         window.dispatchEvent(event);
         return result;
     }
-    async fetchAgentInfo({ apiKey: apiKey , email: email  }) {
+    async fetchAgentInfo({ apiKey: apiKey, email: email }) {
         const apiURL = this.config.apiUrl;
         const agent = await fetch(`${apiURL}/agents/${email}`, {
             method: "get",
@@ -3428,7 +3368,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
         return agent;
     }
-    async fetchUserInfo({ apiKey: apiKey  }) {
+    async fetchUserInfo({ apiKey: apiKey }) {
         const apiURL = this.config.apiUrl;
         const user = await fetch(`${apiURL}/users/me`, {
             method: "get",
@@ -3469,7 +3409,7 @@ var $5f30d8bf4f04621e$export$2e2bcd8739ae039 = $5f30d8bf4f04621e$var$StreamUICon
 
 
 
-let $2884da8a64948e35$export$96a9662a3eda31f6;
+var $2884da8a64948e35$export$96a9662a3eda31f6;
 (function(StreamsReducerActionTypes) {
     StreamsReducerActionTypes[StreamsReducerActionTypes["SET_STREAMS"] = 0] = "SET_STREAMS";
     StreamsReducerActionTypes[StreamsReducerActionTypes["ADD_STREAM"] = 1] = "ADD_STREAM";
@@ -3488,12 +3428,12 @@ const $2884da8a64948e35$export$7fc21eab2c971c9c = {
 };
 const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
     switch(action.type){
-        case $2884da8a64948e35$export$96a9662a3eda31f6.SET_STREAMS:
+        case 0:
             return {
                 ...state,
                 streams: action.payload
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.ADD_STREAM:
+        case 1:
             if (state.streams.find((stream)=>stream.id === action.payload.id)) return state;
             return {
                 ...state,
@@ -3502,16 +3442,16 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                     action.payload
                 ]
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.REMOVE_STREAM:
+        case 2:
             return {
                 ...state,
                 streams: [
                     ...state.streams.filter((stream)=>stream.id !== action.payload.id)
                 ]
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.DEVICE_UPDATE:
+        case 3:
             {
-                const { streamId: streamId , mediaId: mediaId , device: device , available: available , paused: paused  } = action.payload;
+                const { streamId: streamId, mediaId: mediaId, device: device, available: available, paused: paused } = action.payload;
                 return {
                     ...state,
                     streams: state.streams.map((stream)=>{
@@ -3528,7 +3468,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                     })
                 };
             }
-        case $2884da8a64948e35$export$96a9662a3eda31f6.MUTE:
+        case 4:
             return {
                 ...state,
                 streams: state.streams.map((stream)=>{
@@ -3539,7 +3479,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                     return stream;
                 })
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.UNMUTE:
+        case 5:
             return {
                 ...state,
                 streams: state.streams.map((stream)=>{
@@ -3550,17 +3490,17 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                     return stream;
                 })
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.SET_HIGHLIGHTED_TILE:
+        case 6:
             return {
                 ...state,
                 highlightedTile: action.payload
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.UNSET_HIGHLIGHTED_TILE:
+        case 7:
             return {
                 ...state,
                 highlightedTile: null
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.SET_STREAM_PROFILE:
+        case 8:
             return {
                 ...state,
                 streams: state.streams.map((stream)=>{
@@ -3571,7 +3511,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                     return stream;
                 })
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.SET_STREAM_SPEAKING:
+        case 9:
             return {
                 ...state,
                 streams: state.streams.map((stream)=>{
@@ -3589,7 +3529,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
 
 
 const $cce9fd41d8a55a18$var$StreamsContext = /*#__PURE__*/ (0, $3Sbms$createContext)(undefined);
-const $cce9fd41d8a55a18$export$74636703cfe1eecf = ({ children: children  })=>{
+const $cce9fd41d8a55a18$export$74636703cfe1eecf = ({ children: children })=>{
     const [state, dispatch] = (0, $3Sbms$useReducer)((0, $2884da8a64948e35$export$43fc78ab8758f39), (0, $2884da8a64948e35$export$7fc21eab2c971c9c));
     const value = {
         state: state,
@@ -3655,7 +3595,7 @@ const $a1ac29d50bdaa837$var$ThemedPath = (0, $3Sbms$styledcomponents).path`
   fill: ${(props)=>props.theme.logoColor};
   stroke: ${(props)=>props.stroke ? props.theme.logoColor : "unset"};
 `;
-const $a1ac29d50bdaa837$var$SnapcallLogo = ({ size: size = "large"  })=>{
+const $a1ac29d50bdaa837$var$SnapcallLogo = ({ size: size = "large" })=>{
     if (size === "small") return /*#__PURE__*/ (0, $3Sbms$jsx)($a1ac29d50bdaa837$var$SnapcallLogoSmall, {});
     if (size === "medium") return /*#__PURE__*/ (0, $3Sbms$jsx)($a1ac29d50bdaa837$var$SnapcallLogoMedium, {});
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
@@ -3801,7 +3741,7 @@ const $2da9626742e3560b$export$6546b255bd3a2004 = ()=>/*#__PURE__*/ (0, $3Sbms$j
             fill: "#fff"
         })
     });
-const $2da9626742e3560b$export$92ce62e1201c4fc0 = ({ color: color  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+const $2da9626742e3560b$export$92ce62e1201c4fc0 = ({ color: color })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",
@@ -3812,7 +3752,7 @@ const $2da9626742e3560b$export$92ce62e1201c4fc0 = ({ color: color  })=>/*#__PURE
             fill: color || "#fff"
         })
     });
-const $2da9626742e3560b$export$6470d09a29d34d08 = ({ color: color  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+const $2da9626742e3560b$export$6470d09a29d34d08 = ({ color: color })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",
@@ -3875,7 +3815,7 @@ const $2da9626742e3560b$export$5170987d58ae338d = ()=>/*#__PURE__*/ (0, $3Sbms$j
             ]
         })
     });
-const $2da9626742e3560b$export$d5424e4dfe4be076 = ({ color: color  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+const $2da9626742e3560b$export$d5424e4dfe4be076 = ({ color: color })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",
@@ -3976,8 +3916,8 @@ const $4ee077ee5e6fe3e7$export$6755b81a599fadda = (0, $3Sbms$styledcomponents).s
 `;
 
 
-const $59d1053cd71d481a$var$Menu = ({ categories: categories  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $59d1053cd71d481a$var$Menu = ({ categories: categories })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4ee077ee5e6fe3e7$export$b286f91cddfedb5a), {
         children: categories.map((category)=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4ee077ee5e6fe3e7$export$d00c23c5e97ada8), {
                 children: [
@@ -4099,12 +4039,12 @@ const $ab29487ffcc05855$export$c4e460d5c7d83bc3 = (0, $3Sbms$styledcomponents).d
 `;
 
 
-const $ae6e25be45301335$var$HeaderSettings = ({ baseCategories: baseCategories , extraCategories: extraCategories  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $ae6e25be45301335$var$HeaderSettings = ({ baseCategories: baseCategories, extraCategories: extraCategories })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const settingsOptionsContainerRef = (0, $3Sbms$useRef)(null);
     const [displaySettingsOptions, setDisplaySettingsOptions] = (0, $3Sbms$useState)(false);
     const [menuCategories, setMenuCategories] = (0, $3Sbms$useState)(baseCategories);
-    const { options: streamUIOptions , headless: headless  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { options: streamUIOptions, headless: headless } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(settingsOptionsContainerRef, ()=>setDisplaySettingsOptions(false));
     const shortcuts = (0, $3Sbms$useMemo)(()=>{
         const definedSettingsShortcuts = streamUIOptions.settingsShortcuts;
@@ -4231,7 +4171,7 @@ var $ae6e25be45301335$export$2e2bcd8739ae039 = $ae6e25be45301335$var$HeaderSetti
 
 
 
-const $e96d119a19ed0c6c$var$computeLayout = ({ width: width , height: height , tileCount: tileCount  })=>{
+const $e96d119a19ed0c6c$var$computeLayout = ({ width: width, height: height, tileCount: tileCount })=>{
     const tilesPerRow = Math.min(tileCount, 12);
     let n = 0;
     let s = 0;
@@ -4271,7 +4211,7 @@ const $e96d119a19ed0c6c$var$computeLayout = ({ width: width , height: height , t
         tileCount: tilesPerRow
     };
 };
-const $e96d119a19ed0c6c$var$getLayout = ({ width: width , cellAspectRatio: cellAspectRatio , tileCount: tileCount  })=>{
+const $e96d119a19ed0c6c$var$getLayout = ({ width: width, cellAspectRatio: cellAspectRatio, tileCount: tileCount })=>{
     const height = Math.round(width / cellAspectRatio);
     const roundedWidth = Math.round(width);
     if (tileCount <= 1) return {
@@ -4357,8 +4297,8 @@ class $e96d119a19ed0c6c$export$45fabd1ce5e673de {
                     const tileRect = this.layout?.tileRects[index];
                     if (!tileRect) return;
                     this.ctx?.save();
-                    const { videoWidth: videoWidth , videoHeight: videoHeight  } = tileVideo;
-                    const { width: width , height: height  } = tileRect.bounds;
+                    const { videoWidth: videoWidth, videoHeight: videoHeight } = tileVideo;
+                    const { width: width, height: height } = tileRect.bounds;
                     const offsetX = 0.5;
                     const offsetY = 0.5;
                     const m = Math.max(width / videoWidth, height / videoHeight);
@@ -4386,7 +4326,7 @@ class $e96d119a19ed0c6c$export$45fabd1ce5e673de {
             } else document.exitPictureInPicture();
         }
     }
-    makeRoundedRect({ ctx: ctx , x: x , y: y , width: width , height: height , radius: radius  }) {
+    makeRoundedRect({ ctx: ctx, x: x, y: y, width: width, height: height, radius: radius }) {
         if (ctx) {
             ctx.beginPath();
             ctx.moveTo(x + radius, y);
@@ -4483,7 +4423,7 @@ const $4731637db263b767$export$d9f09da0f8d1c822 = ()=>/*#__PURE__*/ (0, $3Sbms$j
 
 
 
-const $1ec1d06e0a21fdaa$var$Link = ({ color: color  })=>{
+const $1ec1d06e0a21fdaa$var$Link = ({ color: color })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
@@ -4500,7 +4440,7 @@ var $1ec1d06e0a21fdaa$export$2e2bcd8739ae039 = $1ec1d06e0a21fdaa$var$Link;
 
 
 
-const $57ab7b9a012d9acd$var$Cross = ({ color: color = "#fff"  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+const $57ab7b9a012d9acd$var$Cross = ({ color: color = "#fff" })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",
@@ -4592,7 +4532,7 @@ const $6a95863cd4ef501c$export$a300a79023cea761 = (0, $3Sbms$styledcomponents).d
 
 
 const $f81bfa56534026c2$export$e9785ae652b3a722 = (item)=>{
-    const { roomId: roomId  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+    const { roomId: roomId } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
     if (roomId) {
         const key = `stream_share_history_${roomId}`;
         try {
@@ -4620,11 +4560,11 @@ const $f81bfa56534026c2$export$e9785ae652b3a722 = (item)=>{
     } else console.warn("Undefined room ID");
 };
 const $f81bfa56534026c2$export$ad5f39c592532e2d = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [history, setHistory] = (0, $3Sbms$useState)([]);
     (0, $3Sbms$useEffect)(()=>{
         try {
-            const { roomId: roomId  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+            const { roomId: roomId } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
             const storedHistory = localStorage.getItem(`stream_share_history_${roomId}`);
             if (storedHistory) {
                 const parsedStoredHistory = JSON.parse(storedHistory);
@@ -4742,7 +4682,7 @@ const $dc26e7b014ddcf8c$var$PaypalColored = ()=>/*#__PURE__*/ (0, $3Sbms$jsxs)("
             })
         ]
     });
-const $dc26e7b014ddcf8c$var$Paypal = ({ colored: colored  })=>colored ? /*#__PURE__*/ (0, $3Sbms$jsx)($dc26e7b014ddcf8c$var$PaypalColored, {}) : /*#__PURE__*/ (0, $3Sbms$jsx)($dc26e7b014ddcf8c$var$PaypalWhite, {});
+const $dc26e7b014ddcf8c$var$Paypal = ({ colored: colored })=>colored ? /*#__PURE__*/ (0, $3Sbms$jsx)($dc26e7b014ddcf8c$var$PaypalColored, {}) : /*#__PURE__*/ (0, $3Sbms$jsx)($dc26e7b014ddcf8c$var$PaypalWhite, {});
 var $dc26e7b014ddcf8c$export$2e2bcd8739ae039 = $dc26e7b014ddcf8c$var$Paypal;
 
 
@@ -4759,15 +4699,15 @@ const $8b7bd174d29d9a1f$var$rotation = (0, $3Sbms$keyframes)`
 const $8b7bd174d29d9a1f$var$SpinnerContainer = (0, $3Sbms$styledcomponents).div`
   display: inline-block;
   position: relative;
-  width: ${({ size: size  })=>size};
-  height: ${({ size: size  })=>size};
+  width: ${({ size: size })=>size};
+  height: ${({ size: size })=>size};
 
   div {
     box-sizing: border-box;
     display: block;
     position: absolute;
-    width: ${({ size: size  })=>size};
-    height: ${({ size: size  })=>size};
+    width: ${({ size: size })=>size};
+    height: ${({ size: size })=>size};
     top: 0px;
     left: 0px;
     border: 2px solid #fff;
@@ -4788,7 +4728,7 @@ const $8b7bd174d29d9a1f$var$SpinnerContainer = (0, $3Sbms$styledcomponents).div`
     animation-delay: -0.15s;
   }
 `;
-const $8b7bd174d29d9a1f$var$Spinner = ({ size: size  })=>/*#__PURE__*/ (0, $3Sbms$jsxs)($8b7bd174d29d9a1f$var$SpinnerContainer, {
+const $8b7bd174d29d9a1f$var$Spinner = ({ size: size })=>/*#__PURE__*/ (0, $3Sbms$jsxs)($8b7bd174d29d9a1f$var$SpinnerContainer, {
         size: size || "24px",
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsx)("div", {}),
@@ -4822,12 +4762,12 @@ const $554f3984e3212196$export$93c2cc854b34757d = (0, $3Sbms$styledcomponents).d
   display: flex;
   flex-direction: column;
   width: ${(props)=>props.desktop ? "375px" : "100%"};
-  height: ${({ desktop: desktop  })=>$554f3984e3212196$var$modalHeight(desktop)};
+  height: ${({ desktop: desktop })=>$554f3984e3212196$var$modalHeight(desktop)};
   max-height: 100vh;
   background-color: ${(props)=>props.theme.popupBackgroundPrimaryColor};
   color: ${(props)=>props.theme.popupTitleColor};
   border-radius: ${(props)=>props.desktop ? "20px" : "20px 20px 0 0"};
-  padding: ${({ desktop: desktop  })=>desktop ? "16px 14px" : "16px 14px 28px"};
+  padding: ${({ desktop: desktop })=>desktop ? "16px 14px" : "16px 14px 28px"};
   box-sizing: border-box;
 `;
 const $554f3984e3212196$export$f0162ebc287dd01 = (0, $3Sbms$styledcomponents).div`
@@ -4883,13 +4823,13 @@ const $554f3984e3212196$export$dcb32b2b413109d8 = (0, $3Sbms$styledcomponents).d
   input {
     padding: 16px 10px 16px 20px;
     border-radius: 15px;
-    background-color: ${({ theme: theme  })=>theme.popupBackgroundSecondaryColor};
+    background-color: ${({ theme: theme })=>theme.popupBackgroundSecondaryColor};
     border: 1px solid ${(props)=>props.errored ? "#d84949" : props.theme.popupBorderColor};
     color: #878787;
 
     &:focus {
       outline: none;
-      border: 1px solid ${({ theme: theme  })=>theme.primaryColor};
+      border: 1px solid ${({ theme: theme })=>theme.primaryColor};
     }
   }
 `;
@@ -4904,11 +4844,11 @@ const $554f3984e3212196$export$711a92c06f80c3bd = (0, $3Sbms$styledcomponents).s
   margin-top: 10px;
 `;
 const $554f3984e3212196$export$aec21c9a4da7a1b7 = (0, $3Sbms$styledcomponents).button`
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
-  padding: ${({ status: status  })=>status !== "waiting" ? "auto" : "8px 18px"};
-  width: ${({ status: status  })=>status !== "waiting" ? "46px" : "100%"};
+  background-color: ${({ theme: theme })=>theme.primaryColor};
+  padding: ${({ status: status })=>status !== "waiting" ? "auto" : "8px 18px"};
+  width: ${({ status: status })=>status !== "waiting" ? "46px" : "100%"};
   height: 46px;
-  border-radius: ${({ status: status  })=>status !== "waiting" ? "50%" : "15px"};
+  border-radius: ${({ status: status })=>status !== "waiting" ? "50%" : "15px"};
   margin: 30px auto 0;
   border: none;
   color: #fff;
@@ -4970,7 +4910,7 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data, t)=>{
         },
         button: {
             text: t("misc.open"),
-            action: ({ close: close  })=>{
+            action: ({ close: close })=>{
                 window.open(data.url, "_blank");
                 close();
             }
@@ -5014,7 +4954,7 @@ const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url, t)
     });
 };
 const $98933bbc579a3e66$var$LinksharePopup = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const themeContext = (0, $3Sbms$useContext)((0, $3Sbms$ThemeContext));
     const linksharePopupRef = (0, $3Sbms$useRef)(null);
     const linkshareInputRef = (0, $3Sbms$useRef)(null);
@@ -5023,8 +4963,8 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
     const [linkshareInputValue, setLinkshareInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
     const [status, setStatus] = (0, $3Sbms$useState)("waiting");
-    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { isLinksharePopupVisible: isLinksharePopupVisible, setIsLinksharePopupVisible: setIsLinksharePopupVisible, orientation: orientation, options: options } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { streams: streams } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $5004d610b358fe2c$export$bc98e171e8c82a3d)(title);
     const desktop = orientation === "landscape";
     const onVisibilitychange = (0, $3Sbms$useCallback)(()=>{
@@ -5040,7 +4980,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
         t
     ]);
     const onCustomMessage = (0, $3Sbms$useCallback)((event)=>{
-        const { type: type , data: data  } = event.detail.event;
+        const { type: type, data: data } = event.detail.event;
         const sender = streams.find((stream)=>stream.id === event.detail?.peerId);
         if (type === $98933bbc579a3e66$export$a1eac7fdbc2db4af) {
             if (!document.hidden) $98933bbc579a3e66$var$sendLinkNotification(data, t);
@@ -5081,7 +5021,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                     }
                 });
                 else {
-                    const { linkData: data  } = await fetch(`${options.streamApiURL}/shareLink`, {
+                    const { linkData: data } = await fetch(`${options.streamApiURL}/shareLink`, {
                         method: "POST",
                         body: JSON.stringify({
                             url: url.href
@@ -5203,8 +5143,8 @@ const $805d92fa41e6e1b0$var$userDisconnected = new Audio("https://cdn.snapcall.i
 const $805d92fa41e6e1b0$var$linkReceived = new Audio("https://cdn.snapcall.io/stream/link-received.mp3");
 const $805d92fa41e6e1b0$export$e5666039a1f4e9e2 = new Audio("https://cdn.snapcall.io/stream/recording-start.mp3");
 const $805d92fa41e6e1b0$var$Sounds = ()=>{
-    const { userInteractionTriggered: userInteractionTriggered  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { videoRecording: videoRecording  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { userInteractionTriggered: userInteractionTriggered } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { videoRecording: videoRecording } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const onEnterRoom = async ()=>{
         try {
             await $805d92fa41e6e1b0$var$connected.play();
@@ -5239,7 +5179,7 @@ const $805d92fa41e6e1b0$var$Sounds = ()=>{
         }
     };
     const onCustomMessage = async (event)=>{
-        const { type: type  } = event.detail.event;
+        const { type: type } = event.detail.event;
         if (type === (0, $98933bbc579a3e66$export$a1eac7fdbc2db4af)) try {
             await $805d92fa41e6e1b0$var$linkReceived.play();
         } catch (disconnectedPlayError) {
@@ -5300,10 +5240,10 @@ const $379a4f4f561a4720$var$getTexts = (type, t)=>({
             defaultMessage: t("invitePeople.inviteClipDefaultMessage")
         }
     })[type];
-const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState , ...props })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { toast: toast  } = (0, $3Sbms$useToast)();
-    const { options: options , isAgent: isAgent , language: language  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState, ...props })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { toast: toast } = (0, $3Sbms$useToast)();
+    const { options: options, isAgent: isAgent, language: language } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const [type, setType] = (0, $3Sbms$useState)("instant");
     const [selectedKey, setSelectedKey] = (0, $3Sbms$useState)("public");
     const formContext = (0, $3Sbms$useForm)({
@@ -5333,7 +5273,7 @@ const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState , ..
         options.sharedURL
     ]);
     const sendPublicInvite = (emails)=>{
-        const { roomId: roomId  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+        const { roomId: roomId } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
         return fetch(`${options.apiUrl}/public/streams/${roomId}/invite`, {
             method: "POST",
             headers: {
@@ -5347,7 +5287,7 @@ const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState , ..
         });
     };
     const sendAuthInvite = (emails, message)=>{
-        const { roomId: roomId , companyId: companyId , joinOptions: joinOptions  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+        const { roomId: roomId, companyId: companyId, joinOptions: joinOptions } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
         return fetch(`${options.apiUrl}/companies/${companyId}/streams/${roomId}/invite`, {
             method: "POST",
             headers: {
@@ -5488,7 +5428,7 @@ const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState , ..
                                                     }
                                                 }
                                             },
-                                            render: ({ field: field  })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$FormItem), {
+                                            render: ({ field: field })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$FormItem), {
                                                     children: [
                                                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormLabel), {
                                                             children: t("invitePeople.inviteByEmail")
@@ -5511,7 +5451,7 @@ const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState , ..
                                         isAgent && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormField), {
                                             control: formContext.control,
                                             name: "message",
-                                            render: ({ field: field  })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$FormItem), {
+                                            render: ({ field: field })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$FormItem), {
                                                     children: [
                                                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormLabel), {
                                                             children: t("invitePeople.message")
@@ -5602,13 +5542,13 @@ const $379a4f4f561a4720$export$1712c8fcb05f49a6 = ({ modalState: modalState , ..
 const $f235befa4cdc42d6$var$multiPiP = new (0, $e96d119a19ed0c6c$export$45fabd1ce5e673de)();
 const $f235befa4cdc42d6$var$browser = $3Sbms$parse(window.navigator.userAgent);
 const $f235befa4cdc42d6$var$Header = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible , options: options , muted: muted , streaming: streaming , permissions: permissions , plan: plan , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen , isAgent: isAgent , videoRecording: videoRecording , setVideoRecording: setVideoRecording  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible, setIsSettingsMenuVisible: setIsSettingsMenuVisible, setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible, options: options, muted: muted, streaming: streaming, permissions: permissions, plan: plan, setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen, isAgent: isAgent, videoRecording: videoRecording, setVideoRecording: setVideoRecording } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { streams: streams } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [extraOptions, setExtraOptions] = (0, $3Sbms$useState)(options.extraSettingsOptions || []);
     const inviteModal = (0, $3Sbms$useOverlayTriggerState)({});
     const onSetExtraSettingsOptions = (event)=>{
-        const { extraOptions: newExtraOptions  } = event.detail;
+        const { extraOptions: newExtraOptions } = event.detail;
         setExtraOptions(newExtraOptions);
     };
     const onPipClick = ()=>{
@@ -5862,7 +5802,7 @@ function $af23c74942bdcae7$export$e295b0c537d32d7d() {
 
 
 
-const $6043ae1b48c5aa97$var$Microphone = ({ slash: slash , redSlash: redSlash , status: status , deviceRequest: deviceRequest  })=>{
+const $6043ae1b48c5aa97$var$Microphone = ({ slash: slash, redSlash: redSlash, status: status, deviceRequest: deviceRequest })=>{
     if (slash) return /*#__PURE__*/ (0, $3Sbms$jsxs)("svg", {
         width: "24",
         height: "24",
@@ -5945,7 +5885,7 @@ var $6043ae1b48c5aa97$export$2e2bcd8739ae039 = $6043ae1b48c5aa97$var$Microphone;
 
 
 
-const $04e57b1f07a8e9f4$var$Camera = ({ slash: slash , status: status , deviceRequest: deviceRequest  })=>{
+const $04e57b1f07a8e9f4$var$Camera = ({ slash: slash, status: status, deviceRequest: deviceRequest })=>{
     if (slash) return /*#__PURE__*/ (0, $3Sbms$jsxs)("svg", {
         width: "24",
         height: "24",
@@ -6017,7 +5957,7 @@ const $1ca024917df8f7bc$var$ThemedArrowPath = (0, $3Sbms$styledcomponents).path`
   fill: ${(props)=>props.white ? "#fff" : props.theme.controlsIconColor};
   stroke: ${(props)=>props.white ? "#fff" : props.theme.controlsIconColor};
 `;
-const $1ca024917df8f7bc$var$Screen = ({ arrow: arrow , white: white , deviceRequest: deviceRequest  })=>{
+const $1ca024917df8f7bc$var$Screen = ({ arrow: arrow, white: white, deviceRequest: deviceRequest })=>{
     if (deviceRequest) return /*#__PURE__*/ (0, $3Sbms$jsxs)("svg", {
         width: "30",
         height: "30",
@@ -6060,10 +6000,10 @@ var $1ca024917df8f7bc$export$2e2bcd8739ae039 = $1ca024917df8f7bc$var$Screen;
 
 
 const $435a6fc13d21296b$var$ThemedCirclePlain = (0, $3Sbms$styledcomponents).circle`
-  stroke: ${({ theme: theme  })=>theme.primaryColor};
+  stroke: ${({ theme: theme })=>theme.primaryColor};
 `;
 const $435a6fc13d21296b$var$ThemedCircleAlpha = (0, $3Sbms$styledcomponents).circle`
-  stroke: ${({ theme: theme  })=>$435a6fc13d21296b$var$hex2rgba(theme.primaryColor, 0.7683870967741935)};
+  stroke: ${({ theme: theme })=>$435a6fc13d21296b$var$hex2rgba(theme.primaryColor, 0.7683870967741935)};
 `;
 const $435a6fc13d21296b$var$hex2rgba = (hex, alpha)=>{
     const rh = hex.slice(1, 3);
@@ -6331,7 +6271,7 @@ const $7ec04c1818c68245$export$2c451b1e9e28138c = (0, $3Sbms$styledcomponents).b
   border: 2px solid transparent;
 
   &:hover {
-    border: 2px solid ${({ theme: theme  })=>theme.primaryColor};
+    border: 2px solid ${({ theme: theme })=>theme.primaryColor};
     box-sizing: border-box;
   }
 `;
@@ -6504,7 +6444,7 @@ const $6efc75079651494a$export$dfd6aceefcfce0c9 = (0, $3Sbms$styledcomponents).d
 `;
 const $6efc75079651494a$export$a85169f132f25a9d = (0, $3Sbms$styledcomponents).button`
   background-color: ${(props)=>props.active ? props.theme.primaryColor : "transparent"};
-  border: 2px solid ${({ theme: theme  })=>theme.primaryColor};
+  border: 2px solid ${({ theme: theme })=>theme.primaryColor};
   border-radius: 50px;
   padding: 8px 18px;
   color: #fff;
@@ -6513,7 +6453,7 @@ const $6efc75079651494a$export$a85169f132f25a9d = (0, $3Sbms$styledcomponents).b
   line-height: 22px;
 
   &:hover {
-    background-color: ${({ theme: theme  })=>theme.primaryColor};
+    background-color: ${({ theme: theme })=>theme.primaryColor};
   }
 `;
 const $6efc75079651494a$export$e07ea3386b3cb3d9 = (0, $3Sbms$styledcomponents).button`
@@ -6547,8 +6487,8 @@ const $6efc75079651494a$export$9e533c08c30af08 = (0, $3Sbms$styledcomponents).di
   width: 100%;
   height: 100%;
   background-color: ${(props)=>props.show ? "rgba(0, 0, 0, 0.75)" : "transparent"};
-  transition: all ${({ show: show  })=>show ? "0.2s" : "0.66s"};
-  z-index: ${({ show: show  })=>show ? 16 : -1};
+  transition: all ${({ show: show })=>show ? "0.2s" : "0.66s"};
+  z-index: ${({ show: show })=>show ? 16 : -1};
 `;
 const $6efc75079651494a$export$2b501aee548bae06 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
@@ -6599,15 +6539,15 @@ const $a53a1c6f62ad0fcc$var$getRequestButtonSize = (containerWidth)=>{
     if (containerWidth < 300) return "medium";
     return "large";
 };
-const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 , height: height = 0  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream, width: width = 0, height: height = 0 })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const [hover, setHover] = (0, $3Sbms$useState)(false);
     const [requestingDevice, setRequestingDevice] = (0, $3Sbms$useState)(null);
     const [flashAnimation, setFlashAnimation] = (0, $3Sbms$useState)(false);
     const requestingDeviceTimeoutRef = (0, $3Sbms$useRef)(null);
-    const { selfPeerId: selfPeerId , permissions: permissions , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { selfPeerId: selfPeerId, permissions: permissions, setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { highlightedTile: highlightedTile } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const isSharingScreen = highlightedTile?.type === "screenshare" && highlightedTile.peerId === selfPeerId;
     const microphoneActive = stream.microphone && !stream.muted;
     const showRequestDevice = !requestingDevice && hover && !highlightedTile && (!microphoneActive || !stream.webcam || !isSharingScreen);
@@ -6664,7 +6604,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onRequestDeviceResult = (event)=>{
-            const { peerId: peerId , result: result  } = event.detail.result;
+            const { peerId: peerId, result: result } = event.detail.result;
             if (peerId === stream.id) {
                 if (requestingDeviceTimeoutRef.current) clearTimeout(requestingDeviceTimeoutRef.current);
                 setRequestingDevice(null);
@@ -6690,8 +6630,8 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = async (event)=>{
-            const { peerId: peerId  } = event.detail;
-            const { type: type  } = event.detail.event;
+            const { peerId: peerId } = event.detail;
+            const { type: type } = event.detail.event;
             if (type === "snapshot" && peerId === stream.id) setFlashAnimation(true);
         };
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("customMessage", onCustomMessage);
@@ -6862,8 +6802,8 @@ const $76e24981612b551d$export$a87ec69641e9884 = (0, $3Sbms$styledcomponents).sp
 `;
 
 
-const $21c8ac858b8a352e$var$AudioTile = ({ stream: stream  })=>{
-    const { selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+const $21c8ac858b8a352e$var$AudioTile = ({ stream: stream })=>{
+    const { selfPeerId: selfPeerId } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const isSelf = selfPeerId === stream.id;
     const isMicrophoneActive = (stream.microphone || isSelf) && !stream.muted;
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $76e24981612b551d$export$d669f73461f8cadf), {
@@ -6949,7 +6889,7 @@ const $e1d1366624f88f6d$export$c58e349a67ffa055 = ()=>/*#__PURE__*/ (0, $3Sbms$j
 
 
 
-const $b8e10de7c6dba8c4$export$4d43009c33055644 = ({ availableWidth: availableWidth , availableHeight: availableHeight , numberOfTiles: numberOfTiles , ratio: ratio  })=>{
+const $b8e10de7c6dba8c4$export$4d43009c33055644 = ({ availableWidth: availableWidth, availableHeight: availableHeight, numberOfTiles: numberOfTiles, ratio: ratio })=>{
     let width = 0;
     for(let lower = 50, upper = 5000; lower < upper;){
         width = Math.floor((upper + lower) / 2);
@@ -6962,7 +6902,7 @@ const $b8e10de7c6dba8c4$export$4d43009c33055644 = ({ availableWidth: availableWi
     }
     return width;
 };
-const $b8e10de7c6dba8c4$export$a6112fefa8de799d = ({ containerWidth: containerWidth , containerHeight: containerHeight , minimumWidth: minimumWidth , maximumWidth: maximumWidth , orientation: orientation , extended: extended  })=>{
+const $b8e10de7c6dba8c4$export$a6112fefa8de799d = ({ containerWidth: containerWidth, containerHeight: containerHeight, minimumWidth: minimumWidth, maximumWidth: maximumWidth, orientation: orientation, extended: extended })=>{
     const baseLandscapeWidth = containerWidth / 100 * 20;
     const basePortraitWidth = containerWidth / 100 * 30;
     const maxWidth = containerWidth - 20;
@@ -7005,9 +6945,9 @@ const $7c705c3f08c6d4ca$var$getIcon = (device)=>{
     if (device === "screen") return 0, $1ca024917df8f7bc$export$2e2bcd8739ae039;
     return 0, $6043ae1b48c5aa97$export$2e2bcd8739ae039;
 };
-const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: requesterId , setExtended: setExtended , setDeviceRequest: setDeviceRequest  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device, requesterId: requesterId, setExtended: setExtended, setDeviceRequest: setDeviceRequest })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { streams: streams } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [pending, setPending] = (0, $3Sbms$useState)(false);
     const requesterStream = streams.find((stream)=>stream.id === requesterId);
     const Icon = $7c705c3f08c6d4ca$var$getIcon(device);
@@ -7021,7 +6961,7 @@ const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: req
         setPending(true);
         try {
             if (device === "microphone") {
-                const { microphone: microphoneState  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getDevicesState();
+                const { microphone: microphoneState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getDevicesState();
                 if (microphoneState.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).unMuteMicrophone();
                 else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
             } else if (device === "webcam") await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
@@ -7080,7 +7020,7 @@ const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: req
 var $7c705c3f08c6d4ca$export$2e2bcd8739ae039 = $7c705c3f08c6d4ca$var$DeviceRequest;
 
 
-const $d02c24b66b4606fd$export$298c6ed7f6695dd6 = ({ mouseDownEvent: mouseDownEvent , targetElement: targetElement , containerElement: containerElement  })=>{
+const $d02c24b66b4606fd$export$298c6ed7f6695dd6 = ({ mouseDownEvent: mouseDownEvent, targetElement: targetElement, containerElement: containerElement })=>{
     let numberOfMoveEvents = 0;
     let clientX = 0;
     let clientY = 0;
@@ -7160,14 +7100,14 @@ const $d02c24b66b4606fd$export$298c6ed7f6695dd6 = ({ mouseDownEvent: mouseDownEv
     document.addEventListener("mouseup", onMouseUp);
     document.addEventListener("touchend", onMouseUp);
 };
-const $d02c24b66b4606fd$export$ab7d69e250642927 = ({ element: element  })=>{
+const $d02c24b66b4606fd$export$ab7d69e250642927 = ({ element: element })=>{
     const newPosition = {
         top: "unset",
         right: "unset",
         bottom: "unset",
         left: "unset"
     };
-    const { top: top , right: right , bottom: bottom , left: left  } = element.dataset;
+    const { top: top, right: right, bottom: bottom, left: left } = element.dataset;
     if (top || right || bottom || left) {
         if (top) newPosition.top = "0";
         if (right) newPosition.right = "10px";
@@ -7187,8 +7127,8 @@ const $d02c24b66b4606fd$export$ab7d69e250642927 = ({ element: element  })=>{
 
 
 const $1c906a2b66e07e70$var$MediaSession = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { muted: muted , streaming: streaming  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { muted: muted, streaming: streaming } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $3Sbms$useEffect)(()=>{
         navigator.mediaSession?.setMicrophoneActive?.(!muted);
         navigator.mediaSession?.setCameraActive?.(streaming);
@@ -7249,8 +7189,8 @@ var $1c906a2b66e07e70$export$2e2bcd8739ae039 = $1c906a2b66e07e70$var$MediaSessio
 
 const $5939a59dc7c96d41$var$minimumTileWidth = 126;
 const $5939a59dc7c96d41$var$maximumTileWidth = 150;
-const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePresenting , width: width , height: height  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePresenting, width: width, height: height })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [extended, setExtended] = (0, $3Sbms$useState)(false);
     const [zoom, setZoom] = (0, $3Sbms$useState)(false);
     const [zoomAvailable, setZoomAvailable] = (0, $3Sbms$useState)(false);
@@ -7261,8 +7201,8 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const videoMediaProviderRef = (0, $3Sbms$useRef)(null);
     const SelfTileRef = (0, $3Sbms$useRef)(null);
-    const { videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , profile: profile , muted: muted , streaming: streaming , orientation: orientation , options: options , permissions: permissions , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { videosContainerRef: videosContainerRef, remoteTilesContainerRef: remoteTilesContainerRef, profile: profile, muted: muted, streaming: streaming, orientation: orientation, options: options, permissions: permissions, setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { streams: streams } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(videosContainerRef.current);
     const cursor = streaming && !extended ? "pointer" : "default";
     const computedWidth = (0, $b8e10de7c6dba8c4$export$a6112fefa8de799d)({
@@ -7279,7 +7219,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
     const onLocalVideoChange = (event)=>{
         if (!event.detail?.camera?.device) return;
         if (!videoElementRef.current) throw new Error("videoElementRef not available");
-        const { facingMode: newFacingMode  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestLocalVideo(videoElementRef.current);
+        const { facingMode: newFacingMode } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestLocalVideo(videoElementRef.current);
         setFacingMode(newFacingMode);
         videoMediaProviderRef.current = videoElementRef.current.srcObject;
         setZoomAvailable((0, $c9e496369b59be7a$export$2f377c2162fd02b2).isVideoZoomAvailable());
@@ -7340,7 +7280,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
         } else setBlockedFeaturePopupOpen(true);
     };
     const onDeviceRequest = (event)=>{
-        const { peerId: peerId , deviceType: deviceType  } = event.detail;
+        const { peerId: peerId, deviceType: deviceType } = event.detail;
         if (SelfTileRef.current) (0, $d02c24b66b4606fd$export$ab7d69e250642927)({
             element: SelfTileRef.current
         });
@@ -7359,7 +7299,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
     (0, $3Sbms$useEffect)(()=>{
         if (!videoElementRef.current) throw new Error("videoElementRef not available");
         if (streaming) {
-            const { facingMode: newFacingMode  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestLocalVideo(videoElementRef.current);
+            const { facingMode: newFacingMode } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestLocalVideo(videoElementRef.current);
             setFacingMode(newFacingMode);
             setZoomAvailable((0, $c9e496369b59be7a$export$2f377c2162fd02b2).isVideoZoomAvailable());
             videoMediaProviderRef.current = videoElementRef.current.srcObject;
@@ -7557,7 +7497,7 @@ const $a2c4dc31896a66fb$export$2ccbea1af5dfeb73 = (0, $3Sbms$styledcomponents).v
 
 
 const $306a53f44040492f$var$ScreenshareTile = (tile)=>{
-    const { selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { selfPeerId: selfPeerId } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const isSelf = tile.peerId === selfPeerId;
     (0, $3Sbms$useEffect)(()=>{
@@ -7634,7 +7574,7 @@ const $5e2ac34f2c3f1b42$export$1712c056f28ddd33 = "youtube_play";
 const $5e2ac34f2c3f1b42$export$405a29439cf92237 = "youtube_pause";
 const $5e2ac34f2c3f1b42$export$649698d6e35b1ef3 = "youtube_stop";
 const $5e2ac34f2c3f1b42$var$YoutubeTile = (tile)=>{
-    const { selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { selfPeerId: selfPeerId } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const [player, setPlayer] = (0, $3Sbms$useState)(null);
     const isSelf = tile.peerId === selfPeerId;
     const onVideoStateChange = (event)=>{
@@ -7705,7 +7645,7 @@ const $5e2ac34f2c3f1b42$var$YoutubeTile = (tile)=>{
     (0, $3Sbms$useEffect)(()=>{
         if (!isSelf && player) {
             const onCustomMessage = (event)=>{
-                const { type: type , time: time  } = event.detail.event;
+                const { type: type, time: time } = event.detail.event;
                 if (type === $5e2ac34f2c3f1b42$export$405a29439cf92237) {
                     player.pauseVideo();
                     player.seekTo(time, true);
@@ -7721,7 +7661,7 @@ const $5e2ac34f2c3f1b42$var$YoutubeTile = (tile)=>{
         }
         if (isSelf && player) {
             const onNewPeer = (event)=>{
-                const { peerId: peerId  } = event.detail;
+                const { peerId: peerId } = event.detail;
                 const time = player.getCurrentTime();
                 (0, $c9e496369b59be7a$export$2f377c2162fd02b2).sendCustomMessage(peerId, {
                     type: $5e2ac34f2c3f1b42$export$8bd7ff36223ef5c1,
@@ -7846,8 +7786,8 @@ const $ab48431cd035ee30$export$49ac927a2aaad85 = (0, $3Sbms$styledcomponents).di
 
 
 const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { dispatch: dispatch } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const snapshotImageRef = (0, $3Sbms$useRef)(null);
     const [downloadURL, setDownloadURL] = (0, $3Sbms$useState)(tile.data.url);
     const [containerWidth, setContainerWidth] = (0, $3Sbms$useState)("auto");
@@ -7865,7 +7805,7 @@ const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
     };
     const updateContainerSize = ()=>{
         if (snapshotImageRef.current) {
-            const { clientWidth: clientWidth  } = snapshotImageRef.current;
+            const { clientWidth: clientWidth } = snapshotImageRef.current;
             setContainerWidth(`${clientWidth}px`);
         }
     };
@@ -7946,11 +7886,11 @@ var $1671f9473ff0a07a$export$2e2bcd8739ae039 = $1671f9473ff0a07a$var$SnapshotTil
 
 
 const $288d5802b3a8deca$var$ScreenshareEvents = ()=>{
-    const { selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { dispatch: dispatch , highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { selfPeerId: selfPeerId } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { dispatch: dispatch, highlightedTile: highlightedTile } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onRemoteScreensharingUpdate = (event)=>{
-            const { peerId: peerId , mediaId: mediaId , deviceType: deviceType  } = event.detail;
+            const { peerId: peerId, mediaId: mediaId, deviceType: deviceType } = event.detail;
             const available = event.type === "mediaStart";
             if (deviceType === "screen" && available) dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
@@ -8009,11 +7949,11 @@ var $288d5802b3a8deca$export$2e2bcd8739ae039 = $288d5802b3a8deca$var$Screenshare
 
 
 const $e4ddb9f41b4a5cba$var$YoutubeEvents = ()=>{
-    const { dispatch: dispatch , highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { dispatch: dispatch, highlightedTile: highlightedTile } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = (event)=>{
-            const { peerId: peerId  } = event.detail;
-            const { type: type , videoId: videoId , time: time  } = event.detail.event;
+            const { peerId: peerId } = event.detail;
+            const { type: type, videoId: videoId, time: time } = event.detail.event;
             if (type === (0, $5e2ac34f2c3f1b42$export$8bd7ff36223ef5c1)) dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
                 payload: {
@@ -8055,12 +7995,12 @@ var $e4ddb9f41b4a5cba$export$2e2bcd8739ae039 = $e4ddb9f41b4a5cba$var$YoutubeEven
 
 
 const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { dispatch: dispatch , streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { dispatch: dispatch, streams: streams } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = async (event)=>{
-            const { peerId: peerId  } = event.detail;
-            const { type: type , imageSrc: imageSrc  } = event.detail.event;
+            const { peerId: peerId } = event.detail;
+            const { type: type, imageSrc: imageSrc } = event.detail.event;
             if (type === "snapshot") {
                 const sender = streams.find((stream)=>stream.id === peerId);
                 if (sender) {
@@ -8087,7 +8027,7 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
                         },
                         button: {
                             text: t("misc.open"),
-                            action: ({ close: close  })=>{
+                            action: ({ close: close })=>{
                                 dispatch({
                                     type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
                                     payload: {
@@ -8111,7 +8051,7 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
                         minute: "2-digit"
                     });
                     (0, $f81bfa56534026c2$export$e9785ae652b3a722)({
-                        title: `${t("snapshot.title")} · ${formattedTime}`,
+                        title: `${t("snapshot.title")} \xb7 ${formattedTime}`,
                         url: imageSrc,
                         iconUrl: imageSrc,
                         iconStyle: {
@@ -8152,7 +8092,7 @@ const $45ecd59ec682eca0$export$ff6e704acc4ce2a3 = (0, $3Sbms$styledcomponents).d
 
 
 const $b496fc6f0d99c06d$var$HighlightedTile = (tile)=>{
-    const { orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $45ecd59ec682eca0$export$ff6e704acc4ce2a3), {
         orientation: orientation,
         children: [
@@ -8169,10 +8109,10 @@ const $b496fc6f0d99c06d$var$HighlightedTile = (tile)=>{
     });
 };
 const $b496fc6f0d99c06d$export$3936649e725efc86 = ()=>{
-    const { dispatch: dispatch , highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { dispatch: dispatch, highlightedTile: highlightedTile } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onPeerClosed = (event)=>{
-            const { peerId: peerId  } = event.detail;
+            const { peerId: peerId } = event.detail;
             if (highlightedTile?.peerId === peerId) dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).UNSET_HIGHLIGHTED_TILE
             });
@@ -8205,7 +8145,7 @@ var $b496fc6f0d99c06d$export$2e2bcd8739ae039 = $b496fc6f0d99c06d$var$Highlighted
 
 
 const $93a0377c243d965e$var$ThemedPath = (0, $3Sbms$styledcomponents).path`
-  fill: ${({ theme: theme  })=>theme.primaryColor};
+  fill: ${({ theme: theme })=>theme.primaryColor};
 `;
 const $93a0377c243d965e$export$c4868e4a24d48fad = /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
     width: "14",
@@ -8311,12 +8251,12 @@ var $b8963bf62cf5b984$export$2e2bcd8739ae039 = $b8963bf62cf5b984$var$tooltip;
 
 
 const $cdab47bb8796991e$var$Video = ()=>{
-    const { headless: headless , selfPeerId: selfPeerId , videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , options: options , muted: selfMuted , profile: profile , orientation: orientation , userInteractionTriggered: userInteractionTriggered  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { headless: headless, selfPeerId: selfPeerId, videosContainerRef: videosContainerRef, remoteTilesContainerRef: remoteTilesContainerRef, options: options, muted: selfMuted, profile: profile, orientation: orientation, userInteractionTriggered: userInteractionTriggered } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const [tileSize, setTileSize] = (0, $3Sbms$useState)({
         width: 0,
         height: 0
     });
-    const { streams: streams , highlightedTile: highlightedTile , dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { streams: streams, highlightedTile: highlightedTile, dispatch: dispatch } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(remoteTilesContainerRef.current);
     (0, $3Sbms$useEffect)(()=>{
         if (options.GDPRDisclaimer) (0, $b8963bf62cf5b984$export$2e2bcd8739ae039)({
@@ -8367,7 +8307,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onNewPeer = (event)=>{
-            const { peerId: peerId , profile: profile  } = event.detail;
+            const { peerId: peerId, profile: profile } = event.detail;
             dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).ADD_STREAM,
                 payload: {
@@ -8377,7 +8317,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
             });
         };
         const onMediaEvent = (event)=>{
-            const { peerId: peerId , mediaId: mediaId , deviceType: deviceType , paused: paused  } = event.detail;
+            const { peerId: peerId, mediaId: mediaId, deviceType: deviceType, paused: paused } = event.detail;
             const available = event.type === "mediaStart";
             if (deviceType !== "screen") dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).DEVICE_UPDATE,
@@ -8391,7 +8331,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
             });
         };
         const onMediaStateChange = (event)=>{
-            const { peerId: peerId , deviceType: deviceType  } = event.detail;
+            const { peerId: peerId, deviceType: deviceType } = event.detail;
             const isPaused = event.type === "mediaPause";
             if (deviceType === "microphone" && isPaused) dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).MUTE,
@@ -8407,7 +8347,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
             });
         };
         const onEnterRoom = (event)=>{
-            const { peers: peers  } = event.detail;
+            const { peers: peers } = event.detail;
             const roomStreams = peers.map((peer)=>({
                     id: peer.peerId,
                     profile: peer.profile,
@@ -8419,7 +8359,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
             });
         };
         const onPeerClosed = (event)=>{
-            const { peerId: peerId  } = event.detail;
+            const { peerId: peerId } = event.detail;
             dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).REMOVE_STREAM,
                 payload: {
@@ -8428,7 +8368,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
             });
         };
         const onProfileUpdate = (event)=>{
-            const { peerId: peerId , profile: profile  } = event.detail;
+            const { peerId: peerId, profile: profile } = event.detail;
             dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_STREAM_PROFILE,
                 payload: {
@@ -8439,7 +8379,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
         };
         const onPeerSpeakingUpdate = (event)=>{
             const isSpeaking = event.type === "peerStartSpeak";
-            const { peerId: peerId  } = event.detail;
+            const { peerId: peerId } = event.detail;
             dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_STREAM_SPEAKING,
                 payload: {
@@ -8583,7 +8523,7 @@ var $58d405d56c1abe95$export$2e2bcd8739ae039 = $58d405d56c1abe95$var$Rotate;
 
 
 
-const $a2d206a438475087$var$YoutubeIcon = ({ color: color  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+const $a2d206a438475087$var$YoutubeIcon = ({ color: color })=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "25",
         viewBox: "0 0 24 25",
@@ -8680,11 +8620,11 @@ const $ae07ea3548d561ea$export$d5bc2acf69f5bdaf = (0, $3Sbms$styledcomponents).d
 
 const $db92fac48417791a$var$isScreenshareSupported = Boolean(navigator.mediaDevices.getDisplayMedia);
 const $db92fac48417791a$var$HighlightButton = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const highlightMenuRef = (0, $3Sbms$useRef)(null);
     const [isHighlightMenuOpen, setIsHighlightMenuOpen] = (0, $3Sbms$useState)(false);
-    const { setIsYoutubePopupVisible: setIsYoutubePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , selfPeerId: selfPeerId , permissions: permissions , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { highlightedTile: highlightedTile , dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { setIsYoutubePopupVisible: setIsYoutubePopupVisible, setIsLinksharePopupVisible: setIsLinksharePopupVisible, selfPeerId: selfPeerId, permissions: permissions, setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { highlightedTile: highlightedTile, dispatch: dispatch } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const isPresenting = Boolean(highlightedTile?.isGlobal && highlightedTile?.peerId === selfPeerId);
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(highlightMenuRef, ()=>setIsHighlightMenuOpen(false));
     const onHighlightClick = async ()=>{
@@ -8777,12 +8717,12 @@ var $db92fac48417791a$export$2e2bcd8739ae039 = $db92fac48417791a$var$HighlightBu
 
 
 const $69a9c49ece80e773$var$ControlBar = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const leaveMenuRef = (0, $3Sbms$useRef)(null);
     const [webcamCount, setWebcamCount] = (0, $3Sbms$useState)(0);
     const [isLeaveMenuOpen, setIsLeaveMenuOpen] = (0, $3Sbms$useState)(false);
     const [isCameraLoading, setIsCameraLoading] = (0, $3Sbms$useState)(false);
-    const { muted: muted , streaming: streaming , options: options , isAgent: isAgent , headless: headless  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { muted: muted, streaming: streaming, options: options, isAgent: isAgent, headless: headless } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(leaveMenuRef, ()=>setIsLeaveMenuOpen(false));
     const onMicrophoneClick = async ()=>{
         try {
@@ -8842,7 +8782,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
         else leaveCall();
     };
     const onNewWebcamCount = (event)=>{
-        const { numberOfAvailableWebcams: numberOfAvailableWebcams  } = event.detail;
+        const { numberOfAvailableWebcams: numberOfAvailableWebcams } = event.detail;
         setWebcamCount(numberOfAvailableWebcams);
     };
     (0, $3Sbms$useEffect)(()=>{
@@ -8959,7 +8899,7 @@ const $8d3d0e80c56cde5c$export$6bc4d6c63b7f8b75 = (0, $3Sbms$styledcomponents).d
   background-color: ${(props)=>!props.open ? "transparent" : props.theme.popupBackgroundPrimaryColor};
   color: ${(props)=>props.theme.popupTitleColor};
   border-radius: ${(props)=>props.desktop ? "20px" : "20px 20px 0 0"};
-  padding-bottom: ${({ desktop: desktop  })=>desktop ? 0 : "12px"};
+  padding-bottom: ${({ desktop: desktop })=>desktop ? 0 : "12px"};
 `;
 const $8d3d0e80c56cde5c$export$f8e80e2c9abbb7eb = (0, $3Sbms$styledcomponents).div`
   display: flex;
@@ -9040,7 +8980,7 @@ const $8d3d0e80c56cde5c$export$6a789d1ce3bcb863 = (0, $3Sbms$styledcomponents).b
   gap: 5px;
   align-items: center;
   justify-content: center;
-  color: ${({ theme: theme  })=>theme.popupTitleColor};
+  color: ${({ theme: theme })=>theme.popupTitleColor};
 `;
 const $8d3d0e80c56cde5c$export$c58a46cd2027881e = (0, $3Sbms$styledcomponents).image`
   position: absolute;
@@ -9073,11 +9013,11 @@ var $16d11fc0880587fd$export$2e2bcd8739ae039 = $16d11fc0880587fd$var$QuickConnec
 
 
 const $5b80b81d7b095f89$var$QuickConnect = ()=>{
-    const { t: t , i18n: i18n  } = (0, $3Sbms$useTranslation)();
+    const { t: t, i18n: i18n } = (0, $3Sbms$useTranslation)();
     const themeContext = (0, $3Sbms$useContext)((0, $3Sbms$ThemeContext));
     const QuickConnectContainerRef = (0, $3Sbms$useRef)(null);
     const QuickConnectRef = (0, $3Sbms$useRef)(null);
-    const { selfPeerId: selfPeerId , profile: profile , isQuickConnectPopupVisible: isQuickConnectPopupVisible , setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , options: options , orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { selfPeerId: selfPeerId, profile: profile, isQuickConnectPopupVisible: isQuickConnectPopupVisible, setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible, options: options, orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(QuickConnectContainerRef, ()=>{
         if (isQuickConnectPopupVisible) setIsQuickConnectPopupVisible(false);
     });
@@ -9122,7 +9062,7 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
     const onQuickConnectPopupCloseClick = ()=>setIsQuickConnectPopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = (event)=>{
-            const { type: type  } = event.detail.event;
+            const { type: type } = event.detail.event;
             if (type === "quick_connect_close") setIsQuickConnectPopupVisible(false);
         };
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("customMessage", onCustomMessage);
@@ -9236,7 +9176,7 @@ var $b93bcb828d5c97d8$export$2e2bcd8739ae039 = $b93bcb828d5c97d8$var$External;
 
 
 
-const $781ad5a3ab7061c2$var$Arrow = ({ direction: direction  })=>{
+const $781ad5a3ab7061c2$var$Arrow = ({ direction: direction })=>{
     if (direction === "right") return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "20",
         height: "20",
@@ -9474,9 +9414,9 @@ const $658749b7ab14b607$export$73afb47ae3e10bf1 = (0, $3Sbms$styledcomponents).p
 
 
 const $1694791461215de9$var$languages = Object.keys((0, $384d985bb9605c35$export$150b732325d14d04));
-const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { language: language , setLanguage: setLanguage  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+const $1694791461215de9$var$LanguageSubMenu = ({ back: back })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { language: language, setLanguage: setLanguage } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
@@ -9535,8 +9475,8 @@ var $1694791461215de9$export$2e2bcd8739ae039 = $1694791461215de9$var$LanguageSub
 
 
 
-const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [audioDevices, setAudioDevices] = (0, $3Sbms$useState)([]);
     const [currentMicrophoneId, setCurrentMicrophoneId] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentMicrophoneId());
     const [currentSpeakerId, setCurrentSpeakerId] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentSpeakerId());
@@ -9675,8 +9615,8 @@ var $b7a5d5760b390f40$export$2e2bcd8739ae039 = $b7a5d5760b390f40$var$AudioSubMen
 
 
 
-const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $57896f163f7e1230$var$VideoSubMenu = ({ back: back })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [cameraDevices, setCameraDevices] = (0, $3Sbms$useState)([]);
     const [currentCamera, setCurrentCamera] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentWebcam());
     const isCameraAccessBlocked = cameraDevices.length && cameraDevices.every((device)=>device.deviceId === "");
@@ -9839,10 +9779,10 @@ var $57896f163f7e1230$export$2e2bcd8739ae039 = $57896f163f7e1230$var$VideoSubMen
 
 
 const $c11e4c21ca692a16$var$Menu = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [currentMenu, setCurrentMenu] = (0, $3Sbms$useState)("base");
     const menuPopupRef = (0, $3Sbms$useRef)(null);
-    const { isSettingsMenuVisible: isSettingsMenuVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , language: language , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { isSettingsMenuVisible: isSettingsMenuVisible, setIsSettingsMenuVisible: setIsSettingsMenuVisible, language: language, options: options } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const onCloseClick = ()=>setIsSettingsMenuVisible(false);
     const menuBack = ()=>setCurrentMenu("base");
     const onLanguageMenuClick = ()=>setCurrentMenu("languages");
@@ -9855,7 +9795,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
       setTheme('dark');
     }
   }; */ const onHelpCenterClick = ()=>{
-        window.open("https://support.snapcall.io/hc/", "_blank");
+        window.open("https://help.snapcall.io", "_blank");
     };
     const handleOutisdeClick = (0, $3Sbms$useCallback)((event)=>{
         if (!menuPopupRef?.current?.contains(event.target) && document.body.contains(event.target)) {
@@ -10025,12 +9965,12 @@ const $d677836e2f373a45$export$c506828286db9a46 = (0, $3Sbms$styledcomponents).d
   display: flex;
   flex-direction: column;
   width: ${(props)=>props.desktop ? "375px" : "100%"};
-  height: ${({ desktop: desktop  })=>$d677836e2f373a45$var$modalHeight(desktop)};
+  height: ${({ desktop: desktop })=>$d677836e2f373a45$var$modalHeight(desktop)};
   max-height: 100vh;
   background-color: ${(props)=>props.theme.popupBackgroundPrimaryColor};
   color: ${(props)=>props.theme.popupTitleColor};
   border-radius: ${(props)=>props.desktop ? "20px" : "20px 20px 0 0"};
-  padding: ${({ desktop: desktop  })=>desktop ? "16px 14px" : "16px 14px 28px"};
+  padding: ${({ desktop: desktop })=>desktop ? "16px 14px" : "16px 14px 28px"};
   box-sizing: border-box;
 `;
 const $d677836e2f373a45$export$f39d8ef0ab6ab3de = (0, $3Sbms$styledcomponents).div`
@@ -10094,13 +10034,13 @@ const $d677836e2f373a45$export$176dd61d50c7f3d7 = (0, $3Sbms$styledcomponents).d
   input {
     padding: 16px 10px 16px 20px;
     border-radius: 15px;
-    background-color: ${({ theme: theme  })=>theme.popupBackgroundSecondaryColor};
+    background-color: ${({ theme: theme })=>theme.popupBackgroundSecondaryColor};
     border: 1px solid ${(props)=>props.errored ? "#d84949" : props.theme.popupBorderColor};
     color: #878787;
 
     &:focus {
       outline: none;
-      border: 1px solid ${({ theme: theme  })=>theme.primaryColor};
+      border: 1px solid ${({ theme: theme })=>theme.primaryColor};
     }
   }
 `;
@@ -10115,7 +10055,7 @@ const $d677836e2f373a45$export$baf775d6bf9683d5 = (0, $3Sbms$styledcomponents).s
   margin-top: 10px;
 `;
 const $d677836e2f373a45$export$3711c5e6a7ba3fdc = (0, $3Sbms$styledcomponents).button`
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
+  background-color: ${({ theme: theme })=>theme.primaryColor};
   padding: 8px 18px;
   width: 100%;
   height: 46px;
@@ -10140,13 +10080,13 @@ const $d677836e2f373a45$export$3711c5e6a7ba3fdc = (0, $3Sbms$styledcomponents).b
 
 const $49372cd9190da903$var$youtubeIDRegExp = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#&?]*).*/;
 const $49372cd9190da903$var$YoutubePopup = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const themeContext = (0, $3Sbms$useContext)((0, $3Sbms$ThemeContext));
     const youtubePopupRef = (0, $3Sbms$useRef)(null);
     const [youtubeInputValue, setYoutubeInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
-    const { isYoutubePopupVisible: isYoutubePopupVisible , setIsYoutubePopupVisible: setIsYoutubePopupVisible , selfPeerId: selfPeerId , orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
+    const { isYoutubePopupVisible: isYoutubePopupVisible, setIsYoutubePopupVisible: setIsYoutubePopupVisible, selfPeerId: selfPeerId, orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { dispatch: dispatch } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const desktop = orientation === "landscape";
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(youtubePopupRef, ()=>{
         if (isYoutubePopupVisible) setIsYoutubePopupVisible(false);
@@ -10286,7 +10226,7 @@ const $30e857a4d83ba073$export$156bb26b5a0d2f83 = (0, $3Sbms$styledcomponents).d
   display: flex;
   flex-direction: column;
   width: ${(props)=>props.desktop ? "375px" : "100%"};
-  height: ${({ desktop: desktop  })=>$30e857a4d83ba073$var$modalHeight(desktop)};
+  height: ${({ desktop: desktop })=>$30e857a4d83ba073$var$modalHeight(desktop)};
   max-height: 100vh;
   background-color: ${(props)=>props.theme.popupBackgroundPrimaryColor};
   color: ${(props)=>props.theme.popupTitleColor};
@@ -10361,9 +10301,9 @@ const $30e857a4d83ba073$export$1058440c16b3a127 = (0, $3Sbms$styledcomponents).l
   input[type='radio'] {
     appearance: none;
     border: ${(props)=>props.image ? 0 : `3px solid ${props.theme.popupBorderColor}`};
-    background-color: ${({ theme: theme  })=>theme.popupBackgroundThirdColor};
+    background-color: ${({ theme: theme })=>theme.popupBackgroundThirdColor};
     background-position: 0 0;
-    background-image: ${({ image: image  })=>image ? `url(${image})` : undefined};
+    background-image: ${({ image: image })=>image ? `url(${image})` : undefined};
     height: 80px;
     min-width: 80px;
     border-radius: 10px;
@@ -10372,11 +10312,11 @@ const $30e857a4d83ba073$export$1058440c16b3a127 = (0, $3Sbms$styledcomponents).l
 
     &:checked {
       background-position: -3px -3px;
-      border: 3px solid ${({ theme: theme  })=>theme.primaryColor};
+      border: 3px solid ${({ theme: theme })=>theme.primaryColor};
     }
 
     &:checked + span {
-      color: ${({ theme: theme  })=>theme.primaryColor};
+      color: ${({ theme: theme })=>theme.primaryColor};
     }
   }
 
@@ -10389,11 +10329,11 @@ const $30e857a4d83ba073$export$1058440c16b3a127 = (0, $3Sbms$styledcomponents).l
     position: absolute;
     width: 100%;
     text-align: center;
-    display: ${({ image: image  })=>image ? "none" : "inline"};
+    display: ${({ image: image })=>image ? "none" : "inline"};
   }
 `;
 const $30e857a4d83ba073$export$dfc919b3320e9811 = (0, $3Sbms$styledcomponents).button`
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
+  background-color: ${({ theme: theme })=>theme.primaryColor};
   padding: 8px 18px;
   width: 280px;
   height: 46px;
@@ -10465,9 +10405,9 @@ const $d493afe60dcea711$var$backgroundOptions = [
     }
 ];
 const $d493afe60dcea711$var$VirtualBackgroundPopup = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const virtualBackgroundPopupRef = (0, $3Sbms$useRef)(null);
-    const { isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible , setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible , orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible, setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible, orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const desktop = orientation === "landscape";
     const onSubmit = (e)=>{
         e.preventDefault();
@@ -10523,7 +10463,7 @@ const $d493afe60dcea711$var$VirtualBackgroundPopup = ()=>{
                     onSubmit: onSubmit,
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $30e857a4d83ba073$export$3f7ff862632a81a7), {
-                            children: $d493afe60dcea711$var$backgroundOptions.map(({ id: id , title: title , value: value , iconUrl: iconUrl  })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $30e857a4d83ba073$export$1058440c16b3a127), {
+                            children: $d493afe60dcea711$var$backgroundOptions.map(({ id: id, title: title, value: value, iconUrl: iconUrl })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $30e857a4d83ba073$export$1058440c16b3a127), {
                                     htmlFor: id,
                                     image: iconUrl,
                                     children: [
@@ -10582,7 +10522,7 @@ const $3a1d149ac4596979$export$ed7a64955cfa5a69 = (0, $3Sbms$styledcomponents).d
   display: flex;
   flex-direction: column;
   width: ${(props)=>props.desktop ? "375px" : "100%"};
-  height: ${({ desktop: desktop  })=>$3a1d149ac4596979$var$modalHeight(desktop)};
+  height: ${({ desktop: desktop })=>$3a1d149ac4596979$var$modalHeight(desktop)};
   max-height: 100vh;
   background-color: ${(props)=>props.theme.popupBackgroundPrimaryColor};
   color: ${(props)=>props.theme.popupTitleColor};
@@ -10645,7 +10585,7 @@ const $3a1d149ac4596979$export$5197cd1b80f9682b = (0, $3Sbms$styledcomponents).d
   letter-spacing: -0.02em;
 `;
 const $3a1d149ac4596979$export$5f79cadb3a637092 = (0, $3Sbms$styledcomponents).button`
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
+  background-color: ${({ theme: theme })=>theme.primaryColor};
   padding: 8px 18px;
   height: 46px;
   max-width: 100%;
@@ -10673,8 +10613,8 @@ const $3a1d149ac4596979$export$5f79cadb3a637092 = (0, $3Sbms$styledcomponents).b
 
 
 const $7d1b559f928daf1f$var$BlockedFeaturePopup = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen , orientation: orientation , isAgent: isAgent  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen, setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen, orientation: orientation, isAgent: isAgent } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const popupRef = (0, $3Sbms$useRef)(null);
     const desktop = orientation === "landscape";
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(popupRef, ()=>{
@@ -10813,7 +10753,7 @@ const $91c1c06eb85c875a$export$12ed2ca69ff6905b = (0, $3Sbms$styledcomponents).d
   letter-spacing: -0.02em;
 `;
 const $91c1c06eb85c875a$export$d39b0d24481757e7 = (0, $3Sbms$styledcomponents).button`
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
+  background-color: ${({ theme: theme })=>theme.primaryColor};
   padding: 8px 18px;
   height: 46px;
   max-width: 100%;
@@ -10840,8 +10780,8 @@ const $91c1c06eb85c875a$export$d39b0d24481757e7 = (0, $3Sbms$styledcomponents).b
 
 
 const $b27977531846fb9f$var$VideoRecordingsPopup = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { isRecordingStartPopupOpen: isRecordingStartPopupOpen , setRecordingStartPopupOpen: setRecordingStartPopupOpen  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { isRecordingStartPopupOpen: isRecordingStartPopupOpen, setRecordingStartPopupOpen: setRecordingStartPopupOpen } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const popupRef = (0, $3Sbms$useRef)(null);
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(popupRef, ()=>{
         if (isRecordingStartPopupOpen) setRecordingStartPopupOpen(false);
@@ -10884,7 +10824,7 @@ var $b27977531846fb9f$export$2e2bcd8739ae039 = $b27977531846fb9f$var$VideoRecord
 
 
 const $01986a58bfba8001$var$Settings = ()=>{
-    const { isQuickConnectPopupVisible: isQuickConnectPopupVisible , isSettingsMenuVisible: isSettingsMenuVisible , isYoutubePopupVisible: isYoutubePopupVisible , isLinksharePopupVisible: isLinksharePopupVisible , isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible , isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen , isRecordingStartPopupOpen: isRecordingStartPopupOpen  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { isQuickConnectPopupVisible: isQuickConnectPopupVisible, isSettingsMenuVisible: isSettingsMenuVisible, isYoutubePopupVisible: isYoutubePopupVisible, isLinksharePopupVisible: isLinksharePopupVisible, isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible, isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen, isRecordingStartPopupOpen: isRecordingStartPopupOpen } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const open = isQuickConnectPopupVisible || isSettingsMenuVisible || isYoutubePopupVisible || isBlockedFeaturePopupOpen || isLinksharePopupVisible || isRecordingStartPopupOpen || isVirtualBackgroundPopupVisible;
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $e1c48a389d8ac959$export$8376625f8bb18347), {
         open: open,
@@ -10934,7 +10874,7 @@ const $61b9018279e658f9$export$f4e7b895a81715e9 = (0, $3Sbms$styledcomponents).p
   margin: 0;
 `;
 const $61b9018279e658f9$export$3a4deda42b6182b7 = (0, $3Sbms$styledcomponents).button`
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
+  background-color: ${({ theme: theme })=>theme.primaryColor};
   border: none;
   border-radius: 50px;
   padding: 12px 18px;
@@ -10947,8 +10887,8 @@ const $61b9018279e658f9$export$3a4deda42b6182b7 = (0, $3Sbms$styledcomponents).b
 
 
 const $df41bfe6da05853a$var$EndView = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { streamState: streamState , setStreamState: setStreamState  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { streamState: streamState, setStreamState: setStreamState } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const ended = streamState === "ended";
     const terminated = streamState === "terminated";
     const expired = streamState === "expired";
@@ -11050,7 +10990,7 @@ const $3a42b2ef7646d035$var$toastOptions = {
     }
 };
 const $3a42b2ef7646d035$var$MessageContainer = (0, $3Sbms$styledcomponents).div`
-  max-width: ${({ maxWidth: maxWidth  })=>maxWidth ? maxWidth : "200px"};
+  max-width: ${({ maxWidth: maxWidth })=>maxWidth ? maxWidth : "200px"};
   div {
     margin: 0;
   }
@@ -11072,7 +11012,7 @@ const $3a42b2ef7646d035$var$CustomToaster = ()=>/*#__PURE__*/ (0, $3Sbms$jsxs)((
                             ...t.style,
                             animation: t.visible ? "fadeIn 1s ease forwards" : "fadeOut 1s forwards ease"
                         },
-                        children: ({ message: message  })=>{
+                        children: ({ message: message })=>{
                             const notificationIcon = $3a42b2ef7646d035$var$getIcon(t.className);
                             return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
                                 children: [
@@ -11358,8 +11298,8 @@ const $fdbe2be8571dfcd7$export$d39b0d24481757e7 = (0, $3Sbms$styledcomponents).b
 `;
 
 
-const $6aca0f707e80bf63$var$BlockedDevicesPopup = ({ close: close  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $6aca0f707e80bf63$var$BlockedDevicesPopup = ({ close: close })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$8bac64dfa46a096a), {
         children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $fdbe2be8571dfcd7$export$f2f6e48f0181f95d), {
             children: [
@@ -11714,7 +11654,7 @@ const $4fb4815baa04b470$export$914ddf2021ea8ee6 = (0, $3Sbms$styledcomponents).d
 
 
 
-const $255f892da785d17b$export$16a6b4ee58c46271 = /*#__PURE__*/ (0, $3Sbms$forwardRef)(function Squircle({ size: size = 24 , className: className = "text-gray-1000" , ...other }, ref) {
+const $255f892da785d17b$export$16a6b4ee58c46271 = /*#__PURE__*/ (0, $3Sbms$forwardRef)(function Squircle({ size: size = 24, className: className = "text-gray-1000", ...other }, ref) {
     return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         ref: ref,
         width: size,
@@ -11733,7 +11673,7 @@ const $255f892da785d17b$export$16a6b4ee58c46271 = /*#__PURE__*/ (0, $3Sbms$forwa
 
 
 
-const $6ff24797527d6397$export$a7844d10127ab172 = ({ size: size = 24 , backgroundClassName: backgroundClassName , icon: icon  })=>{
+const $6ff24797527d6397$export$a7844d10127ab172 = ({ size: size = 24, backgroundClassName: backgroundClassName, icon: icon })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
         className: (0, $3Sbms$classnames)("relative flex-shrink-0", `w-[${size}px] h-[${size}px]`),
         children: [
@@ -13363,8 +13303,8 @@ const $205d1658394416eb$export$6e881e165967cb08 = {
 };
 
 
-function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo" , requestedMedia: requestedMedia = "camera" , permissionBlockedModalState: permissionBlockedModalState , captureThumbnail: captureThumbnail  }) {
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo", requestedMedia: requestedMedia = "camera", permissionBlockedModalState: permissionBlockedModalState, captureThumbnail: captureThumbnail }) {
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [currentMode, setMode] = (0, $3Sbms$useState)(mode);
     const [streaming, setStreaming] = (0, $3Sbms$useState)(false);
     const [currentRequestedMedia, setRequestedMedia] = (0, $3Sbms$useState)(requestedMedia);
@@ -13374,14 +13314,14 @@ function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo" , requ
     const assetsPopupState = (0, $3Sbms$useOverlayTriggerState)({});
     const [assetLoading, setAssetLoading] = (0, $3Sbms$useState)(false);
     const [averageAudioLevel, setAverageAudioLevel] = (0, $3Sbms$useState)();
-    const { toast: toast , dismiss: dismiss  } = (0, $3Sbms$useToast)({
+    const { toast: toast, dismiss: dismiss } = (0, $3Sbms$useToast)({
         toasterId: "cameraRecorder"
     });
     const [noSoundToastId, setNoSoundToastId] = (0, $3Sbms$useState)(null);
     const [continueSpeakingToastId, setContinueSpeakingToastId] = (0, $3Sbms$useState)(null);
     const [flow, setFlow] = (0, $3Sbms$useState)();
     const updateAudioLevel = (0, $3Sbms$useCallback)((event)=>{
-        const { audioLevel: audioLevel  } = event.detail;
+        const { audioLevel: audioLevel } = event.detail;
         if (timer !== 0 && streaming) setAverageAudioLevel((prev)=>((prev || 0) * (Math.floor(timer) - 1) + audioLevel) / timer);
     }, [
         timer,
@@ -13399,7 +13339,7 @@ function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo" , requ
         if (timer <= 3) return;
         if (!averageAudioLevel && noSoundToastId === null) {
             dismiss();
-            const { id: id  } = toast({
+            const { id: id } = toast({
                 title: t("recorder.audioLevelToast.noSound"),
                 hideClose: true,
                 icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6ff24797527d6397$export$a7844d10127ab172), {
@@ -13414,7 +13354,7 @@ function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo" , requ
         }
         if (averageAudioLevel && continueSpeakingToastId === null) {
             dismiss();
-            const { id: id  } = toast({
+            const { id: id } = toast({
                 title: t("recorder.audioLevelToast.continueSpeaking"),
                 hideClose: true,
                 icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6ff24797527d6397$export$a7844d10127ab172), {
@@ -14202,7 +14142,7 @@ const $f3d9f6a4bbe7f552$export$f9da3144ae2525a3 = (props)=>{
 
 const $a180b95972399d58$var$browser = (0, $3Sbms$bowser).parse(window.navigator.userAgent);
 const $a180b95972399d58$export$11a6fe490bbc4873 = (props)=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const isDesktop = $a180b95972399d58$var$browser.platform.type === "desktop";
     const [currentMode, setCurrentMode] = (0, $3Sbms$useState)(props.defaultSelected);
     const onSelectMode = (selected)=>{
@@ -14272,7 +14212,7 @@ const $a180b95972399d58$export$11a6fe490bbc4873 = (props)=>{
 
 
 
-const $7227f0300555e42c$export$1cd1efc78cb52ca5 = ({ asset: asset , onClick: onClick , size: size = 60 , className: className  })=>{
+const $7227f0300555e42c$export$1cd1efc78cb52ca5 = ({ asset: asset, onClick: onClick, size: size = 60, className: className })=>{
     if (!asset) return null;
     return /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
         className: (0, $3Sbms$classnames)("cursor-pointer relative overflow-hidden rounded-lg", className),
@@ -14336,7 +14276,7 @@ const $7dc8075008cdffc1$export$287f8fcc69caf433 = /*#__PURE__*/ (0, $3Sbms$forwa
     (0, $3Sbms$useEffect)(()=>{
         const onLocalVideoChange = (event)=>{
             if (!event.detail?.camera?.device || !ref.current) return;
-            const { facingMode: newFacingMode  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestLocalVideo(ref?.current);
+            const { facingMode: newFacingMode } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestLocalVideo(ref?.current);
             setFacingMode(newFacingMode);
         };
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoAvailable", onLocalVideoChange);
@@ -14397,26 +14337,26 @@ const $d775b8f941514ed9$export$d791e41b9a4de1f2 = (constraints)=>{
 };
 
 
-const $8fe8c7100159474e$var$Bold = ({ children: children  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+const $8fe8c7100159474e$var$Bold = ({ children: children })=>/*#__PURE__*/ (0, $3Sbms$jsx)("span", {
         className: "font-medium text-primary",
         children: children
     });
-const $8fe8c7100159474e$export$788cb893d96254c8 = ({ state: state , mode: mode , primaryAction: primaryAction  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $8fe8c7100159474e$export$788cb893d96254c8 = ({ state: state, mode: mode, primaryAction: primaryAction })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     (0, $d775b8f941514ed9$export$d791e41b9a4de1f2)({
         audio: true,
         video: true
     });
     const [permissionsState, setPermissionsState] = (0, $3Sbms$useState)("idle");
     (0, $3Sbms$useEffect)(()=>{
-        const { deviceState: deviceState  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+        const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
         if (deviceState.screenshare.enabled) return setPermissionsState("granted");
         if (deviceState.camera.enabled) return setPermissionsState("granted");
         setPermissionsState("idle");
     }, [
         mode
     ]);
-    const { orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const device = orientation === "landscape" ? "desktop" : "mobile";
     const videoLength = permissionsState === "granted" ? "short" : "full";
     const title = mode === "photo" ? t("recorder.photoInstructionsTitle") : t("recorder.videoInstructionsTitle");
@@ -14536,7 +14476,7 @@ const $8fe8c7100159474e$export$788cb893d96254c8 = ({ state: state , mode: mode ,
 
 
 
-const $1878286c044cb80b$export$b916fa2db97921a4 = ({ state: state , flow: flow , primaryAction: primaryAction  })=>{
+const $1878286c044cb80b$export$b916fa2db97921a4 = ({ state: state, flow: flow, primaryAction: primaryAction })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialog), {
         open: state.isOpen,
         onOpenChange: (open)=>{
@@ -14630,11 +14570,11 @@ const $1878286c044cb80b$export$b916fa2db97921a4 = ({ state: state , flow: flow ,
 
 
 
-const $b61c94408ce5f147$export$a530fe7a272dd531 = ({ state: state , recorderState: recorderState  })=>{
-    const { options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+const $b61c94408ce5f147$export$a530fe7a272dd531 = ({ state: state, recorderState: recorderState })=>{
+    const { options: options } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $3Sbms$useEffect)(()=>{
         const fetchFlow = async ()=>{
-            const { roomId: roomId  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+            const { roomId: roomId } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
             const language = navigator.language.slice(0, 2);
             const result = await fetch(`${options.apiUrl}/streams/${roomId}/flow?lang=${language}`);
             if (result.ok) {
@@ -14674,11 +14614,11 @@ const $b61c94408ce5f147$export$a530fe7a272dd531 = ({ state: state , recorderStat
 
 
 
-const $dcecc67f51a66b8d$export$f9d8408fefd786da = ({ state: state , onClose: onClose  })=>{
-    const { t: t , i18n: i18n  } = (0, $3Sbms$useTranslation)();
+const $dcecc67f51a66b8d$export$f9d8408fefd786da = ({ state: state, onClose: onClose })=>{
+    const { t: t, i18n: i18n } = (0, $3Sbms$useTranslation)();
     const QRCodeRef = (0, $3Sbms$useRef)(null);
-    const { options: options , profile: profile , isAgent: isAgent  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const [QRCodeContainerRef, { width: QRCodeContainerWidth  }] = (0, $af23c74942bdcae7$export$e295b0c537d32d7d)();
+    const { options: options, profile: profile, isAgent: isAgent } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const [QRCodeContainerRef, { width: QRCodeContainerWidth }] = (0, $af23c74942bdcae7$export$e295b0c537d32d7d)();
     (0, $3Sbms$useEffect)(()=>{
         const url = new URL(options.sharedURL || window.location.href);
         url.searchParams.set("language", i18n.resolvedLanguage);
@@ -14807,7 +14747,7 @@ function $1e6ffcfc059a8789$export$3ae94a2503e890a1(date) {
         hour: "numeric",
         minute: "2-digit"
     });
-    return `${dateFormat.format(date)} · ${timeFormat.format(date)}`;
+    return `${dateFormat.format(date)} \xb7 ${timeFormat.format(date)}`;
 }
 
 
@@ -14815,9 +14755,9 @@ function $1e6ffcfc059a8789$export$3ae94a2503e890a1(date) {
 
 
 const $c9e5583d5dd9328d$var$browser = (0, $3Sbms$bowser).parse(window.navigator.userAgent);
-const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderState  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { selfPeerId: selfPeerId , isAgent: isAgent , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderState })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { selfPeerId: selfPeerId, isAgent: isAgent, options: options } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const skipOnboarding = options.recorder?.skipOnboarding;
     const getUserMediaMutation = (0, $d775b8f941514ed9$export$d791e41b9a4de1f2)({
         audio: true,
@@ -14835,7 +14775,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
         defaultOpen: isDesktop
     });
     const [flashAnimation, setFlashAnimation] = (0, $3Sbms$useState)(false);
-    const { toast: toast , dismiss: dismissToast  } = (0, $3Sbms$useToast)({
+    const { toast: toast, dismiss: dismissToast } = (0, $3Sbms$useToast)({
         toasterId: "cameraRecorder"
     });
     const exitStreaming = (0, $3Sbms$useCallback)(()=>{
@@ -14849,7 +14789,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
         const timestamp = Date.now();
         recorderState.setAssetLoading(true);
         const image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElement);
-        const { url: url , assetId: assetId  } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveCapture(image);
+        const { url: url, assetId: assetId } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveCapture(image);
         recorderState.setAssetLoading(false);
         recorderState.setAssets([
             ...recorderState.assets,
@@ -14868,7 +14808,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
             onSettled: ()=>undefined,
             onSuccess: async ()=>{
                 instructionModalState.close();
-                const { deviceState: deviceState  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+                const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
                 getUserMediaMutation.reset();
                 try {
                     if (!deviceState.microphone.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
@@ -14924,7 +14864,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
             className: "w-full",
             disabled: !selfPeerId || getUserMediaMutation.isLoading,
             onClick: ()=>{
-                const { deviceState: deviceState  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+                const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
                 if (!getUserMediaMutation.savedPermissions.audio || !getUserMediaMutation.savedPermissions.video || !deviceState.camera.enabled) return getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions);
                 instructionModalState.close();
             },
@@ -15075,12 +15015,12 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
 
 
 
-const $ad3ba5899eb05ecf$var$Bold = ({ children: children  })=>/*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+const $ad3ba5899eb05ecf$var$Bold = ({ children: children })=>/*#__PURE__*/ (0, $3Sbms$jsx)("span", {
         className: "font-medium text-white",
         children: children
     });
 const $ad3ba5899eb05ecf$export$f361d4ae234b90f4 = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const instructions = [
         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Trans), {
             i18nKey: "recorder.instructions.tapVideoButton",
@@ -15117,7 +15057,7 @@ const $ad3ba5899eb05ecf$export$f361d4ae234b90f4 = ()=>{
                 className: "flex flex-col gap-[10px] w-[50%] items-start justify-center",
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                        className: " text-white font-semibold text-lg pb-[20px]",
+                        className: " text-white font-semibold text-lg  pb-[20px]",
                         children: t("recorder.screenTitle")
                     }),
                     instructions.map((value, index)=>/*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
@@ -15154,7 +15094,7 @@ const $ad3ba5899eb05ecf$export$f361d4ae234b90f4 = ()=>{
 
 
 
-const $a3830e399ecc7fc4$export$2d78fbe400238869 = ({ recorderState: recorderState  })=>{
+const $a3830e399ecc7fc4$export$2d78fbe400238869 = ({ recorderState: recorderState })=>{
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const getUserMediaMutation = (0, $d775b8f941514ed9$export$d791e41b9a4de1f2)({
         audio: true
@@ -15268,7 +15208,7 @@ const $a3830e399ecc7fc4$export$2d78fbe400238869 = ({ recorderState: recorderStat
                                 },
                                 onSuccess: async ()=>{
                                     try {
-                                        const { deviceState: deviceState  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+                                        const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
                                         getUserMediaMutation.reset();
                                         if (!deviceState.microphone.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
                                         await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableScreenshare({
@@ -15299,8 +15239,8 @@ const $a3830e399ecc7fc4$export$2d78fbe400238869 = ({ recorderState: recorderStat
 
 
 
-const $99a415196205cb06$export$c31ece446899894 = ({ state: state  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $99a415196205cb06$export$c31ece446899894 = ({ state: state })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialog), {
         open: state.isOpen,
         onOpenChange: (open)=>{
@@ -15345,7 +15285,7 @@ const $99a415196205cb06$export$c31ece446899894 = ({ state: state  })=>{
 
 
 
-const $64dee502cbd6331e$var$Notification = ({ title: title , description: description , icon: icon  })=>{
+const $64dee502cbd6331e$var$Notification = ({ title: title, description: description, icon: icon })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
         className: "flex w-full gap-2 p-4 border rounded-md border-amber-700 text-amber-700 bg-amber-100",
         children: [
@@ -15369,8 +15309,8 @@ const $64dee502cbd6331e$var$Notification = ({ title: title , description: descri
         ]
     });
 };
-const $64dee502cbd6331e$export$1ea93f9eface5983 = ({ asset: asset  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $64dee502cbd6331e$export$1ea93f9eface5983 = ({ asset: asset })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const duration = asset.timestamp && asset.startRecordingTimestamp && (asset.timestamp - asset.startRecordingTimestamp) / 1000;
     if (!duration || duration < 5) return /*#__PURE__*/ (0, $3Sbms$jsx)($64dee502cbd6331e$var$Notification, {
         title: t("recorder.audioLevelNotification.shortVideo.title"),
@@ -15407,7 +15347,7 @@ const $64dee502cbd6331e$export$1ea93f9eface5983 = ({ asset: asset  })=>{
 
 
 
-const $c22caa553a50352e$export$f56b3b5841ad32ae = ({ asset: asset , state: state  })=>{
+const $c22caa553a50352e$export$f56b3b5841ad32ae = ({ asset: asset, state: state })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
             open: state.isOpen,
@@ -15454,8 +15394,8 @@ const $c22caa553a50352e$export$f56b3b5841ad32ae = ({ asset: asset , state: state
 
 
 
-const $cc9cfb2e118dc0d3$export$863486d455ab61f3 = ({ modalState: modalState , onDeleteAsset: onDeleteAsset  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $cc9cfb2e118dc0d3$export$863486d455ab61f3 = ({ modalState: modalState, onDeleteAsset: onDeleteAsset })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialog), {
         open: modalState.isOpen,
         onOpenChange: (open)=>{
@@ -15502,8 +15442,8 @@ const $cc9cfb2e118dc0d3$export$863486d455ab61f3 = ({ modalState: modalState , on
 };
 
 
-const $d55df9ccf8ad2080$export$c9169049516d8bcf = ({ asset: asset , index: index , removeAsset: removeAsset  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $d55df9ccf8ad2080$export$c9169049516d8bcf = ({ asset: asset, index: index, removeAsset: removeAsset })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const confirmRemovalModalState = (0, $3Sbms$useOverlayTriggerState)({});
     const previewAssetModalProps = (0, $3Sbms$useOverlayTriggerState)({});
     const assetMediaLength = asset.timestamp && asset.startRecordingTimestamp && (asset.timestamp - asset.startRecordingTimestamp) / 1000;
@@ -15571,8 +15511,8 @@ const $d55df9ccf8ad2080$export$c9169049516d8bcf = ({ asset: asset , index: index
 };
 
 
-const $75d9427ff129b41c$export$5c334f209b1aa661 = ({ assets: assets , state: state , onSendAssets: onSendAssets , removeAsset: removeAsset , loading: loading  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $75d9427ff129b41c$export$5c334f209b1aa661 = ({ assets: assets, state: state, onSendAssets: onSendAssets, removeAsset: removeAsset, loading: loading })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const isMobile = window.matchMedia("(max-width: 639px)").matches;
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
         open: state.isOpen,
@@ -15645,7 +15585,7 @@ const $75d9427ff129b41c$export$5c334f209b1aa661 = ({ assets: assets , state: sta
 
 
 
-const $b4057e63640314b7$export$aa00db7a33d4c484 = ({ children: children , className: className  })=>{
+const $b4057e63640314b7$export$aa00db7a33d4c484 = ({ children: children, className: className })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
         className: (0, $3Sbms$classnames)("flex items-center justify-between", className),
         children: [
@@ -15663,9 +15603,9 @@ const $b4057e63640314b7$export$aa00db7a33d4c484 = ({ children: children , classN
 
 
 
-const $a8756e233448261f$export$3646917cb6200e2e = ({ state: state , assets: assets  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { isAgent: isAgent  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+const $a8756e233448261f$export$3646917cb6200e2e = ({ state: state, assets: assets })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { isAgent: isAgent } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const isMobile = window.matchMedia("(max-width: 639px)").matches;
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
         open: state.isOpen,
@@ -15743,9 +15683,9 @@ const $a8756e233448261f$export$3646917cb6200e2e = ({ state: state , assets: asse
 
 
 const $f29323a81b2f6e11$var$browser = (0, $3Sbms$bowser).parse(window.navigator.userAgent);
-const $f29323a81b2f6e11$export$b4d7a44be6f5e733 = ({ state: state  })=>{
-    const { options: options , isAgent: isAgent  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $f29323a81b2f6e11$export$b4d7a44be6f5e733 = ({ state: state })=>{
+    const { options: options, isAgent: isAgent } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const loginParams = new URLSearchParams({
         from: "/console",
         minimal: "1"
@@ -15754,10 +15694,10 @@ const $f29323a81b2f6e11$export$b4d7a44be6f5e733 = ({ state: state  })=>{
     if (options.showLogin?.name) loginParams.set("name", options.showLogin?.name);
     (0, $3Sbms$useEffect)(()=>{
         const isEnabled = options.showLogin?.enabled;
-        const { joinOptions: joinOptions  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+        const { joinOptions: joinOptions } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
         if (isEnabled && joinOptions.apiKey) {
             const onAgentIdentity = (event)=>{
-                const { success: success  } = event.detail;
+                const { success: success } = event.detail;
                 if (!success) state.open();
             };
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
@@ -15778,10 +15718,10 @@ const $f29323a81b2f6e11$export$b4d7a44be6f5e733 = ({ state: state  })=>{
     (0, $3Sbms$useEffect)(()=>{
         const onPostMessage = async (event)=>{
             if (event.origin === "https://app.snapcall.io") {
-                const { type: type , data: data  } = event.data;
+                const { type: type, data: data } = event.data;
                 switch(type){
                     case "consoleReady":
-                        const { roomId: roomId  } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+                        const { roomId: roomId } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
                         await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init(roomId, {
                             apiKey: data.apiKey
                         });
@@ -15823,20 +15763,15 @@ const $f29323a81b2f6e11$export$b4d7a44be6f5e733 = ({ state: state  })=>{
 
 
 const $b76354b532370976$export$336a011955157f9a = ()=>{
-    const { options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { options: options } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const submitAssetsModalState = (0, $3Sbms$useOverlayTriggerState)({});
     const permissionBlockedModalState = (0, $3Sbms$useOverlayTriggerState)({});
     const loginModalState = (0, $3Sbms$useOverlayTriggerState)({});
     const [thumbnailURL, setLastThumbnailURL] = (0, $3Sbms$useState)(undefined);
     const captureThumbnail = async (videoElement)=>{
-        let image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(undefined, {
-            addPlayWatermark: true
-        }).catch(console.error);
-        if (!image) image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElement, {
-            addPlayWatermark: true
-        });
-        const { url: url  } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveThumbnail(image);
-        setLastThumbnailURL(url);
+        let image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(undefined).catch(console.error);
+        if (!image) image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElement);
+        setLastThumbnailURL(image);
     };
     const recorderState = (0, $448b01a7ea61a08a$export$c74cd098b7a410cb)({
         mode: options?.recorder?.defaultMode || "photo",
@@ -15859,7 +15794,7 @@ const $b76354b532370976$export$336a011955157f9a = ()=>{
         recorderState
     ]);
     const onStopRecord = (0, $3Sbms$useCallback)((event)=>{
-        const { url: url , assetId: assetId  } = event.detail;
+        const { url: url, assetId: assetId } = event.detail;
         exitStreaming();
         recorderState.setAssetLoading(false);
         recorderState.setAssets([
@@ -15982,7 +15917,7 @@ const $759492438a7a357d$export$52e284bf30d0364a = (0, $3Sbms$styledcomponents).h
 
 
 const $91d20ee7d2ade85c$export$669f6ea7d267feaf = ()=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { t: t } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $759492438a7a357d$export$3b0d6d7590275603), {
         children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $759492438a7a357d$export$42a852a2b6b56249), {
             children: [
@@ -16003,8 +15938,8 @@ const $26ed036cbc17809a$var$currentTheme = (0, $52580db2e49cdd90$export$3bfd0d52
 const $26ed036cbc17809a$var$currentLanguage = (0, $a3e657fb86ae23f3$export$604ba5624273df44)();
 const $26ed036cbc17809a$var$queryClient = new (0, $3Sbms$QueryClient)();
 let $26ed036cbc17809a$var$timestampCriticalError = -1;
-const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
+const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
     const [selfPeerId, setSelfPeerId] = (0, $3Sbms$useState)(undefined);
     const streamUIContainerRef = (0, $3Sbms$useRef)(null);
     const videosContainerRef = (0, $3Sbms$useRef)(null);
@@ -16086,7 +16021,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
         });
     };
     const onSelfProfileUpdate = (event)=>{
-        const { profile: profile  } = event.detail;
+        const { profile: profile } = event.detail;
         setProfile(profile);
     };
     const onCallEnd = ()=>{
@@ -16105,7 +16040,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
         setStreamState("expired");
     };
     const onAgentIdentity = (event)=>{
-        const { success: success , email: email , name: name , avatarUrl: avatarUrl  } = event.detail;
+        const { success: success, email: email, name: name, avatarUrl: avatarUrl } = event.detail;
         if (success) {
             setIsAgent(true);
             setProfile({
@@ -16437,7 +16372,7 @@ const $35c6a4b506b7dc62$export$65550b47dde6d016 = (0, $3Sbms$styledcomponents).d
   background-color: black;
   border-radius: 15px;
   z-index: 1;
-  display: ${({ webcamEnabled: webcamEnabled  })=>webcamEnabled ? "none" : "flex"};
+  display: ${({ webcamEnabled: webcamEnabled })=>webcamEnabled ? "none" : "flex"};
   align-items: center;
   justify-content: center;
 `;
@@ -16456,7 +16391,7 @@ const $35c6a4b506b7dc62$export$6e8af0bd0a2aaa77 = (0, $3Sbms$styledcomponents).b
   justify-content: center;
   min-width: 48px;
   min-height: 48px;
-  background-color: ${({ danger: danger  })=>danger ? "#d84949" : "#2d2d2d"};
+  background-color: ${({ danger: danger })=>danger ? "#d84949" : "#2d2d2d"};
   border: none;
   border-radius: 15px;
   padding: 0 8px;
@@ -16471,7 +16406,7 @@ const $35c6a4b506b7dc62$export$6e8af0bd0a2aaa77 = (0, $3Sbms$styledcomponents).b
   }
 
   &:hover {
-    border: 2px solid ${({ danger: danger  })=>danger ? "#fc7d7d" : "#8d8d8d"};
+    border: 2px solid ${({ danger: danger })=>danger ? "#fc7d7d" : "#8d8d8d"};
   }
 
   svg {
@@ -16566,9 +16501,9 @@ const $35c6a4b506b7dc62$export$d4a1a815e49dfefd = (0, $3Sbms$styledcomponents).d
 
 
 
-const $f8d57e3d223f5089$var$GreetingView = ({ onGreetingDone: onGreetingDone  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const [mainContainerRef, { width: width , height: height  }] = (0, $af23c74942bdcae7$export$e295b0c537d32d7d)();
+const $f8d57e3d223f5089$var$GreetingView = ({ onGreetingDone: onGreetingDone })=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const [mainContainerRef, { width: width, height: height }] = (0, $af23c74942bdcae7$export$e295b0c537d32d7d)();
     const inputRef = (0, $3Sbms$useRef)(null);
     const videoRef = (0, $3Sbms$useRef)(null);
     const [videoTrack, setVideoTrack] = (0, $3Sbms$useState)(undefined);
@@ -16745,12 +16680,15 @@ var $f8d57e3d223f5089$export$2e2bcd8739ae039 = $f8d57e3d223f5089$var$GreetingVie
 
 
 var $1e2747ca72d0ab49$exports = {};
-$1e2747ca72d0ab49$exports = "*, :before, :after, ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #93c5fd80;\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n\n.sr-only {\n  width: 1px;\n  height: 1px;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0;\n}\n\n.top-2 {\n  top: .5rem;\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.top-auto {\n  top: auto;\n}\n\n.bottom-4 {\n  bottom: 1rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.bottom-2 {\n  bottom: .5rem;\n}\n\n.right-2 {\n  right: .5rem;\n}\n\n.left-\\[50\\%\\] {\n  left: 50%;\n}\n\n.top-\\[50\\%\\] {\n  top: 50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n\n.right-0 {\n  right: 0;\n}\n\n.left-1 {\n  left: .25rem;\n}\n\n.right-1 {\n  right: .25rem;\n}\n\n.right-6 {\n  right: 1.5rem;\n}\n\n.top-6 {\n  top: 1.5rem;\n}\n\n.top-8 {\n  top: 2rem;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.z-\\[150\\] {\n  z-index: 150;\n}\n\n.z-\\[100\\] {\n  z-index: 100;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-mx-1 {\n  margin-left: -.25rem;\n  margin-right: -.25rem;\n}\n\n.mx-1 {\n  margin-left: .25rem;\n  margin-right: .25rem;\n}\n\n.my-1 {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-\\[9px\\] {\n  margin-bottom: 9px;\n}\n\n.mt-1 {\n  margin-top: .25rem;\n}\n\n.mr-2\\.5 {\n  margin-right: .625rem;\n}\n\n.mr-2 {\n  margin-right: .5rem;\n}\n\n.mt-2 {\n  margin-top: .5rem;\n}\n\n.-mr-2 {\n  margin-right: -.5rem;\n}\n\n.ml-1 {\n  margin-left: .25rem;\n}\n\n.box-border {\n  box-sizing: border-box;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-\\[1px\\] {\n  height: 1px;\n}\n\n.h-\\[150px\\] {\n  height: 150px;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-\\[24px\\] {\n  height: 24px;\n}\n\n.h-screen {\n  height: 100vh;\n}\n\n.h-\\[200px\\] {\n  height: 200px;\n}\n\n.h-8 {\n  height: 2rem;\n}\n\n.h-\\[100px\\] {\n  height: 100px;\n}\n\n.h-\\[384px\\] {\n  height: 384px;\n}\n\n.h-1\\/3 {\n  height: 33.3333%;\n}\n\n.h-\\[16px\\] {\n  height: 16px;\n}\n\n.h-\\[36px\\] {\n  height: 36px;\n}\n\n.h-\\[45px\\] {\n  height: 45px;\n}\n\n.h-\\[72px\\] {\n  height: 72px;\n}\n\n.h-3 {\n  height: .75rem;\n}\n\n.h-px {\n  height: 1px;\n}\n\n.h-9 {\n  height: 2.25rem;\n}\n\n.h-\\[40px\\] {\n  height: 40px;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-14 {\n  height: 3.5rem;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.max-h-screen {\n  max-height: 100vh;\n}\n\n.max-h-\\[90\\%\\] {\n  max-height: 90%;\n}\n\n.max-h-\\[90vh\\] {\n  max-height: 90vh;\n}\n\n.max-h-\\[70px\\] {\n  max-height: 70px;\n}\n\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n\n.max-h-\\[180px\\] {\n  max-height: 180px;\n}\n\n.min-h-0 {\n  min-height: 0;\n}\n\n.min-h-\\[80px\\] {\n  min-height: 80px;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-0 {\n  width: 0;\n}\n\n.w-\\[42px\\] {\n  width: 42px;\n}\n\n.w-max {\n  width: max-content;\n}\n\n.w-\\[130px\\] {\n  width: 130px;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-\\[24px\\] {\n  width: 24px;\n}\n\n.w-\\[50\\%\\] {\n  width: 50%;\n}\n\n.w-\\[334px\\] {\n  width: 334px;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-\\[100px\\] {\n  width: 100px;\n}\n\n.w-\\[1px\\] {\n  width: 1px;\n}\n\n.w-1\\/3 {\n  width: 33.3333%;\n}\n\n.w-\\[16px\\] {\n  width: 16px;\n}\n\n.w-\\[36px\\] {\n  width: 36px;\n}\n\n.w-\\[45px\\] {\n  width: 45px;\n}\n\n.w-\\[72px\\] {\n  width: 72px;\n}\n\n.w-3 {\n  width: .75rem;\n}\n\n.w-72 {\n  width: 18rem;\n}\n\n.min-w-0 {\n  min-width: 0;\n}\n\n.min-w-\\[24px\\] {\n  min-width: 24px;\n}\n\n.min-w-full {\n  min-width: 100%;\n}\n\n.min-w-\\[144px\\] {\n  min-width: 144px;\n}\n\n.min-w-\\[120px\\] {\n  min-width: 120px;\n}\n\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n\n.max-w-\\[1110px\\] {\n  max-width: 1110px;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.max-w-\\[500px\\] {\n  max-width: 500px;\n}\n\n.max-w-\\[90\\%\\] {\n  max-width: 90%;\n}\n\n.max-w-\\[70px\\] {\n  max-width: 70px;\n}\n\n.max-w-\\[350px\\] {\n  max-width: 350px;\n}\n\n.max-w-\\[400px\\] {\n  max-width: 400px;\n}\n\n.flex-1 {\n  flex: 1;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.shrink {\n  flex-shrink: 1;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow, .grow {\n  flex-grow: 1;\n}\n\n.grow-0 {\n  flex-grow: 0;\n}\n\n.border-collapse {\n  border-collapse: collapse;\n}\n\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0\\.5 {\n  --tw-translate-x: .125rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-x-\\[-1\\] {\n  --tw-scale-x: -1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: 1s linear infinite spin;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.cursor-default {\n  cursor: default;\n}\n\n.select-none {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.resize {\n  resize: both;\n}\n\n.appearance-none {\n  appearance: none;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-2 {\n  gap: .5rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.gap-1 {\n  gap: .25rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-2\\.5 {\n  gap: .625rem;\n}\n\n.gap-\\[20px\\] {\n  gap: 20px;\n}\n\n.gap-\\[10px\\] {\n  gap: 10px;\n}\n\n.gap-3 {\n  gap: .75rem;\n}\n\n.gap-1\\.5 {\n  gap: .375rem;\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(.25rem * var(--tw-space-x-reverse));\n  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-visible {\n  overflow: visible;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.whitespace-pre-line {\n  white-space: pre-line;\n}\n\n.rounded-\\[10px\\] {\n  border-radius: 10px;\n}\n\n.rounded-lg {\n  border-radius: .5rem;\n}\n\n.rounded-md {\n  border-radius: .375rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-\\[64px\\] {\n  border-radius: 64px;\n}\n\n.\\!rounded-md {\n  border-radius: .375rem !important;\n}\n\n.rounded-\\[50\\%\\] {\n  border-radius: 50%;\n}\n\n.rounded-\\[8px\\] {\n  border-radius: 8px;\n}\n\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n\n.rounded-xl {\n  border-radius: .75rem;\n}\n\n.rounded-2xl {\n  border-radius: 1rem;\n}\n\n.rounded-\\[3px\\] {\n  border-radius: 3px;\n}\n\n.rounded-\\[4px\\] {\n  border-radius: 4px;\n}\n\n.rounded-\\[6px\\] {\n  border-radius: 6px;\n}\n\n.rounded {\n  border-radius: .25rem;\n}\n\n.rounded-t-3xl {\n  border-top-left-radius: 1.5rem;\n  border-top-right-radius: 1.5rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-\\[3px\\] {\n  border-width: 3px;\n}\n\n.border-\\[5px\\] {\n  border-width: 5px;\n}\n\n.border-0 {\n  border-width: 0;\n}\n\n.border-\\[4px\\] {\n  border-width: 4px;\n}\n\n.border-\\[2px\\], .border-2 {\n  border-width: 2px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-l {\n  border-left-width: 1px;\n}\n\n.border-r {\n  border-right-width: 1px;\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.border-amber-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-amber-700) / var(--tw-border-opacity));\n}\n\n.border-white {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-gray-1000 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-1000) / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: #0000;\n}\n\n.border-\\[white\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-red-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-gray-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));\n}\n\n.border-b-red-700 {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-l-red-700 {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.bg-gray-1000 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-1000) / var(--tw-bg-opacity));\n}\n\n.bg-gray-25 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-100) / var(--tw-bg-opacity));\n}\n\n.bg-black\\/\\[\\.6\\] {\n  background-color: #0009;\n}\n\n.bg-\\[\\#242424\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 36 36 / var(--tw-bg-opacity));\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#ff0000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 0 0 / var(--tw-bg-opacity));\n}\n\n.\\!bg-transparent {\n  background-color: #0000 !important;\n}\n\n.bg-\\[\\#171717\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: #0000;\n}\n\n.bg-red-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.bg-black\\/25 {\n  background-color: #00000040;\n}\n\n.bg-amber-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));\n}\n\n.bg-red-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-300) / var(--tw-bg-opacity));\n}\n\n.bg-green-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-300) / var(--tw-bg-opacity));\n}\n\n.bg-plum-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-300) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-300) / var(--tw-bg-opacity));\n}\n\n.bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-300) / var(--tw-bg-opacity));\n}\n\n.bg-purple-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-300) / var(--tw-bg-opacity));\n}\n\n.bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-300) / var(--tw-bg-opacity));\n}\n\n.bg-indigo-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-300) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-300) / var(--tw-bg-opacity));\n}\n\n.bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-300) / var(--tw-bg-opacity));\n}\n\n.bg-grass-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-300) / var(--tw-bg-opacity));\n}\n\n.bg-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-300) / var(--tw-bg-opacity));\n}\n\n.bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-300) / var(--tw-bg-opacity));\n}\n\n.bg-gold-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-300) / var(--tw-bg-opacity));\n}\n\n.bg-bronze-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-100) / var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-100) / var(--tw-bg-opacity));\n}\n\n.bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-100) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-100) / var(--tw-bg-opacity));\n}\n\n.bg-teal-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-100) / var(--tw-bg-opacity));\n}\n\n.bg-brown-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-100) / var(--tw-bg-opacity));\n}\n\n.bg-orange-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-100) / var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));\n}\n\n.bg-green-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.bg-amber-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.bg-violet-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.bg-teal-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.bg-brown-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.bg-orange-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-700) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000\\/25 {\n  background-color: rgb(var(--color-gray-1000) / .25);\n}\n\n.bg-gray-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));\n}\n\n.bg-\\[url\\(\\'https\\:\\/\\/cdn\\.snapcall\\.io\\/img\\/assist\\/gradient-bg\\.jpg\\'\\)\\] {\n  background-image: url(\"https://cdn.snapcall.io/img/assist/gradient-bg.jpg\");\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.object-contain {\n  object-fit: contain;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-2 {\n  padding: .5rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-2\\.5 {\n  padding: .625rem;\n}\n\n.p-\\[11px\\] {\n  padding: 11px;\n}\n\n.p-3 {\n  padding: .75rem;\n}\n\n.p-0 {\n  padding: 0;\n}\n\n.p-1 {\n  padding: .25rem;\n}\n\n.p-1\\.5 {\n  padding: .375rem;\n}\n\n.py-2\\.5 {\n  padding-top: .625rem;\n  padding-bottom: .625rem;\n}\n\n.py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.px-3\\.5 {\n  padding-left: .875rem;\n  padding-right: .875rem;\n}\n\n.px-3 {\n  padding-left: .75rem;\n  padding-right: .75rem;\n}\n\n.px-\\[60px\\] {\n  padding-left: 60px;\n  padding-right: 60px;\n}\n\n.px-2 {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n.px-2\\.5 {\n  padding-left: .625rem;\n  padding-right: .625rem;\n}\n\n.py-1\\.5 {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.py-0\\.5 {\n  padding-top: .125rem;\n  padding-bottom: .125rem;\n}\n\n.py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.pr-3\\.5 {\n  padding-right: .875rem;\n}\n\n.pl-2\\.5 {\n  padding-left: .625rem;\n}\n\n.pr-3 {\n  padding-right: .75rem;\n}\n\n.pl-2 {\n  padding-left: .5rem;\n}\n\n.pl-4 {\n  padding-left: 1rem;\n}\n\n.pr-2 {\n  padding-right: .5rem;\n}\n\n.pb-\\[20px\\] {\n  padding-bottom: 20px;\n}\n\n.pb-\\[9px\\] {\n  padding-bottom: 9px;\n}\n\n.pb-2 {\n  padding-bottom: .5rem;\n}\n\n.pt-1 {\n  padding-top: .25rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.align-middle {\n  vertical-align: middle;\n}\n\n.text-md {\n  letter-spacing: -.02em;\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.text-sm {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.text-\\[112px\\] {\n  font-size: 112px;\n}\n\n.text-lg {\n  letter-spacing: -.02em;\n  font-size: 18px;\n  line-height: 22px;\n}\n\n.text-xs {\n  letter-spacing: -.02em;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n\n.text-\\[30px\\] {\n  font-size: 30px;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.font-normal {\n  font-weight: 400;\n}\n\n.leading-\\[20px\\] {\n  line-height: 20px;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.text-gray-1000 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-red-700) / var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-amber-700) / var(--tw-text-opacity));\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-white\\/80 {\n  color: #fffc;\n}\n\n.text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-100) / var(--tw-text-opacity));\n}\n\n.text-\\[\\#707070\\] {\n  --tw-text-opacity: 1;\n  color: rgb(112 112 112 / var(--tw-text-opacity));\n}\n\n.text-primary {\n  --tw-text-opacity: 1;\n  color: rgb(29 28 32 / var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-green-700) / var(--tw-text-opacity));\n}\n\n.text-plum-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-plum-700) / var(--tw-text-opacity));\n}\n\n.text-crimson-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-crimson-700) / var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-purple-700) / var(--tw-text-opacity));\n}\n\n.text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-violet-700) / var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-indigo-700) / var(--tw-text-opacity));\n}\n\n.text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-cyan-700) / var(--tw-text-opacity));\n}\n\n.text-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-teal-700) / var(--tw-text-opacity));\n}\n\n.text-grass-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-grass-700) / var(--tw-text-opacity));\n}\n\n.text-brown-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-brown-700) / var(--tw-text-opacity));\n}\n\n.text-lime-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-lime-700) / var(--tw-text-opacity));\n}\n\n.text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-yellow-700) / var(--tw-text-opacity));\n}\n\n.text-gold-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gold-700) / var(--tw-text-opacity));\n}\n\n.text-bronze-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-bronze-700) / var(--tw-text-opacity));\n}\n\n.text-orange-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-orange-700) / var(--tw-text-opacity));\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.underline-offset-8 {\n  text-underline-offset: 8px;\n}\n\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.opacity-50 {\n  opacity: .5;\n}\n\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-dropdown-sm {\n  --tw-shadow: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #1018281a;\n  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-4 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n\n.ring-white\\/20 {\n  --tw-ring-color: #fff3;\n}\n\n.ring-gray-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));\n}\n\n.ring-blue-700 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.ring-white {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));\n}\n\n.ring-green-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-green-300) / var(--tw-ring-opacity));\n}\n\n.ring-red-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-300) / var(--tw-ring-opacity));\n}\n\n.ring-amber-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-amber-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-300) / var(--tw-ring-opacity));\n}\n\n.ring-crimson-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-crimson-300) / var(--tw-ring-opacity));\n}\n\n.ring-violet-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-violet-300) / var(--tw-ring-opacity));\n}\n\n.ring-cyan-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-cyan-300) / var(--tw-ring-opacity));\n}\n\n.ring-teal-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-teal-300) / var(--tw-ring-opacity));\n}\n\n.ring-brown-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-brown-300) / var(--tw-ring-opacity));\n}\n\n.ring-orange-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-orange-300) / var(--tw-ring-opacity));\n}\n\n.ring-offset-0 {\n  --tw-ring-offset-width: 0px;\n}\n\n.ring-offset-white {\n  --tw-ring-offset-color: #fff;\n}\n\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.backdrop-blur-\\[30px\\] {\n  --tw-backdrop-blur: blur(30px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-transform {\n  transition-property: transform;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-300 {\n  transition-duration: .3s;\n}\n\n.duration-1000 {\n  transition-duration: 1s;\n}\n\n.duration-200 {\n  transition-duration: .2s;\n}\n\n.ease-linear {\n  transition-timing-function: linear;\n}\n\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.will-change-transform {\n  will-change: transform;\n}\n\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n\n.animate-in {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.fade-in-0, .fade-in {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.zoom-in-95 {\n  --tw-enter-scale: .95;\n}\n\n.duration-300 {\n  animation-duration: .3s;\n}\n\n.duration-1000 {\n  animation-duration: 1s;\n}\n\n.duration-200 {\n  animation-duration: .2s;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\n}\n\n.ease-out {\n  animation-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.paused {\n  animation-play-state: paused;\n}\n\n.inter {\n  font-family: Inter, sans-serif;\n}\n\n@supports (font-variation-settings: normal) {\n  .inter {\n    font-family: Inter var, sans-serif;\n  }\n}\n\n.placeholder\\:text-gray-900::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-700::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.focus-within\\:relative:focus-within {\n  position: relative;\n}\n\n.focus-within\\:z-20:focus-within {\n  z-index: 20;\n}\n\n.focus-within\\:border-gray-200:focus-within {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.focus-within\\:bg-gray-100:focus-within {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus-within\\:outline:focus-within {\n  outline-style: solid;\n}\n\n.focus-within\\:outline-\\[2px\\]:focus-within {\n  outline-width: 2px;\n}\n\n.focus-within\\:outline-offset-\\[2px\\]:focus-within {\n  outline-offset: 2px;\n}\n\n.focus-within\\:outline-blue-300:focus-within {\n  outline-color: rgb(var(--color-blue-300) / 1);\n}\n\n.focus-within\\:outline-red-700:focus-within {\n  outline-color: rgb(var(--color-red-700) / 1);\n}\n\n.hover\\:bg-\\[\\#292929\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.hover\\:text-blue-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.focus\\:bg-gray-100:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus\\:outline-none:focus {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-blue-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-gray-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-blue-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n\n.active\\:bg-\\[\\#292929\\]:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-900) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-500:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-900) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.active\\:text-blue-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.active\\:text-blue-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-900) / var(--tw-text-opacity));\n}\n\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:opacity-40:disabled {\n  opacity: .4;\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: .5;\n}\n\n.group:focus-within .group-focus-within\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group:active .group-active\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.peer:disabled ~ .peer-disabled\\:opacity-70 {\n  opacity: .7;\n}\n\n.aria-selected\\:bg-blue-100[aria-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.aria-selected\\:text-blue-700[aria-selected=\"true\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.aria-selected\\:opacity-100[aria-selected=\"true\"] {\n  opacity: 1;\n}\n\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] {\n  --tw-translate-y: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] {\n  --tw-translate-x: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] {\n  --tw-translate-x: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] {\n  --tw-translate-y: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] {\n  --tw-translate-x: var(--radix-toast-swipe-end-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] {\n  --tw-translate-x: var(--radix-toast-swipe-move-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n\n  to {\n    height: 0;\n  }\n}\n\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] {\n  animation: .2s ease-out accordion-up;\n}\n\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] {\n  animation: .2s ease-out accordion-down;\n}\n\n.data-\\[disabled\\]\\:cursor-not-allowed[data-disabled] {\n  cursor: not-allowed;\n}\n\n.data-\\[state\\=checked\\]\\:border-blue-700[data-state=\"checked\"] {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-blue-700) / var(--tw-border-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-blue-700[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-gray-50[data-state=\"checked\"], .data-\\[selected\\=true\\]\\:bg-gray-50[data-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[disabled\\]\\:data-\\[state\\=unchecked\\]\\:bg-gray-300[data-state=\"unchecked\"][data-disabled] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-white[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=selected\\]\\:bg-gray-50[data-state=\"selected\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:bg-white[data-state=\"active\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:font-semibold[data-state=\"active\"] {\n  font-weight: 600;\n}\n\n.data-\\[state\\=active\\]\\:text-gray-1000[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.data-\\[state\\=active\\]\\:text-blue-700[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.data-\\[disabled\\]\\:opacity-40[data-disabled] {\n  opacity: .4;\n}\n\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: .5;\n}\n\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] {\n  transition-property: none;\n}\n\n.data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"] {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] {\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n  animation-name: exit;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] {\n  --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n  --tw-enter-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] {\n  --tw-exit-opacity: .8;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out[data-state=\"closed\"] {\n  --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] {\n  --tw-exit-scale: .95;\n}\n\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] {\n  --tw-enter-scale: .95;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=\"closed\"] {\n  --tw-exit-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=\"open\"] {\n  --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-bottom-\\[100\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: 100%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom-\\[100\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: 100%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-left-\\[50\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-\\[50\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-x: -50%;\n}\n\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n  --tw-enter-translate-y: -.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n  --tw-enter-translate-x: .5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n  --tw-enter-translate-x: -.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n  --tw-enter-translate-y: .5rem;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] {\n  --tw-enter-translate-y: -100%;\n}\n\n.group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.group[data-state=\"checked\"] .group-data-\\[state\\=checked\\]\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:opacity-50 {\n  opacity: .5;\n}\n\n@media not all and (min-width: 640px) {\n  .max-sm\\:gap-4 {\n    gap: 1rem;\n  }\n\n  .max-sm\\:p-4 {\n    padding: 1rem;\n  }\n}\n\n@media (min-width: 640px) {\n  .sm\\:mt-0 {\n    margin-top: 0;\n  }\n\n  .sm\\:w-1\\/2 {\n    width: 50%;\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:flex-col {\n    flex-direction: column;\n  }\n\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .sm\\:justify-center {\n    justify-content: center;\n  }\n\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n\n  .sm\\:rounded-xl {\n    border-radius: .75rem;\n  }\n\n  .sm\\:text-left {\n    text-align: left;\n  }\n\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] {\n    --tw-enter-translate-y: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:w-screen {\n    width: 100vw;\n  }\n\n  .md\\:w-\\[334px\\] {\n    width: 334px;\n  }\n\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:max-w-\\[420px\\] {\n    max-width: 420px;\n  }\n}\n\n.\\[\\&\\>svg\\]\\:h-\\[18px\\] > svg {\n  height: 18px;\n}\n\n.\\[\\&\\>svg\\]\\:w-\\[18px\\] > svg {\n  width: 18px;\n}\n\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-blue-100:has([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child {\n  border-top-left-radius: .375rem;\n  border-bottom-left-radius: .375rem;\n}\n\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child {\n  border-top-right-radius: .375rem;\n  border-bottom-right-radius: .375rem;\n}\n\n.\\[\\&\\:not\\(\\[aria-selected\\]\\)\\]\\:hover\\:bg-gray-100:hover:not([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-sm [cmdk-group-heading] {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] {\n  font-weight: 500;\n}\n\n.\\[\\&_tr\\]\\:border-b tr {\n  border-bottom-width: 1px;\n}\n\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n  border-width: 0;\n}\n\n.\\[\\&_tr\\:hover\\]\\:bg-gray-25 tr:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:active\\]\\:bg-gray-50 tr:active, .\\[\\&_tr\\:hover\\:active\\]\\:bg-gray-50 tr:hover:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n  padding-right: 0;\n}\n\n.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n  --tw-translate-y: 2px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n";
+$1e2747ca72d0ab49$exports = "*, :before, :after, ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #93c5fd80;\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n\n.sr-only {\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n\n.bottom-2 {\n  bottom: .5rem;\n}\n\n.bottom-4 {\n  bottom: 1rem;\n}\n\n.left-1 {\n  left: .25rem;\n}\n\n.left-1\\/2, .left-\\[50\\%\\] {\n  left: 50%;\n}\n\n.right-0 {\n  right: 0;\n}\n\n.right-1 {\n  right: .25rem;\n}\n\n.right-2 {\n  right: .5rem;\n}\n\n.right-6 {\n  right: 1.5rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.top-2 {\n  top: .5rem;\n}\n\n.top-6 {\n  top: 1.5rem;\n}\n\n.top-8 {\n  top: 2rem;\n}\n\n.top-\\[50\\%\\] {\n  top: 50%;\n}\n\n.top-auto {\n  top: auto;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.z-\\[100\\] {\n  z-index: 100;\n}\n\n.z-\\[150\\] {\n  z-index: 150;\n}\n\n.-mx-1 {\n  margin-left: -.25rem;\n  margin-right: -.25rem;\n}\n\n.mx-1 {\n  margin-left: .25rem;\n  margin-right: .25rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.my-1 {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.-mr-2 {\n  margin-right: -.5rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-\\[9px\\] {\n  margin-bottom: 9px;\n}\n\n.ml-1 {\n  margin-left: .25rem;\n}\n\n.mr-2 {\n  margin-right: .5rem;\n}\n\n.mr-2\\.5 {\n  margin-right: .625rem;\n}\n\n.mt-1 {\n  margin-top: .25rem;\n}\n\n.mt-2 {\n  margin-top: .5rem;\n}\n\n.box-border {\n  box-sizing: border-box;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-1\\/3 {\n  height: 33.3333%;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-14 {\n  height: 3.5rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-3 {\n  height: .75rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-8 {\n  height: 2rem;\n}\n\n.h-9 {\n  height: 2.25rem;\n}\n\n.h-\\[100px\\] {\n  height: 100px;\n}\n\n.h-\\[150px\\] {\n  height: 150px;\n}\n\n.h-\\[16px\\] {\n  height: 16px;\n}\n\n.h-\\[1px\\] {\n  height: 1px;\n}\n\n.h-\\[200px\\] {\n  height: 200px;\n}\n\n.h-\\[24px\\] {\n  height: 24px;\n}\n\n.h-\\[36px\\] {\n  height: 36px;\n}\n\n.h-\\[384px\\] {\n  height: 384px;\n}\n\n.h-\\[40px\\] {\n  height: 40px;\n}\n\n.h-\\[45px\\] {\n  height: 45px;\n}\n\n.h-\\[72px\\] {\n  height: 72px;\n}\n\n.h-\\[8px\\] {\n  height: 8px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.h-px {\n  height: 1px;\n}\n\n.h-screen {\n  height: 100vh;\n}\n\n.max-h-\\[180px\\] {\n  max-height: 180px;\n}\n\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n\n.max-h-\\[70px\\] {\n  max-height: 70px;\n}\n\n.max-h-\\[90\\%\\] {\n  max-height: 90%;\n}\n\n.max-h-\\[90vh\\] {\n  max-height: 90vh;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.max-h-screen {\n  max-height: 100vh;\n}\n\n.min-h-0 {\n  min-height: 0;\n}\n\n.min-h-9 {\n  min-height: 2.25rem;\n}\n\n.min-h-\\[80px\\] {\n  min-height: 80px;\n}\n\n.w-0 {\n  width: 0;\n}\n\n.w-1\\/3 {\n  width: 33.3333%;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-3 {\n  width: .75rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.w-72 {\n  width: 18rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-\\[100px\\] {\n  width: 100px;\n}\n\n.w-\\[130px\\] {\n  width: 130px;\n}\n\n.w-\\[16px\\] {\n  width: 16px;\n}\n\n.w-\\[1px\\] {\n  width: 1px;\n}\n\n.w-\\[24px\\] {\n  width: 24px;\n}\n\n.w-\\[334px\\] {\n  width: 334px;\n}\n\n.w-\\[36px\\] {\n  width: 36px;\n}\n\n.w-\\[42px\\] {\n  width: 42px;\n}\n\n.w-\\[45px\\] {\n  width: 45px;\n}\n\n.w-\\[50\\%\\] {\n  width: 50%;\n}\n\n.w-\\[72px\\] {\n  width: 72px;\n}\n\n.w-\\[8px\\] {\n  width: 8px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-max {\n  width: max-content;\n}\n\n.min-w-0 {\n  min-width: 0;\n}\n\n.min-w-\\[120px\\] {\n  min-width: 120px;\n}\n\n.min-w-\\[144px\\] {\n  min-width: 144px;\n}\n\n.min-w-\\[24px\\] {\n  min-width: 24px;\n}\n\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n\n.min-w-full {\n  min-width: 100%;\n}\n\n.max-w-\\[1110px\\] {\n  max-width: 1110px;\n}\n\n.max-w-\\[350px\\] {\n  max-width: 350px;\n}\n\n.max-w-\\[400px\\] {\n  max-width: 400px;\n}\n\n.max-w-\\[500px\\] {\n  max-width: 500px;\n}\n\n.max-w-\\[70px\\] {\n  max-width: 70px;\n}\n\n.max-w-\\[90\\%\\] {\n  max-width: 90%;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.flex-1 {\n  flex: 1;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.shrink {\n  flex-shrink: 1;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow, .grow {\n  flex-grow: 1;\n}\n\n.grow-0 {\n  flex-grow: 0;\n}\n\n.caption-bottom {\n  caption-side: bottom;\n}\n\n.border-collapse {\n  border-collapse: collapse;\n}\n\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0\\.5 {\n  --tw-translate-x: .125rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-x-\\[-1\\] {\n  --tw-scale-x: -1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: 1s linear infinite spin;\n}\n\n.cursor-default {\n  cursor: default;\n}\n\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.select-none {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.resize {\n  resize: both;\n}\n\n.appearance-none {\n  appearance: none;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: .25rem;\n}\n\n.gap-1\\.5 {\n  gap: .375rem;\n}\n\n.gap-2 {\n  gap: .5rem;\n}\n\n.gap-2\\.5 {\n  gap: .625rem;\n}\n\n.gap-3 {\n  gap: .75rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.gap-\\[10px\\] {\n  gap: 10px;\n}\n\n.gap-\\[20px\\] {\n  gap: 20px;\n}\n\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(.25rem * var(--tw-space-x-reverse));\n  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-visible {\n  overflow: visible;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.whitespace-pre-line {\n  white-space: pre-line;\n}\n\n.\\!rounded-md {\n  border-radius: .375rem !important;\n}\n\n.rounded {\n  border-radius: .25rem;\n}\n\n.rounded-2xl {\n  border-radius: 1rem;\n}\n\n.rounded-\\[10px\\] {\n  border-radius: 10px;\n}\n\n.rounded-\\[3px\\] {\n  border-radius: 3px;\n}\n\n.rounded-\\[4px\\] {\n  border-radius: 4px;\n}\n\n.rounded-\\[50\\%\\] {\n  border-radius: 50%;\n}\n\n.rounded-\\[64px\\] {\n  border-radius: 64px;\n}\n\n.rounded-\\[6px\\] {\n  border-radius: 6px;\n}\n\n.rounded-\\[8px\\] {\n  border-radius: 8px;\n}\n\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: .5rem;\n}\n\n.rounded-md {\n  border-radius: .375rem;\n}\n\n.rounded-xl {\n  border-radius: .75rem;\n}\n\n.rounded-t-3xl {\n  border-top-left-radius: 1.5rem;\n  border-top-right-radius: 1.5rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-0 {\n  border-width: 0;\n}\n\n.border-2, .border-\\[2px\\] {\n  border-width: 2px;\n}\n\n.border-\\[3px\\] {\n  border-width: 3px;\n}\n\n.border-\\[4px\\] {\n  border-width: 4px;\n}\n\n.border-\\[5px\\] {\n  border-width: 5px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-l {\n  border-left-width: 1px;\n}\n\n.border-r {\n  border-right-width: 1px;\n}\n\n.border-\\[white\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-amber-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-amber-700) / var(--tw-border-opacity));\n}\n\n.border-gray-1000 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-1000) / var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.border-gray-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));\n}\n\n.border-red-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: #0000;\n}\n\n.border-white {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-b-red-700 {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-l-red-700 {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.\\!bg-transparent {\n  background-color: #0000 !important;\n}\n\n.bg-\\[\\#171717\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#242424\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 36 36 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#ff0000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 0 0 / var(--tw-bg-opacity));\n}\n\n.bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-100) / var(--tw-bg-opacity));\n}\n\n.bg-amber-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));\n}\n\n.bg-amber-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.bg-black\\/25 {\n  background-color: #00000040;\n}\n\n.bg-black\\/\\[\\.6\\] {\n  background-color: #0009;\n}\n\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-300) / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.bg-bronze-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-100) / var(--tw-bg-opacity));\n}\n\n.bg-brown-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-100) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-300) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-100) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-300) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.bg-gold-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-300) / var(--tw-bg-opacity));\n}\n\n.bg-grass-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-1000) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000\\/25 {\n  background-color: rgb(var(--color-gray-1000) / .25);\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.bg-gray-25 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.bg-gray-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-100) / var(--tw-bg-opacity));\n}\n\n.bg-green-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-300) / var(--tw-bg-opacity));\n}\n\n.bg-green-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.bg-indigo-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-300) / var(--tw-bg-opacity));\n}\n\n.bg-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-300) / var(--tw-bg-opacity));\n}\n\n.bg-orange-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-100) / var(--tw-bg-opacity));\n}\n\n.bg-orange-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-700) / var(--tw-bg-opacity));\n}\n\n.bg-plum-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-300) / var(--tw-bg-opacity));\n}\n\n.bg-purple-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-300) / var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.bg-red-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-300) / var(--tw-bg-opacity));\n}\n\n.bg-red-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.bg-teal-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-100) / var(--tw-bg-opacity));\n}\n\n.bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-300) / var(--tw-bg-opacity));\n}\n\n.bg-teal-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: #0000;\n}\n\n.bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-100) / var(--tw-bg-opacity));\n}\n\n.bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-300) / var(--tw-bg-opacity));\n}\n\n.bg-violet-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-300) / var(--tw-bg-opacity));\n}\n\n.bg-\\[url\\(\\'https\\:\\/\\/cdn\\.snapcall\\.io\\/img\\/assist\\/gradient-bg\\.jpg\\'\\)\\] {\n  background-image: url(\"https://cdn.snapcall.io/img/assist/gradient-bg.jpg\");\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.object-contain {\n  object-fit: contain;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-0 {\n  padding: 0;\n}\n\n.p-1 {\n  padding: .25rem;\n}\n\n.p-1\\.5 {\n  padding: .375rem;\n}\n\n.p-2 {\n  padding: .5rem;\n}\n\n.p-2\\.5 {\n  padding: .625rem;\n}\n\n.p-3 {\n  padding: .75rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-\\[11px\\] {\n  padding: 11px;\n}\n\n.px-2 {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.px-2\\.5 {\n  padding-left: .625rem;\n  padding-right: .625rem;\n}\n\n.px-3 {\n  padding-left: .75rem;\n  padding-right: .75rem;\n}\n\n.px-3\\.5 {\n  padding-left: .875rem;\n  padding-right: .875rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-\\[60px\\] {\n  padding-left: 60px;\n  padding-right: 60px;\n}\n\n.py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.py-0\\.5 {\n  padding-top: .125rem;\n  padding-bottom: .125rem;\n}\n\n.py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n.py-1\\.5 {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.py-2\\.5 {\n  padding-top: .625rem;\n  padding-bottom: .625rem;\n}\n\n.py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.pb-2 {\n  padding-bottom: .5rem;\n}\n\n.pb-\\[20px\\] {\n  padding-bottom: 20px;\n}\n\n.pb-\\[9px\\] {\n  padding-bottom: 9px;\n}\n\n.pl-2 {\n  padding-left: .5rem;\n}\n\n.pl-2\\.5 {\n  padding-left: .625rem;\n}\n\n.pl-4 {\n  padding-left: 1rem;\n}\n\n.pr-2 {\n  padding-right: .5rem;\n}\n\n.pr-3 {\n  padding-right: .75rem;\n}\n\n.pr-3\\.5 {\n  padding-right: .875rem;\n}\n\n.pt-1 {\n  padding-top: .25rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.align-middle {\n  vertical-align: middle;\n}\n\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n\n.text-\\[112px\\] {\n  font-size: 112px;\n}\n\n.text-\\[30px\\] {\n  font-size: 30px;\n}\n\n.text-lg {\n  letter-spacing: -.02em;\n  font-size: 18px;\n  line-height: 22px;\n}\n\n.text-md {\n  letter-spacing: -.02em;\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.text-sm {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.text-xs {\n  letter-spacing: -.02em;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-normal {\n  font-weight: 400;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.leading-\\[20px\\] {\n  line-height: 20px;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.text-\\[\\#707070\\] {\n  --tw-text-opacity: 1;\n  color: rgb(112 112 112 / var(--tw-text-opacity));\n}\n\n.text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-amber-700) / var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.text-bronze-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-bronze-700) / var(--tw-text-opacity));\n}\n\n.text-brown-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-brown-700) / var(--tw-text-opacity));\n}\n\n.text-crimson-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-crimson-700) / var(--tw-text-opacity));\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-cyan-700) / var(--tw-text-opacity));\n}\n\n.text-gold-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gold-700) / var(--tw-text-opacity));\n}\n\n.text-grass-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-grass-700) / var(--tw-text-opacity));\n}\n\n.text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-100) / var(--tw-text-opacity));\n}\n\n.text-gray-1000 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-green-700) / var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-indigo-700) / var(--tw-text-opacity));\n}\n\n.text-lime-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-lime-700) / var(--tw-text-opacity));\n}\n\n.text-orange-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-orange-700) / var(--tw-text-opacity));\n}\n\n.text-plum-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-plum-700) / var(--tw-text-opacity));\n}\n\n.text-primary {\n  --tw-text-opacity: 1;\n  color: rgb(29 28 32 / var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-purple-700) / var(--tw-text-opacity));\n}\n\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-red-700) / var(--tw-text-opacity));\n}\n\n.text-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-teal-700) / var(--tw-text-opacity));\n}\n\n.text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-violet-700) / var(--tw-text-opacity));\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-white\\/80 {\n  color: #fffc;\n}\n\n.text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-yellow-700) / var(--tw-text-opacity));\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.underline-offset-8 {\n  text-underline-offset: 8px;\n}\n\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.opacity-50 {\n  opacity: .5;\n}\n\n.shadow-dropdown-sm {\n  --tw-shadow: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #1018281a;\n  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-4 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n\n.ring-amber-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-amber-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-700 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.ring-brown-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-brown-300) / var(--tw-ring-opacity));\n}\n\n.ring-crimson-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-crimson-300) / var(--tw-ring-opacity));\n}\n\n.ring-cyan-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-cyan-300) / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));\n}\n\n.ring-green-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-green-300) / var(--tw-ring-opacity));\n}\n\n.ring-orange-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-orange-300) / var(--tw-ring-opacity));\n}\n\n.ring-red-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-300) / var(--tw-ring-opacity));\n}\n\n.ring-teal-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-teal-300) / var(--tw-ring-opacity));\n}\n\n.ring-violet-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-violet-300) / var(--tw-ring-opacity));\n}\n\n.ring-white {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));\n}\n\n.ring-white\\/20 {\n  --tw-ring-color: #fff3;\n}\n\n.ring-offset-0 {\n  --tw-ring-offset-width: 0px;\n}\n\n.ring-offset-white {\n  --tw-ring-offset-color: #fff;\n}\n\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.backdrop-blur-\\[30px\\] {\n  --tw-backdrop-blur: blur(30px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-transform {\n  transition-property: transform;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-1000 {\n  transition-duration: 1s;\n}\n\n.duration-200 {\n  transition-duration: .2s;\n}\n\n.duration-300 {\n  transition-duration: .3s;\n}\n\n.ease-linear {\n  transition-timing-function: linear;\n}\n\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.will-change-transform {\n  will-change: transform;\n}\n\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n\n.animate-in {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.fade-in, .fade-in-0 {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.zoom-in-95 {\n  --tw-enter-scale: .95;\n}\n\n.duration-1000 {\n  animation-duration: 1s;\n}\n\n.duration-200 {\n  animation-duration: .2s;\n}\n\n.duration-300 {\n  animation-duration: .3s;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\n}\n\n.ease-out {\n  animation-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.paused {\n  animation-play-state: paused;\n}\n\n.inter {\n  font-family: Inter, sans-serif;\n}\n\n@supports (font-variation-settings: normal) {\n  .inter {\n    font-family: Inter var, sans-serif;\n  }\n}\n\n.placeholder\\:text-gray-700::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-900::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.focus-within\\:relative:focus-within {\n  position: relative;\n}\n\n.focus-within\\:z-20:focus-within {\n  z-index: 20;\n}\n\n.focus-within\\:border-gray-200:focus-within {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.focus-within\\:bg-gray-100:focus-within {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus-within\\:outline:focus-within {\n  outline-style: solid;\n}\n\n.focus-within\\:outline-\\[2px\\]:focus-within {\n  outline-width: 2px;\n}\n\n.focus-within\\:outline-offset-\\[2px\\]:focus-within {\n  outline-offset: 2px;\n}\n\n.focus-within\\:outline-blue-300:focus-within {\n  outline-color: rgb(var(--color-blue-300) / 1);\n}\n\n.focus-within\\:outline-red-700:focus-within {\n  outline-color: rgb(var(--color-red-700) / 1);\n}\n\n.hover\\:bg-\\[\\#292929\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:text-blue-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.focus\\:bg-gray-100:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus\\:outline-none:focus {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus\\:ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-blue-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-blue-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-gray-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n\n.active\\:bg-\\[\\#292929\\]:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-900) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-500:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-900) / var(--tw-bg-opacity));\n}\n\n.active\\:text-blue-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.active\\:text-blue-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-900) / var(--tw-text-opacity));\n}\n\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:opacity-40:disabled {\n  opacity: .4;\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: .5;\n}\n\n.group:focus-within .group-focus-within\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group:active .group-active\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.peer:disabled ~ .peer-disabled\\:opacity-70 {\n  opacity: .7;\n}\n\n.aria-selected\\:bg-blue-100[aria-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.aria-selected\\:text-blue-700[aria-selected=\"true\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.aria-selected\\:opacity-100[aria-selected=\"true\"] {\n  opacity: 1;\n}\n\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] {\n  --tw-translate-y: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] {\n  --tw-translate-x: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] {\n  --tw-translate-x: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] {\n  --tw-translate-y: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] {\n  --tw-translate-x: var(--radix-toast-swipe-end-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] {\n  --tw-translate-x: var(--radix-toast-swipe-move-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n\n  to {\n    height: 0;\n  }\n}\n\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] {\n  animation: .2s ease-out accordion-up;\n}\n\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] {\n  animation: .2s ease-out accordion-down;\n}\n\n.data-\\[disabled\\]\\:cursor-not-allowed[data-disabled] {\n  cursor: not-allowed;\n}\n\n.data-\\[state\\=checked\\]\\:border-blue-700[data-state=\"checked\"] {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-blue-700) / var(--tw-border-opacity));\n}\n\n.data-\\[disabled\\]\\:data-\\[state\\=unchecked\\]\\:bg-gray-300[data-state=\"unchecked\"][data-disabled] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.data-\\[selected\\=true\\]\\:bg-gray-50[data-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-amber-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-blue-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-bronze-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-brown-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-crimson-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-cyan-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-gold-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-grass-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-gray-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-green-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-indigo-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-lime-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-plum-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-purple-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-red-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-teal-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-violet-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-yellow-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:bg-white[data-state=\"active\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-blue-700[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-gray-50[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-white[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=selected\\]\\:bg-gray-50[data-state=\"selected\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:font-semibold[data-state=\"active\"] {\n  font-weight: 600;\n}\n\n.data-\\[state\\=active\\]\\:text-blue-700[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.data-\\[state\\=active\\]\\:text-gray-1000[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.data-\\[disabled\\]\\:opacity-40[data-disabled] {\n  opacity: .4;\n}\n\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: .5;\n}\n\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] {\n  transition-property: none;\n}\n\n.data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"] {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] {\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n  animation-name: exit;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] {\n  --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] {\n  --tw-exit-opacity: .8;\n}\n\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n  --tw-enter-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] {\n  --tw-exit-scale: .95;\n}\n\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] {\n  --tw-enter-scale: .95;\n}\n\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n  --tw-enter-translate-y: -.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n  --tw-enter-translate-x: .5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n  --tw-enter-translate-x: -.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n  --tw-enter-translate-y: .5rem;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom-\\[100\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: 100%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:slide-out-to-left-\\[50\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-bottom-\\[100\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: 100%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=\"open\"], .data-\\[state\\=open\\]\\:slide-in-from-left-\\[50\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] {\n  --tw-enter-translate-y: -100%;\n}\n\n.group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.group[data-state=\"checked\"] .group-data-\\[state\\=checked\\]\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:opacity-50 {\n  opacity: .5;\n}\n\n@media not all and (width >= 640px) {\n  .max-sm\\:gap-4 {\n    gap: 1rem;\n  }\n\n  .max-sm\\:p-4 {\n    padding: 1rem;\n  }\n}\n\n@media (width >= 640px) {\n  .sm\\:mt-0 {\n    margin-top: 0;\n  }\n\n  .sm\\:w-1\\/2 {\n    width: 50%;\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:flex-col {\n    flex-direction: column;\n  }\n\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .sm\\:justify-center {\n    justify-content: center;\n  }\n\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] {\n    --tw-enter-translate-y: 100%;\n  }\n}\n\n@media (width >= 768px) {\n  .md\\:w-\\[334px\\] {\n    width: 334px;\n  }\n\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:w-screen {\n    width: 100vw;\n  }\n\n  .md\\:max-w-\\[420px\\] {\n    max-width: 420px;\n  }\n}\n\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-blue-100:has([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child {\n  border-top-left-radius: .375rem;\n  border-bottom-left-radius: .375rem;\n}\n\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child {\n  border-top-right-radius: .375rem;\n  border-bottom-right-radius: .375rem;\n}\n\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n  padding-right: 0;\n}\n\n.\\[\\&\\:not\\(\\[aria-selected\\]\\)\\]\\:hover\\:bg-gray-100:hover:not([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n  --tw-translate-y: 2px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.\\[\\&\\>svg\\]\\:h-\\[18px\\] > svg {\n  height: 18px;\n}\n\n.\\[\\&\\>svg\\]\\:w-\\[18px\\] > svg {\n  width: 18px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-sm [cmdk-group-heading] {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] {\n  font-weight: 500;\n}\n\n.\\[\\&_tr\\:active\\]\\:bg-gray-50 tr:active, .\\[\\&_tr\\:hover\\:active\\]\\:bg-gray-50 tr:hover:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:hover\\]\\:bg-gray-25 tr:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n  border-width: 0;\n}\n\n.\\[\\&_tr\\]\\:border-b tr {\n  border-bottom-width: 1px;\n}\n\n";
+
 
+var $9554d945ad3f220e$exports = {};
+$9554d945ad3f220e$exports = "* {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n}\n\n:root {\n  --color-gray-25: 252 252 252;\n  --color-gray-50: 247 247 247;\n  --color-gray-100: 242 242 242;\n  --color-gray-200: 237 237 237;\n  --color-gray-300: 232 232 232;\n  --color-gray-400: 227 227 227;\n  --color-gray-500: 219 219 219;\n  --color-gray-600: 199 199 199;\n  --color-gray-700: 143 143 143;\n  --color-gray-800: 133 133 133;\n  --color-gray-900: 112 112 112;\n  --color-gray-1000: 23 23 23;\n  --color-blue-25: 250 252 255;\n  --color-blue-50: 245 249 255;\n  --color-blue-100: 240 246 255;\n  --color-blue-200: 215 231 254;\n  --color-blue-300: 199 222 255;\n  --color-blue-400: 184 213 255;\n  --color-blue-500: 133 184 255;\n  --color-blue-600: 87 157 255;\n  --color-blue-700: 0 106 255;\n  --color-blue-800: 0 91 219;\n  --color-blue-900: 0 77 184;\n  --color-blue-1000: 0 34 82;\n  --color-red-25: 255 250 250;\n  --color-red-50: 255 250 250;\n  --color-red-100: 255 240 240;\n  --color-red-200: 255 229 229;\n  --color-red-300: 253 216 216;\n  --color-red-400: 249 200 200;\n  --color-red-500: 243 175 176;\n  --color-red-600: 234 143 144;\n  --color-red-700: 229 72 77;\n  --color-red-800: 219 61 66;\n  --color-red-900: 206 44 49;\n  --color-red-1000: 57 20 23;\n  --color-amber-25: 255 252 246;\n  --color-amber-50: 255 250 242;\n  --color-amber-100: 255 249 237;\n  --color-amber-200: 255 243 222;\n  --color-amber-300: 255 239 209;\n  --color-amber-400: 255 232 189;\n  --color-amber-500: 255 221 159;\n  --color-amber-600: 255 207 119;\n  --color-amber-700: 255 178 36;\n  --color-amber-800: 249 167 16;\n  --color-amber-900: 228 152 12;\n  --color-amber-1000: 78 32 9;\n  --color-green-25: 251 254 252;\n  --color-green-50: 243 252 245;\n  --color-green-100: 235 250 240;\n  --color-green-200: 221 243 228;\n  --color-green-300: 204 235 215;\n  --color-green-400: 180 223 196;\n  --color-green-500: 146 206 172;\n  --color-green-600: 91 185 139;\n  --color-green-700: 48 166 109;\n  --color-green-800: 42 152 101;\n  --color-green-900: 24 119 76;\n  --color-green-1000: 21 50 38;\n  --color-tomato-25: 255 250 250;\n  --color-tomato-50: 255 246 245;\n  --color-tomato-100: 255 241 240;\n  --color-tomato-200: 255 228 224;\n  --color-tomato-300: 253 216 211;\n  --color-tomato-400: 250 198 189;\n  --color-tomato-500: 243 174 160;\n  --color-tomato-600: 234 146 128;\n  --color-tomato-700: 229 77 46;\n  --color-tomato-800: 219 66 36;\n  --color-tomato-900: 204 51 20;\n  --color-tomato-1000: 54 24 17;\n  --color-crimson-25: 255 250 252;\n  --color-crimson-50: 255 245 250;\n  --color-crimson-100: 254 241 247;\n  --color-crimson-200: 252 228 239;\n  --color-crimson-300: 249 215 230;\n  --color-crimson-400: 244 199 220;\n  --color-crimson-500: 237 171 199;\n  --color-crimson-600: 229 143 178;\n  --color-crimson-700: 234 62 131;\n  --color-crimson-800: 225 51 120;\n  --color-crimson-900: 210 30 102;\n  --color-crimson-1000: 63 13 30;\n  --color-pink-25: 255 250 253;\n  --color-pink-50: 255 245 251;\n  --color-pink-100: 254 236 247;\n  --color-pink-200: 252 228 243;\n  --color-pink-300: 249 215 235;\n  --color-pink-400: 243 196 225;\n  --color-pink-500: 236 172 211;\n  --color-pink-600: 226 141 194;\n  --color-pink-700: 215 66 160;\n  --color-pink-800: 210 50 151;\n  --color-pink-900: 205 29 141;\n  --color-pink-1000: 61 10 43;\n  --color-plum-25: 253 250 255;\n  --color-plum-50: 255 250 255;\n  --color-plum-100: 252 238 252;\n  --color-plum-200: 249 230 249;\n  --color-plum-300: 243 215 244;\n  --color-plum-400: 236 201 238;\n  --color-plum-500: 223 176 227;\n  --color-plum-600: 207 146 217;\n  --color-plum-700: 171 74 186;\n  --color-plum-800: 164 60 180;\n  --color-plum-900: 154 43 171;\n  --color-plum-1000: 52 12 59;\n  --color-purple-25: 254 251 254;\n  --color-purple-50: 253 250 255;\n  --color-purple-100: 249 241 254;\n  --color-purple-200: 244 232 252;\n  --color-purple-300: 237 220 249;\n  --color-purple-400: 228 205 244;\n  --color-purple-500: 212 181 237;\n  --color-purple-600: 191 149 228;\n  --color-purple-700: 142 78 198;\n  --color-purple-800: 131 68 187;\n  --color-purple-900: 121 59 176;\n  --color-purple-1000: 43 14 68;\n  --color-violet-25: 252 251 254;\n  --color-violet-50: 251 250 255;\n  --color-violet-100: 243 240 255;\n  --color-violet-200: 235 231 254;\n  --color-violet-300: 228 222 252;\n  --color-violet-400: 213 205 249;\n  --color-violet-500: 197 185 243;\n  --color-violet-600: 168 152 236;\n  --color-violet-700: 109 84 207;\n  --color-violet-800: 99 78 193;\n  --color-violet-900: 87 70 175;\n  --color-violet-1000: 31 18 73;\n  --color-indigo-25: 252 252 253;\n  --color-indigo-50: 250 251 255;\n  --color-indigo-100: 240 244 255;\n  --color-indigo-200: 231 237 254;\n  --color-indigo-300: 217 226 252;\n  --color-indigo-400: 200 213 249;\n  --color-indigo-500: 173 191 245;\n  --color-indigo-600: 143 166 239;\n  --color-indigo-700: 60 97 221;\n  --color-indigo-800: 56 91 204;\n  --color-indigo-900: 52 81 178;\n  --color-indigo-1000: 16 29 71;\n  --color-cyan-25: 251 253 254;\n  --color-cyan-50: 242 252 253;\n  --color-cyan-100: 233 249 251;\n  --color-cyan-200: 218 244 247;\n  --color-cyan-300: 195 233 239;\n  --color-cyan-400: 168 222 230;\n  --color-cyan-500: 133 206 219;\n  --color-cyan-600: 63 185 207;\n  --color-cyan-700: 5 162 194;\n  --color-cyan-800: 8 149 180;\n  --color-cyan-900: 12 119 146;\n  --color-cyan-1000: 4 50 62;\n  --color-teal-25: 251 254 253;\n  --color-teal-50: 242 252 250;\n  --color-teal-100: 231 249 245;\n  --color-teal-200: 216 243 237;\n  --color-teal-300: 199 235 229;\n  --color-teal-400: 175 223 215;\n  --color-teal-500: 141 206 195;\n  --color-teal-600: 85 185 172;\n  --color-teal-700: 18 165 148;\n  --color-teal-800: 14 154 138;\n  --color-teal-900: 6 122 110;\n  --color-teal-1000: 17 50 45;\n  --color-grass-25: 251 254 251;\n  --color-grass-50: 243 252 243;\n  --color-grass-100: 235 249 235;\n  --color-grass-200: 222 242 222;\n  --color-grass-300: 204 234 205;\n  --color-grass-400: 185 223 188;\n  --color-grass-500: 150 207 155;\n  --color-grass-600: 100 185 116;\n  --color-grass-700: 69 165 87;\n  --color-grass-800: 61 153 79;\n  --color-grass-900: 41 122 58;\n  --color-grass-1000: 27 49 30;\n  --color-brown-25: 254 252 251;\n  --color-brown-50: 252 250 247;\n  --color-brown-100: 249 242 236;\n  --color-brown-200: 244 232 220;\n  --color-brown-300: 239 221 205;\n  --color-brown-400: 232 205 181;\n  --color-brown-500: 221 185 151;\n  --color-brown-600: 208 158 113;\n  --color-brown-700: 173 127 88;\n  --color-brown-800: 162 118 83;\n  --color-brown-900: 136 99 73;\n  --color-brown-1000: 63 44 34;\n  --color-orange-25: 254 252 251;\n  --color-orange-50: 254 249 246;\n  --color-orange-100: 255 240 229;\n  --color-orange-200: 255 232 214;\n  --color-orange-300: 255 219 194;\n  --color-orange-400: 255 204 168;\n  --color-orange-500: 255 178 128;\n  --color-orange-600: 250 146 76;\n  --color-orange-700: 247 104 8;\n  --color-orange-800: 235 94 0;\n  --color-orange-900: 189 75 0;\n  --color-orange-1000: 69 30 17;\n  --color-sky-25: 250 254 255;\n  --color-sky-50: 240 252 255;\n  --color-sky-100: 229 249 255;\n  --color-sky-200: 211 243 253;\n  --color-sky-300: 195 236 249;\n  --color-sky-400: 162 222 241;\n  --color-sky-500: 123 208 234;\n  --color-sky-600: 46 190 229;\n  --color-sky-700: 104 221 253;\n  --color-sky-800: 93 211 244;\n  --color-sky-900: 0 122 163;\n  --color-sky-1000: 0 50 66;\n  --color-mint-25: 251 254 254;\n  --color-mint-50: 241 254 250;\n  --color-mint-100: 224 251 243;\n  --color-mint-200: 212 247 238;\n  --color-mint-300: 194 239 228;\n  --color-mint-400: 165 228 212;\n  --color-mint-500: 125 212 191;\n  --color-mint-600: 64 196 170;\n  --color-mint-700: 112 225 200;\n  --color-mint-800: 104 217 193;\n  --color-mint-900: 20 123 109;\n  --color-mint-1000: 9 52 46;\n  --color-lime-25: 253 254 251;\n  --color-lime-50: 246 252 238;\n  --color-lime-100: 238 250 219;\n  --color-lime-200: 227 247 197;\n  --color-lime-300: 215 242 176;\n  --color-lime-400: 202 233 150;\n  --color-lime-500: 177 209 107;\n  --color-lime-600: 148 186 44;\n  --color-lime-700: 153 213 42;\n  --color-lime-800: 147 201 38;\n  --color-lime-900: 93 119 13;\n  --color-lime-1000: 39 52 9;\n  --color-yellow-25: 252 252 247;\n  --color-yellow-50: 255 252 229;\n  --color-yellow-100: 255 251 209;\n  --color-yellow-200: 255 248 189;\n  --color-yellow-300: 254 242 164;\n  --color-yellow-400: 249 231 139;\n  --color-yellow-500: 239 210 108;\n  --color-yellow-600: 245 217 10;\n  --color-yellow-700: 235 188 0;\n  --color-yellow-800: 245 204 0;\n  --color-yellow-900: 148 104 0;\n  --color-yellow-1000: 52 40 15;\n  --color-gold-25: 253 253 252;\n  --color-gold-50: 251 250 243;\n  --color-gold-100: 246 243 234;\n  --color-gold-200: 238 234 221;\n  --color-gold-300: 230 224 209;\n  --color-gold-400: 218 209 190;\n  --color-gold-500: 203 189 164;\n  --color-gold-600: 184 163 132;\n  --color-gold-700: 150 130 100;\n  --color-gold-800: 141 122 94;\n  --color-gold-900: 119 103 80;\n  --color-gold-1000: 59 53 43;\n  --color-bronze-25: 253 252 252;\n  --color-bronze-50: 253 248 247;\n  --color-bronze-100: 248 240 237;\n  --color-bronze-200: 242 232 227;\n  --color-bronze-300: 234 221 215;\n  --color-bronze-400: 224 206 199;\n  --color-bronze-500: 208 184 175;\n  --color-bronze-600: 190 159 147;\n  --color-bronze-700: 161 128 114;\n  --color-bronze-800: 150 118 105;\n  --color-bronze-900: 132 99 88;\n  --color-bronze-1000: 68 49 44;\n}\n\n.dark-theme {\n  --color-gray-25: 23 23 23;\n  --color-gray-50: 28 28 28;\n  --color-gray-100: 36 36 36;\n  --color-gray-200: 41 41 41;\n  --color-gray-300: 46 46 46;\n  --color-gray-400: 51 51 51;\n  --color-gray-500: 61 61 61;\n  --color-gray-600: 79 79 79;\n  --color-gray-700: 112 112 112;\n  --color-gray-800: 125 125 125;\n  --color-gray-900: 161 161 161;\n  --color-gray-1000: 237 237 237;\n  --color-blue-25: 15 22 31;\n  --color-blue-50: 15 28 46;\n  --color-blue-100: 16 35 61;\n  --color-blue-200: 16 42 76;\n  --color-blue-300: 15 47 87;\n  --color-blue-400: 13 56 104;\n  --color-blue-500: 10 67 128;\n  --color-blue-600: 9 84 165;\n  --color-blue-700: 0 145 255;\n  --color-blue-800: 56 159 255;\n  --color-blue-900: 82 168 255;\n  --color-blue-1000: 235 246 255;\n  --color-red-25: 32 19 21;\n  --color-red-50: 41 20 21;\n  --color-red-100: 58 23 25;\n  --color-red-200: 71 26 29;\n  --color-red-300: 85 27 31;\n  --color-red-400: 103 30 33;\n  --color-red-500: 131 33 38;\n  --color-red-600: 168 36 40;\n  --color-red-700: 229 72 77;\n  --color-red-800: 242 84 90;\n  --color-red-900: 255 97 102;\n  --color-red-1000: 254 236 238;\n  --color-amber-25: 31 19 0;\n  --color-amber-50: 41 24 0;\n  --color-amber-100: 51 27 0;\n  --color-amber-200: 61 33 0;\n  --color-amber-300: 77 42 0;\n  --color-amber-400: 87 51 0;\n  --color-amber-500: 107 65 5;\n  --color-amber-600: 128 77 0;\n  --color-amber-700: 255 178 36;\n  --color-amber-800: 255 187 61;\n  --color-amber-900: 255 196 87;\n  --color-amber-1000: 254 243 220;\n  --color-green-25: 12 24 17;\n  --color-green-50: 11 29 22;\n  --color-green-100: 15 41 30;\n  --color-green-200: 17 49 35;\n  --color-green-300: 19 57 41;\n  --color-green-400: 22 69 49;\n  --color-green-500: 27 85 59;\n  --color-green-600: 34 109 73;\n  --color-green-700: 48 166 109;\n  --color-green-800: 60 175 119;\n  --color-green-900: 75 195 137;\n  --color-green-1000: 229 251 234;\n  --color-tomato-25: 28 20 18;\n  --color-tomato-50: 41 19 15;\n  --color-tomato-100: 58 23 19;\n  --color-tomato-200: 72 26 20;\n  --color-tomato-300: 86 29 21;\n  --color-tomato-400: 100 32 22;\n  --color-tomato-500: 127 35 21;\n  --color-tomato-600: 165 43 18;\n  --color-tomato-700: 229 77 46;\n  --color-tomato-800: 236 93 65;\n  --color-tomato-900: 241 107 80;\n  --color-tomato-1000: 254 239 236;\n  --color-crimson-25: 30 21 25;\n  --color-crimson-50: 40 21 29;\n  --color-crimson-100: 58 23 38;\n  --color-crimson-200: 71 26 45;\n  --color-crimson-300: 85 27 51;\n  --color-crimson-400: 99 29 58;\n  --color-crimson-500: 129 29 69;\n  --color-crimson-600: 174 25 85;\n  --color-crimson-700: 234 62 131;\n  --color-crimson-800: 240 81 137;\n  --color-crimson-900: 247 95 143;\n  --color-crimson-1000: 254 236 244;\n  --color-pink-25: 32 19 28;\n  --color-pink-50: 40 21 34;\n  --color-pink-100: 58 24 47;\n  --color-pink-200: 70 27 56;\n  --color-pink-300: 80 27 63;\n  --color-pink-400: 98 29 74;\n  --color-pink-500: 124 29 91;\n  --color-pink-600: 165 24 113;\n  --color-pink-700: 215 66 160;\n  --color-pink-800: 227 74 168;\n  --color-pink-900: 246 90 181;\n  --color-pink-1000: 254 236 247;\n  --color-plum-25: 28 18 28;\n  --color-plum-50: 36 20 36;\n  --color-plum-100: 51 26 51;\n  --color-plum-200: 62 28 63;\n  --color-plum-300: 72 33 74;\n  --color-plum-400: 85 38 89;\n  --color-plum-500: 107 46 112;\n  --color-plum-600: 136 56 148;\n  --color-plum-700: 171 74 186;\n  --color-plum-800: 188 83 198;\n  --color-plum-900: 216 100 216;\n  --color-plum-1000: 251 237 252;\n  --color-purple-25: 28 21 30;\n  --color-purple-50: 35 21 40;\n  --color-purple-100: 46 25 56;\n  --color-purple-200: 58 30 72;\n  --color-purple-300: 66 33 84;\n  --color-purple-400: 79 39 104;\n  --color-purple-500: 95 46 133;\n  --color-purple-600: 121 56 178;\n  --color-purple-700: 142 78 198;\n  --color-purple-800: 156 91 210;\n  --color-purple-900: 191 122 240;\n  --color-purple-1000: 248 237 252;\n  --color-violet-25: 23 21 30;\n  --color-violet-50: 28 23 43;\n  --color-violet-100: 36 29 62;\n  --color-violet-200: 43 34 79;\n  --color-violet-300: 50 38 94;\n  --color-violet-400: 57 44 114;\n  --color-violet-500: 68 53 146;\n  --color-violet-600: 87 65 195;\n  --color-violet-700: 109 84 207;\n  --color-violet-800: 123 101 220;\n  --color-violet-900: 159 141 252;\n  --color-violet-1000: 239 236 254;\n  --color-indigo-25: 19 22 32;\n  --color-indigo-50: 21 25 45;\n  --color-indigo-100: 24 32 62;\n  --color-indigo-200: 28 39 79;\n  --color-indigo-300: 31 44 92;\n  --color-indigo-400: 34 51 109;\n  --color-indigo-500: 39 63 139;\n  --color-indigo-600: 47 77 177;\n  --color-indigo-700: 60 97 221;\n  --color-indigo-800: 84 116 232;\n  --color-indigo-900: 133 157 255;\n  --color-indigo-1000: 237 240 253;\n  --color-cyan-25: 7 25 29;\n  --color-cyan-50: 6 29 35;\n  --color-cyan-100: 7 41 49;\n  --color-cyan-200: 7 48 59;\n  --color-cyan-300: 7 57 69;\n  --color-cyan-400: 6 66 81;\n  --color-cyan-500: 4 79 98;\n  --color-cyan-600: 0 102 128;\n  --color-cyan-700: 5 162 194;\n  --color-cyan-800: 0 177 204;\n  --color-cyan-900: 0 193 214;\n  --color-cyan-1000: 224 248 250;\n  --color-teal-25: 9 26 22;\n  --color-teal-50: 4 32 27;\n  --color-teal-100: 6 40 34;\n  --color-teal-200: 7 49 43;\n  --color-teal-300: 8 58 51;\n  --color-teal-400: 9 68 60;\n  --color-teal-500: 11 86 76;\n  --color-teal-600: 12 110 99;\n  --color-teal-700: 18 165 148;\n  --color-teal-800: 16 178 162;\n  --color-teal-900: 10 199 180;\n  --color-teal-1000: 224 250 244;\n  --color-grass-25: 12 24 17;\n  --color-grass-50: 15 31 19;\n  --color-grass-100: 20 42 26;\n  --color-grass-200: 22 49 30;\n  --color-grass-300: 25 57 33;\n  --color-grass-400: 29 68 39;\n  --color-grass-500: 37 86 49;\n  --color-grass-600: 47 111 59;\n  --color-grass-700: 69 165 87;\n  --color-grass-800: 85 180 102;\n  --color-grass-900: 98 192 115;\n  --color-grass-1000: 229 251 234;\n  --color-brown-25: 26 22 20;\n  --color-brown-50: 33 23 18;\n  --color-brown-100: 46 32 26;\n  --color-brown-200: 53 37 29;\n  --color-brown-300: 63 44 34;\n  --color-brown-400: 72 53 40;\n  --color-brown-500: 93 67 50;\n  --color-brown-600: 119 89 64;\n  --color-brown-700: 173 127 88;\n  --color-brown-800: 189 140 97;\n  --color-brown-900: 219 162 112;\n  --color-brown-1000: 250 240 229;\n  --color-orange-25: 30 17 6;\n  --color-orange-50: 41 19 0;\n  --color-orange-100: 58 27 3;\n  --color-orange-200: 67 30 4;\n  --color-orange-300: 77 34 5;\n  --color-orange-400: 96 42 6;\n  --color-orange-500: 118 50 5;\n  --color-orange-600: 148 62 0;\n  --color-orange-700: 247 104 8;\n  --color-orange-800: 255 126 41;\n  --color-orange-900: 255 139 61;\n  --color-orange-1000: 254 234 220;\n  --color-sky-25: 13 25 33;\n  --color-sky-50: 7 30 44;\n  --color-sky-100: 8 37 53;\n  --color-sky-200: 8 44 64;\n  --color-sky-300: 8 52 74;\n  --color-sky-400: 8 62 89;\n  --color-sky-500: 6 74 106;\n  --color-sky-600: 0 93 133;\n  --color-sky-700: 104 221 253;\n  --color-sky-800: 138 232 255;\n  --color-sky-900: 47 200 238;\n  --color-sky-1000: 235 248 255;\n  --color-mint-25: 7 23 21;\n  --color-mint-50: 5 31 29;\n  --color-mint-100: 5 41 38;\n  --color-mint-200: 4 47 42;\n  --color-mint-300: 3 58 52;\n  --color-mint-400: 1 70 62;\n  --color-mint-500: 0 87 75;\n  --color-mint-600: 0 107 89;\n  --color-mint-700: 112 225 200;\n  --color-mint-800: 149 243 217;\n  --color-mint-900: 37 208 171;\n  --color-mint-1000: 232 252 248;\n  --color-lime-25: 20 24 7;\n  --color-lime-50: 23 28 8;\n  --color-lime-100: 30 38 13;\n  --color-lime-200: 37 46 15;\n  --color-lime-300: 43 55 17;\n  --color-lime-400: 53 67 20;\n  --color-lime-500: 64 81 21;\n  --color-lime-600: 84 105 22;\n  --color-lime-700: 153 213 42;\n  --color-lime-800: 196 240 66;\n  --color-lime-900: 136 191 34;\n  --color-lime-1000: 240 251 223;\n  --color-yellow-25: 26 19 0;\n  --color-yellow-50: 36 27 0;\n  --color-yellow-100: 46 34 0;\n  --color-yellow-200: 51 38 0;\n  --color-yellow-300: 61 47 0;\n  --color-yellow-400: 71 58 0;\n  --color-yellow-500: 87 72 5;\n  --color-yellow-600: 112 94 0;\n  --color-yellow-700: 245 217 10;\n  --color-yellow-800: 255 239 92;\n  --color-yellow-900: 240 192 0;\n  --color-yellow-1000: 255 250 209;\n  --color-gold-25: 22 21 18;\n  --color-gold-50: 29 27 22;\n  --color-gold-100: 38 35 28;\n  --color-gold-200: 44 41 32;\n  --color-gold-300: 53 48 39;\n  --color-gold-400: 63 57 44;\n  --color-gold-500: 79 70 54;\n  --color-gold-600: 107 93 71;\n  --color-gold-700: 150 130 100;\n  --color-gold-800: 165 145 115;\n  --color-gold-900: 191 168 136;\n  --color-gold-1000: 247 245 232;\n  --color-bronze-25: 25 21 20;\n  --color-bronze-50: 32 26 24;\n  --color-bronze-100: 41 32 30;\n  --color-bronze-200: 51 40 36;\n  --color-bronze-300: 60 47 42;\n  --color-bronze-400: 69 53 48;\n  --color-bronze-500: 87 68 61;\n  --color-bronze-600: 116 89 78;\n  --color-bronze-700: 161 128 114;\n  --color-bronze-800: 176 140 125;\n  --color-bronze-900: 204 164 148;\n  --color-bronze-1000: 249 237 231;\n}\n\n";
 
 
 var $e02c50a47b475960$exports = {};
-$e02c50a47b475960$exports = "*, :before, :after {\n  box-sizing: border-box;\n  border-style: solid;\n  border-width: 0;\n  border-color: rgb(var(--color-gray-200) / 1);\n}\n\n:before, :after {\n  --tw-content: \"\";\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n  font-feature-settings: normal;\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n  line-height: 1.5;\n}\n\nbody {\n  line-height: inherit;\n  margin: 0;\n}\n\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n\nabbr:where([title]) {\n  text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\nb, strong {\n  font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub, sup {\n  vertical-align: baseline;\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n  font-family: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nbutton, select {\n  text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n  -webkit-appearance: button;\n  background-color: #0000;\n  background-image: none;\n}\n\n:-moz-focusring {\n  outline: auto;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\nsummary {\n  display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol, ul, menu {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n  opacity: 1;\n  color: rgb(var(--color-gray-400) / 1);\n}\n\nbutton, [role=\"button\"] {\n  cursor: pointer;\n}\n\n:disabled {\n  cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n  vertical-align: middle;\n  display: block;\n}\n\nimg, video {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden] {\n  display: none;\n}\n\n";
+$e02c50a47b475960$exports = "*, :before, :after {\n  box-sizing: border-box;\n  border-style: solid;\n  border-width: 0;\n  border-color: rgb(var(--color-gray-200) / 1);\n}\n\n:before, :after {\n  --tw-content: \"\";\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n  font-feature-settings: normal;\n  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;\n  line-height: 1.5;\n}\n\nbody {\n  line-height: inherit;\n  margin: 0;\n}\n\nhr {\n  color: inherit;\n  border-top-width: 1px;\n  height: 0;\n}\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  -webkit-text-decoration: inherit;\n  text-decoration: inherit;\n}\n\nb, strong {\n  font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub, sup {\n  vertical-align: baseline;\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n\nbutton, input, optgroup, select, textarea {\n  font-family: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nbutton, select {\n  text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n  -webkit-appearance: button;\n  background-color: #0000;\n  background-image: none;\n}\n\n:-moz-focusring {\n  outline: auto;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button {\n  height: auto;\n}\n\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\nsummary {\n  display: list-item;\n}\n\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol, ul, menu {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::placeholder, textarea::placeholder {\n  opacity: 1;\n  color: rgb(var(--color-gray-400) / 1);\n}\n\nbutton, [role=\"button\"] {\n  cursor: pointer;\n}\n\n:disabled {\n  cursor: default;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n  vertical-align: middle;\n  display: block;\n}\n\nimg, video {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden] {\n  display: none;\n}\n\n";
 
 
 const $24075a5d702d64b3$var$defaultOptions = {
@@ -16791,7 +16729,7 @@ const $24075a5d702d64b3$var$defaultOptions = {
     tracking: false
 };
 const $24075a5d702d64b3$export$3f94917203ab7078 = {
-    init: ({ element: element , ...options })=>{
+    init: ({ element: element, ...options })=>{
         if (typeof options.recorder === "boolean") options.recorder = {
             enabled: options.recorder,
             defaultMode: "photo",
@@ -16811,7 +16749,7 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
                     children: (0, (/*@__PURE__*/$parcel$interopDefault($1e2747ca72d0ab49$exports)))
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsx)("style", {
-                    children: (0, $3Sbms$bundletextsnapcalldesignsystemdiststylecss)
+                    children: (0, (/*@__PURE__*/$parcel$interopDefault($9554d945ad3f220e$exports)))
                 })
             ]
         });