@snapcall/stream-ui 1.18.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: {
@@ -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;
@@ -1413,7 +1413,7 @@ var $82e31ca38889c079$export$2e2bcd8739ae039 = $82e31ca38889c079$var$AudioRender
 
 
 const $15ddac3121cc3a5d$export$674c90a250a8b2c5 = async (video)=>{
-    const { videoWidth: videoWidth , videoHeight: videoHeight  } = 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;
@@ -1539,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,
@@ -1566,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,
@@ -1621,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";
@@ -1759,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();
     }
@@ -1803,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"
@@ -1931,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"),
@@ -2014,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", {
@@ -2054,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"
@@ -2072,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"
@@ -2128,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,
@@ -2146,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,
@@ -2154,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({
@@ -2168,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
                 });
@@ -2176,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,
@@ -2186,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,
@@ -2203,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;
@@ -2224,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,
@@ -2234,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,
@@ -2260,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,
@@ -2341,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,
@@ -2370,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
         });
@@ -2755,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) {
@@ -3046,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;
@@ -3069,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) {
@@ -3088,21 +3088,6 @@ 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
@@ -3137,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,
@@ -3147,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");
@@ -3163,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,
@@ -3244,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");
@@ -3370,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",
@@ -3383,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",
@@ -3424,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";
@@ -3443,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,
@@ -3457,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)=>{
@@ -3483,7 +3468,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                     })
                 };
             }
-        case $2884da8a64948e35$export$96a9662a3eda31f6.MUTE:
+        case 4:
             return {
                 ...state,
                 streams: state.streams.map((stream)=>{
@@ -3494,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)=>{
@@ -3505,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)=>{
@@ -3526,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)=>{
@@ -3544,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,
@@ -3610,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), {
@@ -3756,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",
@@ -3767,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",
@@ -3830,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",
@@ -3931,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: [
@@ -4054,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;
@@ -4186,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;
@@ -4226,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 {
@@ -4312,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);
@@ -4341,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);
@@ -4438,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",
@@ -4455,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",
@@ -4547,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 {
@@ -4575,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);
@@ -4697,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;
 
 
@@ -4714,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;
@@ -4743,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", {}),
@@ -4777,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`
@@ -4838,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};
     }
   }
 `;
@@ -4859,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;
@@ -4925,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();
             }
@@ -4969,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);
@@ -4978,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)(()=>{
@@ -4995,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);
@@ -5036,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
@@ -5158,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();
@@ -5194,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) {
@@ -5255,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)({
@@ -5288,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: {
@@ -5302,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: {
@@ -5443,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")
@@ -5466,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")
@@ -5557,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 = ()=>{
@@ -5817,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",
@@ -5900,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",
@@ -5972,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",
@@ -6015,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);
@@ -6286,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;
   }
 `;
@@ -6459,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;
@@ -6468,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`
@@ -6502,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;
@@ -6554,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);
@@ -6619,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);
@@ -6645,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);
@@ -6817,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), {
@@ -6904,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);
@@ -6917,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;
@@ -6960,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);
@@ -6976,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();
@@ -7035,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;
@@ -7115,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";
@@ -7142,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);
@@ -7204,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);
@@ -7216,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)({
@@ -7234,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());
@@ -7295,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
         });
@@ -7314,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;
@@ -7512,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)(()=>{
@@ -7589,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)=>{
@@ -7660,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);
@@ -7676,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,
@@ -7801,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");
@@ -7820,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`);
         }
     };
@@ -7901,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,
@@ -7964,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: {
@@ -8010,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) {
@@ -8042,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: {
@@ -8066,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: {
@@ -8107,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: [
@@ -8124,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
             });
@@ -8160,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",
@@ -8266,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)({
@@ -8322,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: {
@@ -8332,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,
@@ -8346,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,
@@ -8362,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,
@@ -8374,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: {
@@ -8383,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: {
@@ -8394,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: {
@@ -8538,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",
@@ -8635,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 ()=>{
@@ -8732,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 {
@@ -8797,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)(()=>{
@@ -8914,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;
@@ -8995,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;
@@ -9028,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);
     });
@@ -9077,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);
@@ -9191,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",
@@ -9429,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), {
@@ -9490,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());
@@ -9630,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 === "");
@@ -9794,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");
@@ -9980,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`
@@ -10049,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};
     }
   }
 `;
@@ -10070,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;
@@ -10095,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);
@@ -10241,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};
@@ -10316,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;
@@ -10327,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};
     }
   }
 
@@ -10344,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;
@@ -10420,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();
@@ -10478,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: [
@@ -10537,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};
@@ -10600,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%;
@@ -10628,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, ()=>{
@@ -10768,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%;
@@ -10795,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);
@@ -10839,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,
@@ -10889,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;
@@ -10902,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";
@@ -11005,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;
   }
@@ -11027,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: [
@@ -11313,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: [
@@ -11669,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,
@@ -11688,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: [
@@ -13318,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);
@@ -13329,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,
@@ -13354,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), {
@@ -13369,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), {
@@ -14157,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)=>{
@@ -14227,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),
@@ -14291,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);
@@ -14352,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");
@@ -14491,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)=>{
@@ -14585,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) {
@@ -14629,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);
@@ -14762,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)}`;
 }
 
 
@@ -14770,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,
@@ -14790,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)(()=>{
@@ -14804,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,
@@ -14823,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();
@@ -14879,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();
             },
@@ -15030,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",
@@ -15072,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", {
@@ -15109,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
@@ -15223,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({
@@ -15254,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)=>{
@@ -15300,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: [
@@ -15324,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"),
@@ -15362,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,
@@ -15409,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)=>{
@@ -15457,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;
@@ -15526,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,
@@ -15600,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: [
@@ -15618,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,
@@ -15698,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"
@@ -15709,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);
@@ -15733,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
                         });
@@ -15778,7 +15763,7 @@ 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)({});
@@ -15786,8 +15771,7 @@ const $b76354b532370976$export$336a011955157f9a = ()=>{
     const captureThumbnail = async (videoElement)=>{
         let image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(undefined).catch(console.error);
         if (!image) image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElement);
-        const { url: url  } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveThumbnail(image);
-        setLastThumbnailURL(url);
+        setLastThumbnailURL(image);
     };
     const recorderState = (0, $448b01a7ea61a08a$export$c74cd098b7a410cb)({
         mode: options?.recorder?.defaultMode || "photo",
@@ -15810,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([
@@ -15933,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: [
@@ -15954,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);
@@ -16037,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 = ()=>{
@@ -16056,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({
@@ -16388,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;
 `;
@@ -16407,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;
@@ -16422,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 {
@@ -16517,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);
@@ -16696,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 = {
@@ -16742,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",
@@ -16762,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)))
                 })
             ]
         });