From 3449494240b93f34717ea943e292913dc3321d80 Mon Sep 17 00:00:00 2001
From: Watheq Alshowaiter <watheq.alshowaiter@gmail.com>
Date: Wed, 11 Nov 2020 14:41:02 +0300
Subject: [PATCH 01/15] Feat: combine all Home page

---
 src/App.jsx                                   |  31 ++-
 src/components/ContactUs/ContactUsForm.jsx    | 219 +++++++--------
 src/components/Quotes/test.css                |  59 +++--
 src/components/Statistics/Statistics.js       |   4 +-
 src/components/navbar/NavBar.jsx              | 250 +++++++++---------
 src/containers/AboutUs/AboutUs.jsx            |   2 +-
 .../ContactUs/ContactUsContainer.jsx          |  42 +--
 src/containers/Home/SliderCards.jsx           |  38 ++-
 .../WebsiteDescription/WebsiteDescription.jsx |   8 +-
 src/images/icons/google-icon-new.png          | Bin 0 -> 3353 bytes
 src/images/icons/google-icon2.svg             |  47 ++++
 src/images/icons/icon-search.svg              |   2 +-
 src/images/icons/icons8-google_logo.png       | Bin 0 -> 3220 bytes
 src/pages/AboutUs.jsx                         |   3 -
 src/pages/Contactus.jsx                       |  18 ++
 src/pages/Home.jsx                            |  27 ++
 src/pages/MissingPeople.jsx                   |   0
 src/router/RouterPages.jsx                    |  54 ++--
 yarn.lock                                     |   4 -
 19 files changed, 465 insertions(+), 343 deletions(-)
 create mode 100644 src/images/icons/google-icon-new.png
 create mode 100644 src/images/icons/google-icon2.svg
 create mode 100644 src/images/icons/icons8-google_logo.png
 create mode 100644 src/pages/Contactus.jsx
 create mode 100644 src/pages/Home.jsx
 create mode 100644 src/pages/MissingPeople.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 1e0e27e..e30f1a6 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,25 +1,28 @@
 import React from 'react';
 import './styles/main.css';
-import ContacUs from './containers/ContactUs/ContactUsContainer';
+import RouterPage from './router/RouterPages';
+
+// import ContacUs from './containers/ContactUs/ContactUsContainer';
 import Footer from './containers/Home/FooterSection';
 import Navbar from './components/navbar/NavBar';
-import SliderCards from './containers/Home/SliderCards';
-import WebsiteDescription from './containers/WebsiteDescription/WebsiteDescription';
-import MissingPeople from './containers/HomePage/MissingPeople';
-import Statistics from './components/Statistics/Statistics.js';
-import info from './components/Statistics/data';
+// import SliderCards from './containers/Home/SliderCards';
+// import WebsiteDescription from './containers/WebsiteDescription/WebsiteDescription';
+// import MissingPeople from './containers/HomePage/MissingPeople';
+// import Statistics from './components/Statistics/Statistics.js';
+// import info from './components/Statistics/data';
+
+// test pages
+// import C from './pages/Contactus';
+
+/*  <Navbar />
+      <Router />
+      <Footer />
+    */
 
 function App() {
   return (
     <div className="App bg-findMe">
-      <Navbar />
-      <hr />
-      <SliderCards />
-
-      <Statistics info={info} />
-      <WebsiteDescription />
-      <MissingPeople />
-      <Footer />
+      <RouterPage />
     </div>
   );
 }
diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index 14f00c0..54a1a3e 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -1,126 +1,127 @@
-import React from 'react'
-import Input from "./Input";
+import React from 'react';
+import Input from './Input';
 //Importing the functions created for Contact Us form
 import { useForm, Form } from './useForm';
-//importing the Msg icon as a recat component 
+//importing the Msg icon as a recat component
 import { ReactComponent as Msgicon } from '../../images/msg.svg';
-//Importing the firebase setup to be used on submit event 
-import firebase from '../../firebase'
+//Importing the firebase setup to be used on submit event
+import firebase from '../../firebase';
 
-
-//Intaial values of the form 
+//Intaial values of the form
 const initialFValues = {
-    name: '',
-    email: '',
-    subject: '',
-    msg: '',
-}
+  name: '',
+  email: '',
+  subject: '',
+  msg: '',
+};
 
 //This function is used to call and group all function and Material UI components
 //It also handles submit, and validation events
 
 export default function ContactUsForm() {
+  //Validation function that send Error msg based on the entered data
+  //It varifies that all required field were enterd and email was enetred correctly
 
-//Validation function that send Error msg based on the entered data
-//It varifies that all required field were enterd and email was enetred correctly
+  const validate = (fieldValues = values) => {
+    let temp = { ...errors };
+    if ('name' in fieldValues)
+      temp.name = fieldValues.name ? '' : 'This field is required.';
+    if ('subject' in fieldValues)
+      temp.subject = fieldValues.subject ? '' : 'This field is required.';
+    if ('msg' in fieldValues)
+      temp.msg = fieldValues.msg ? '' : 'This field is required.';
 
-    const validate = (fieldValues = values) => {
-        let temp = {...errors }
-        if ('name' in fieldValues)
-            temp.name = fieldValues.name ? "" : "This field is required."
-        if ('subject' in fieldValues)
-            temp.subject = fieldValues.subject ? "" : "This field is required."
-        if ('msg' in fieldValues)
-            temp.msg = fieldValues.msg ? "" : "This field is required."
-       
-        if ('email' in fieldValues)
-            temp.email = (/$^|.+@.+..+/).test(fieldValues.email)&&fieldValues.email ? "" : "Email is not valid."
-        setErrors({
-            ...temp
-        })
-        //This condidtion is used to verifiy that no errors are still in the form
-        if (fieldValues === values)
-            return Object.values(temp).every(x => x === "")
-    }
-//Assiging the return values to a const variables and obj
-    const {
-        values,
-        setValues,
-        errors,
-        setErrors,
-        handleInputChange,
-        resetForm
-    } = useForm(initialFValues, true, validate);
+    if ('email' in fieldValues)
+      temp.email =
+        /$^|.+@.+..+/.test(fieldValues.email) && fieldValues.email
+          ? ''
+          : 'Email is not valid.';
+    setErrors({
+      ...temp,
+    });
+    //This condidtion is used to verifiy that no errors are still in the form
+    if (fieldValues === values)
+      return Object.values(temp).every((x) => x === '');
+  };
+  //Assiging the return values to a const variables and obj
+  const {
+    values,
+    setValues,
+    errors,
+    setErrors,
+    handleInputChange,
+    resetForm,
+  } = useForm(initialFValues, true, validate);
 
-    //This function handles the form submission 
-    //Start by validating user input
-    //If no errors, Data will be esnd to firebase under "ContactUs" collection
-    //Then it resets all the field to its intail vales 
-    //LAstly, Acknowledge that data was sent successfly 
-    const handleSubmit = e => {
-        e.preventDefault()
-        if (validate()) {
-            //console.log(values);
-            firebase.firestore().collection("ContactUs").add( values )
-            .then(()=>{
-                setValues(initialFValues)
-                alert("Your Mesaage was sent successfully.")
-            })
-            resetForm()
-        }
+  //This function handles the form submission
+  //Start by validating user input
+  //If no errors, Data will be esnd to firebase under "ContactUs" collection
+  //Then it resets all the field to its intail vales
+  //LAstly, Acknowledge that data was sent successfly
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (validate()) {
+      //console.log(values);
+      firebase
+        .firestore()
+        .collection('ContactUs')
+        .add(values)
+        .then(() => {
+          setValues(initialFValues);
+          alert('Your Mesaage was sent successfully.');
+        });
+      resetForm();
     }
-//In this return form, Material Textfield which was defined will be used and assigned probs
-    return ( 
-         <Form onSubmit={handleSubmit}>
-            <div  className='flex flex-col w-full space-y-4 '>
-            
-                <Input
-                    name="name"
-                    label="Full Name"
-                    value={values.name}
-                    onChange={handleInputChange}
-                    error={errors.name}
-                    multi={false}
-                />
-                <Input
-                    label="Email"
-                    name="email"
-                    value={values.email}
-                    onChange={handleInputChange}
-                    error={errors.email}
-                    multi={false}
-
-                />
-                <Input
-                    name="subject"
-                    label="Subject"
-                    value={values.subject}
-                    onChange={handleInputChange}
-                    error={errors.subject}
-                    multi={false}
-
-                />
-                <Input
-                    name="msg"
-                    label="Message"
-                    value={values.msg}
-                    onChange={handleInputChange}
-                    error={errors.msg}
-                    multi={true}
+  };
+  //In this return form, Material Textfield which was defined will be used and assigned probs
+  return (
+    <Form onSubmit={handleSubmit}>
+      <div className="flex flex-col w-full space-y-4 ">
+        <Input
+          name="name"
+          label="Full Name"
+          value={values.name}
+          onChange={handleInputChange}
+          error={errors.name}
+          multi={false}
+        />
+        <Input
+          label="Email"
+          name="email"
+          value={values.email}
+          onChange={handleInputChange}
+          error={errors.email}
+          multi={false}
+        />
+        <Input
+          name="subject"
+          label="Subject"
+          value={values.subject}
+          onChange={handleInputChange}
+          error={errors.subject}
+          multi={false}
+        />
+        <Input
+          name="msg"
+          label="Message"
+          value={values.msg}
+          onChange={handleInputChange}
+          error={errors.msg}
+          multi={true}
+        />
 
-                />
-              
-                
-              <div className=" place-self-center sm:place-self-center xl:w-auto lg:w-auto  w-2/4 xl:self-start  lg:self-start lg:w-auto sm:w-2/5   sm:self-center self-center sm:pt-2 sm:pb-2 pt-2 pb-2">
-                    <button  className=" text-center h-8 items-center items-center  flex sm:p-1 flex-row-reverse inline-flex xl:w-auto w-full  lg:w-auto py-1 rounded-full text-white bg-gradient-to-l from-purple-800 to-teal-500   focus:outline-none">
-                        <Msgicon  className='p-1'/>
-                        <span stylr={{textAlign: 'center'}} className="p-5 text-center  sm:text-center sm:text-sm text-xs  ">Send a message</span>
-                    </button>
-                </div>  
-                
-            </div>
-           
-                
+        <div className=" place-self-center sm:place-self-center xl:w-auto lg:w-auto  w-2/4 xl:self-start  lg:self-start lg:w-auto sm:w-2/5   sm:self-center self-center sm:pt-2 sm:pb-2 pt-2 pb-2">
+          <button className=" text-center h-8 items-center items-center  flex sm:p-1 flex-row-reverse inline-flex xl:w-auto w-full  lg:w-auto py-1 rounded-full text-white bg-gradient-to-l from-purple-800 to-teal-500   focus:outline-none">
+            <Msgicon className="p-1" />
+            <span
+              style={{ textAlign: 'center' }}
+              className="p-5 text-center  sm:text-center sm:text-sm text-xs  "
+            >
+              Send a message
+            </span>
+          </button>
+        </div>
+      </div>
     </Form>
-    )
+  );
 }
diff --git a/src/components/Quotes/test.css b/src/components/Quotes/test.css
index 8f21c1c..1711e27 100644
--- a/src/components/Quotes/test.css
+++ b/src/components/Quotes/test.css
@@ -1,50 +1,53 @@
+*:focus {
+  outline: none !important;
+}
+
 button.chowzb {
-    border-radius: 0px;
-    background-size: cover;
-    box-shadow: 0 0 2px 0 transparent;
-    outline: transparent;
-    color: white;
-    background-color: transparent;
+  border-radius: 0px;
+  background-size: cover;
+  box-shadow: 0 0 2px 0 transparent;
+  outline: transparent;
+  color: white;
+  background-color: transparent;
 }
 
 button.hCVuYx:disabled {
-    background-color: transparent;
-    color: rgb(78, 78, 78);
-    outline: transparent;
-    box-shadow: 0 0 2px 0 transparent;
-    border-color: transparent;
-    z-index: 1;
+  background-color: transparent;
+  color: rgb(78, 78, 78);
+  outline: transparent;
+  box-shadow: 0 0 2px 0 transparent;
+  border-color: transparent;
+  z-index: 1;
 }
 
-
 button.chowzb.rec-arrow-right {
-    background-image: url(../../../src/images/Rectangle2.svg);
-    z-index: 1;
+  background-image: url(../../../src/images/Rectangle2.svg);
+  z-index: 1;
 }
 
 button.chowzb.rec-arrow-left {
-    background-image: url(../../../src/images/Rectangle1.svg);
-    z-index: 1;
+  background-image: url(../../../src/images/Rectangle1.svg);
+  z-index: 1;
 }
 
 button.chowzb:hover:enabled,
 button.chowzb:focus:enabled {
-    border-radius: 0px;
-    background-color: transparent;
-    box-shadow: 0 0 2px 0 transparent;
-    border-color: white;
-    outline: transparent;
-    border: none;
+  border-radius: 0px;
+  background-color: transparent;
+  box-shadow: 0 0 2px 0 transparent;
+  border-color: white;
+  outline: transparent;
+  border: none;
 }
 
 button.brcpxa {
-    background-color: #1035EF;
-    box-shadow: 0 0 1px 2px #138DEF;
-    margin-top: 5%;
+  background-color: #1035ef;
+  box-shadow: 0 0 1px 2px #138def;
+  margin-top: 5%;
 }
 
 button.brcpxa:hover,
 button.brcpxa:focus {
-    background-color: #138DEF;
-    box-shadow: 0 0 1px 2px #1035EF;
+  background-color: #138def;
+  box-shadow: 0 0 1px 2px #1035ef;
 }
diff --git a/src/components/Statistics/Statistics.js b/src/components/Statistics/Statistics.js
index 3ca47e9..94f5f38 100644
--- a/src/components/Statistics/Statistics.js
+++ b/src/components/Statistics/Statistics.js
@@ -35,8 +35,8 @@ const FigureList = (props) => {
 };
 export const Statitics = (props) => {
   return (
-    <section>
-      <div className="bg-gray-100 lg:mx-16 md:mx-8 sm:mx-6 p-8 flex flex-col sm:flex-col md:flex-row space-y-24 md:space-y-0">
+    <section className="my-12">
+      <div className="lg:mx-16 md:mx-8 sm:mx-6 p-8 flex flex-col sm:flex-col md:flex-row space-y-24 md:space-y-0">
         <FigureList info={props.info} />
       </div>
     </section>
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index 880d265..fc49db7 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -1,10 +1,8 @@
 import React from 'react';
 import '../../styles/main.css';
 
-
-
 // import Router
-import { BrowserRouter as Router, Link } from 'react-router-dom'
+import { BrowserRouter as Router, Link } from 'react-router-dom';
 
 //import utils for firebase
 import { auth, signInWithGoogle } from './firebase.utils';
@@ -12,31 +10,28 @@ import { auth, signInWithGoogle } from './firebase.utils';
 import FindMeLogo from '../../images/icons/FindMeLogo.svg';
 import SearchIcon from '../../images/icons/icon-search.svg';
 import PostIcon from '../../images/icons/icon-post.svg';
-import GoogleIcon from '../../images/icons/icon-SignInWithGoogle.png';
+import GoogleIcon from '../../images/icons/google-icon2.svg';
 import MenuIcon from '../../images/icons/icon-menu.svg';
 import Language from '../../images/icons/icon-language.svg';
 import User from '../../images/icons/icon-user.svg';
 import SignOut from '../../images/icons/icon-signout.svg';
 
 const Navbar = (props) => {
-  // user confign for Sign in wth Google 
+  // user confign for Sign in wth Google
   const [currentUser, setCurrentUser] = React.useState(null);
 
   let unsubscribeFromAuth = null;
 
   React.useEffect(() => {
-    unsubscribeFromAuth = auth.onAuthStateChanged(user => {
+    unsubscribeFromAuth = auth.onAuthStateChanged((user) => {
       setCurrentUser(user);
-      console.log("user", user)
+      console.log('user', user);
     });
     return () => {
       this.unsubscribeFromAuth();
-    }
+    };
   }, []);
 
-
-
-
   // Controlling the state of the mobile (burger) menu
   const [navbarOpen, setNavbarOpen] = React.useState(false);
   // Controlling the state of the Language menu
@@ -57,7 +52,7 @@ const Navbar = (props) => {
   return (
     <nav
       data-testid="navbar"
-      className="relative flex flex-wrap items-center navbar-expand-lg bg-tail-300 py-3 px-8 shadow"
+      className="relative flex flex-wrap items-center navbar-expand-lg bg-tail-300 py-3 px-8 shadow bg-white"
     >
       <div className="w-full sm:w-full xl:w-48 px-4 mx-auto flex flex-wrap items-center justify-between">
         <div className="w-full relative flex justify-between xl:w-auto xl:static xl:block xl:justify-start">
@@ -77,117 +72,128 @@ const Navbar = (props) => {
         </div>
       </div>
       <div
-        className={`${navbarOpen ? 'flex' : 'hidden'
-          } xl:flex flex-grow items-center`}
+        className={`${
+          navbarOpen ? 'flex' : 'hidden'
+        } xl:flex flex-grow items-center`}
       >
-        
         <ul className="flex flex-col xl:flex-row list-none xl:ml-auto items-start xl:items-center">
-        <Router>
-          <li className="mt-2 xl:mt-0">
-          <Link to='/'
-              className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
-            >
-              <span>Home</span>
-            </Link>
-          </li>
-          <li className="mt-2 xl:mt-0">
-          <Link to='/missing_people'
-              className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
-            >
-              <span>Missing People</span>
+          <Router>
+            <li className="mt-2 xl:mt-0">
+              <Link
+                to="/"
+                className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
+              >
+                <span>Home</span>
               </Link>
-          </li>
-          <li className="mt-2 xl:mt-0">
-          <Link to='/about_us'
-              className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
-            >
-              <span>About Us</span>
+            </li>
+            <li className="mt-2 xl:mt-0">
+              <Link
+                to="/missing_people"
+                className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
+              >
+                <span>Missing People</span>
               </Link>
-          </li>
-          <li className="mt-2 xl:mt-0">
-          <Link to='/contact_us'
-              className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
-            >
-              <span>Contact Us</span>
+            </li>
+            <li className="mt-2 xl:mt-0">
+              <Link
+                to="/about_us"
+                className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
+              >
+                <span>About Us</span>
               </Link>
-          </li>
-          <li className="mt-2 xl:mt-0">
-            <div className="relative inline-block text-left">
-              <div>
-                <span className="rounded-md shadow-sm">
-                  <button
-                    type="button"
-                    className="inline-flex justify-center w-full rounded-md px-4 py-2 bg-white text-sm leading-5 font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150"
-                    id="options-menu"
-                    aria-haspopup="true"
-                    aria-expanded="true"
-                    onClick={() => setMenuOpen(!menuOpen)}
-                  >
-                    <img src={Language} alt="language icon"></img>
-                    <svg
-                      className="-mr-1 ml-2 h-5 w-5"
-                      xmlns="http://www.w3.org/2000/svg"
-                      viewBox="0 0 20 20"
-                      fill="currentColor"
-                    >
-                      <path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" />
-                    </svg>
-                  </button>
-                </span>
-              </div>
-              <div
-                className={`${menuOpen ? '' : 'hidden'}
-          origin-top-right absolute left-0 mt-2 w-20 rounded-md shadow-lg`}
+            </li>
+            <li className="mt-2 xl:mt-0">
+              <Link
+                to="/contact_us"
+                className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
               >
-                <div className="rounded-md bg-white shadow-xs">
-                  <div
-                    className="py-1"
-                    role="menu"
-                    aria-orientation="vertical"
-                    aria-labelledby="options-menu"
-                  >
-                    <a
-                      href="#"
-                      className="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                      role="menuitem"
+                <span>Contact Us</span>
+              </Link>
+            </li>
+            <li className="mt-2 xl:mt-0">
+              <div className="relative inline-block text-left">
+                <div>
+                  <span className="rounded-md shadow-sm">
+                    <button
+                      type="button"
+                      className="inline-flex justify-center w-full rounded-md px-4 py-2 bg-white text-sm leading-5 font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 active:text-gray-800 transition ease-in-out duration-150"
+                      id="options-menu"
+                      aria-haspopup="true"
+                      aria-expanded="true"
+                      onClick={() => setMenuOpen(!menuOpen)}
                     >
-                      English
-                    </a>
-                    <a
-                      href="#"
-                      className="block px-4 py-2 text-sm leading-5 text-gray-700 text-right hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                      role="menuitem"
+                      <img
+                        src={Language}
+                        alt="language icon"
+                        className="hover:opacity-75"
+                      />
+                      <svg
+                        className="-mr-1 ml-2 h-5 w-5"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 20 20"
+                        fill="currentColor"
+                      >
+                        <path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" />
+                      </svg>
+                    </button>
+                  </span>
+                </div>
+                <div
+                  className={`${menuOpen ? '' : 'hidden'}
+          origin-top-right absolute left-0 mt-2 w-20 rounded-md shadow-lg z-50`}
+                >
+                  <div className="rounded-md bg-white shadow-xs">
+                    <div
+                      className="py-1"
+                      role="menu"
+                      aria-orientation="vertical"
+                      aria-labelledby="options-menu"
                     >
-                      عربي
-                    </a>
+                      <a
+                        href="#"
+                        className="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+                        role="menuitem"
+                      >
+                        English
+                      </a>
+                      <a
+                        href="#"
+                        className="block px-4 py-2 text-sm leading-5 text-gray-700 text-right hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+                        role="menuitem"
+                      >
+                        عربي
+                      </a>
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-          </li>
-          <li className="mt-2 xl:mt-0">
-          <Link to='/search' className="">
-              <button className="inline-flex xl:w-auto w-full mx-3 px-8 py-1 rounded-full text-gray-400 items-center justify-center border-2 h-8 border-blue-500 text-blue-500 focus:outline-none">
-                <img
-                  src={SearchIcon}
-                  alt="search icon"
-                  className="pr-5 h-5"
-                ></img>
-                Search
-              </button>
+            </li>
+            <li className="mt-2 xl:mt-0">
+              <Link to="/search" className="hover:opacity-75">
+                <button className="inline-flex xl:w-auto w-full mx-3 px-5 py-1 rounded-full items-center justify-center border-2 h-8 border-blue-400 text-blue-500 focus:outline-none hover:bg-opacity-75">
+                  <img
+                    src={SearchIcon}
+                    alt="search icon"
+                    className="pr-5 h-5 "
+                  />
+                  Search
+                </button>
               </Link>
-          </li>
-          <li className="mt-2 xl:mt-0">
-          <Link to='/add_post' className="">
-              <button className="inline-flex xl:w-auto w-full mx-3 px-8 py-1 rounded-full text-white bg-gradient-to-l from-blue-700 to-blue-400 items-center justify-center focus:outline-none">
-                <img src={PostIcon} alt="post icon" className="pr-5 h-5"></img>
-                Post
-              </button>
+            </li>
+            <li className="mt-2 xl:mt-0">
+              <Link to="/add_post" className="hover:opacity-75">
+                <button className="inline-flex xl:w-auto w-full mx-3 px-8 py-1 rounded-full text-white items-center justify-center focus:outline-none bg-gradient-to-r from-teal-200 via-blue-500 to-blue-700">
+                  <img
+                    src={PostIcon}
+                    alt="post icon"
+                    className="pr-5 h-5"
+                  ></img>
+                  Post
+                </button>
               </Link>
-          </li>
+            </li>
           </Router>
           {currentUser ? (
-
             <li className="mx-3 mt-2 xl:mt-0 flex items-center">
               <img
                 title="User Name"
@@ -197,28 +203,26 @@ const Navbar = (props) => {
               ></img>
               <button
                 onClick={() => auth.signOut()}
-                className="p-2 mr-4 inline-flex items-center"
+                className="p-2 mr-4 inline-flex items-center "
                 title="Sign Out"
               >
                 <img src={SignOut} className="h-5 w-5"></img>
               </button>
             </li>
-
-
-          ) : (<li className="mt-2 xl:mt-0">
-          
-              <button onClick={signInWithGoogle} className="inline-flex xl:w-auto w-full mx-3 xl:px-3 py-1 rounded-full text-blue-600 items-center justify-center focus:outline-none">
-                <img
-                  src={GoogleIcon}
-                  alt="google icon"
-                  className="pr-5 h-5"
-                ></img>
-              Sign in with Google
-            </button>
-           
-          </li>) }
+          ) : (
+            <li className="mt-2 xl:mt-0">
+              <button
+                onClick={signInWithGoogle}
+                className="inline-flex xl:w-auto w-full mx-3 xl:px-3 py-1 rounded-full text-blue-600 items-center justify-center focus:outline-none hover:opacity-75"
+              >
+                <img src={GoogleIcon} alt="google icon" className="pr-2 h-5" />
+                Sign in with Google
+              </button>
+            </li>
+          )}
         </ul>
       </div>
+      <hr />
     </nav>
   );
 };
diff --git a/src/containers/AboutUs/AboutUs.jsx b/src/containers/AboutUs/AboutUs.jsx
index e874c39..b762496 100644
--- a/src/containers/AboutUs/AboutUs.jsx
+++ b/src/containers/AboutUs/AboutUs.jsx
@@ -4,7 +4,7 @@ import AboutUsSVG from './../../images/About Us.svg';
 
 import LinkedInIcon from './../../images/social/icon-linkedin.svg';
 import GitHubIcon from './../../images/social/icon-github.svg';
-import Website from './../../images/icons/icon-website.svg'
+import Website from './../../images/icons/icon-website.svg';
 
 const AboutUs = (props) => {
   return (
diff --git a/src/containers/ContactUs/ContactUsContainer.jsx b/src/containers/ContactUs/ContactUsContainer.jsx
index 4fa35fe..87149b5 100644
--- a/src/containers/ContactUs/ContactUsContainer.jsx
+++ b/src/containers/ContactUs/ContactUsContainer.jsx
@@ -1,25 +1,31 @@
-import React from 'react'
-import ContactUsForm from '../../components/ContactUs/ContactUsForm'
-import contact from '../../images/contact.svg'
-import   GridBg  from '../../images/repeat-grid-4.svg';
+import React from 'react';
+import ContactUsForm from '../../components/ContactUs/ContactUsForm';
+import contact from '../../images/contact.svg';
+import GridBg from '../../images/repeat-grid-4.svg';
 //This is the container of Contact Us page
 //It contans a vector and the form components
-//It imports ContactUsForm react components which grap all the comonents of contact us form 
+//It imports ContactUsForm react components which grap all the comonents of contact us form
 export default function ContactUs() {
-    return (
-    <div className='items-center xl:h-screen lg:h-screen sm:h-auto h-auto xl:h-screen lg:h-screen xl:pl-12 xl:pr-12 lg:pl-10 lg:pr-10 sm:pl-8 sm:pr-8 pl-4 pr-4'>
-        <div className='flex  xl:flex-row lg:flex-row  flex-col sm:flex-col pl-12 pr-12 xl:space-x-8 lg:space-x-4 space-y-8 sm:space-y-8 '>
-            <div className='xl:w-3/5 pt-8 xl:pt-16 lg:pt-20 h-full flex-1 xl:pr-4 lg:pr-4 xl:pr-8 lg:pr-8' >
-                 <img src={contact} alt='contact us' className=''></img>
-                 <img src={GridBg} alt ='' className='absolute'></img>   
-            </div>
-            <div className='flex-3 xl:w-2/5 lg:w-2/5 md:w-full sm:w-full w-full h-full pl-4 pr-8'>
-                <img src={GridBg} alt ='' className='absolute top-0 right-0 pr-12 '></img>   
+  return (
+    <div className="items-center xl:h-screen lg:h-screen sm:h-auto h-auto xl:h-screen lg:h-screen xl:pl-12 xl:pr-12 lg:pl-10 lg:pr-10 sm:pl-8 sm:pr-8 pl-4 pr-4">
+      <div className="flex  xl:flex-row lg:flex-row  flex-col sm:flex-col pl-12 pr-12 xl:space-x-8 lg:space-x-4 space-y-8 sm:space-y-8 ">
+        <div className="xl:w-3/5 pt-8 xl:pt-16 lg:pt-20 h-full flex-1 xl:pr-4 lg:pr-4 xl:pr-8 lg:pr-8">
+          <img src={contact} alt="contact us" className=""></img>
+          <img src={GridBg} alt="" className="absolute"></img>
+        </div>
+        <div className="flex-3 xl:w-2/5 lg:w-2/5 md:w-full sm:w-full w-full h-full pl-4 pr-8">
+          <img
+            src={GridBg}
+            alt=""
+            className="absolute top-0 right-0 pr-12 "
+          ></img>
 
-                <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">Let's talk</p>
-                <ContactUsForm className='h-auto ' />
-            </div>
+          <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">
+            Let's talk
+          </p>
+          <ContactUsForm className="h-auto " />
         </div>
+      </div>
     </div>
-    )
+  );
 }
diff --git a/src/containers/Home/SliderCards.jsx b/src/containers/Home/SliderCards.jsx
index ed2419e..6b34a3b 100644
--- a/src/containers/Home/SliderCards.jsx
+++ b/src/containers/Home/SliderCards.jsx
@@ -1,26 +1,24 @@
 import React, { useState } from 'react';
-import api from './Api'
-import Card from '../../components/Quotes/Card'
-//Carousel is a Package used to create slider with its component, 
+import api from './Api';
+import Card from '../../components/Quotes/Card';
+//Carousel is a Package used to create slider with its component,
 import Carousel from 'react-elastic-carousel';
 
 export default function Cards() {
-    //storing api data in a state
-    const [data, setData] = useState(api);
+  //storing api data in a state
+  const [data, setData] = useState(api);
 
-    //console.log(data)
-    //the parint component is the slider from Carousel package
-    //start by mapping through all data objectis 
-    //pass a prop (object) for each Card component inside the slider  
-    return (
-        <div className=' bg-findMe max-h-full sm:pr-4 sm:pl-4 '>
-            <Carousel >
-                {data.map((e,index)=>
-                    <Card key= {e.id} cardInfo = {e} i={index}/> 
-                )}
-            </Carousel>
-        </div>
-       
-
-    )
+  //console.log(data)
+  //the parint component is the slider from Carousel package
+  //start by mapping through all data objectis
+  //pass a prop (object) for each Card component inside the slider
+  return (
+    <div className="bg-findMe max-h-full sm:pr-4 sm:pl-4 my-4">
+      <Carousel>
+        {data.map((e, index) => (
+          <Card key={e.id} cardInfo={e} i={index} />
+        ))}
+      </Carousel>
+    </div>
+  );
 }
diff --git a/src/containers/WebsiteDescription/WebsiteDescription.jsx b/src/containers/WebsiteDescription/WebsiteDescription.jsx
index 6c51a06..7ae7442 100644
--- a/src/containers/WebsiteDescription/WebsiteDescription.jsx
+++ b/src/containers/WebsiteDescription/WebsiteDescription.jsx
@@ -1,7 +1,7 @@
-import React from "react";
-import Button from "../../components/Button/Button";
-import DescriptionImage from "../../images/undraw_web_search_eetr.svg";
-import SearchIcon from "../../images/Path.svg";
+import React from 'react';
+import Button from '../../components/Button/Button';
+import DescriptionImage from '../../images/undraw_web_search_eetr.svg';
+import SearchIcon from '../../images/Path.svg';
 
 const WebsiteDescription = () => {
   return (
diff --git a/src/images/icons/google-icon-new.png b/src/images/icons/google-icon-new.png
new file mode 100644
index 0000000000000000000000000000000000000000..936e162b9d157ee8302b1af79fe3ca30c9301f00
GIT binary patch
literal 3353
zcmV+!4d(KRP)<h;3K|Lk000e1NJLTq007|t007|#0{{R332h=s0003~P)t-s|Ns9{
zj`;CIHYl`4`?~;0iTJI@`%;kj`?mo5xd8vW0P#UI@jfsBuQD65KJYLe{J{V}h4}G1
zEbuZRON;pMD;MxLINI>uQ;YxbHYO0TIOgvDCAKp4i-rIC`uyJ9`pCrqv`NtH)p^T@
zvf#S;y}I&FLiBQK_oJTjSWWxS&GdS5^?-T(>+1X0)&1hC{KrXO!*ZzHvG4iuM!a44
z`u{h$Qq<x7RKIA3&yx0-lKHu|{_pPdY-9fK&ibzl|N8Fz-kto?a>3O6{ph`zxcd9S
zFJYMZ{L^-Xtom2AJ>R+$m$xl(q4}%0C_l78^I=!_pquhjN%n*o_?s8=UM~F0S@d=$
z_mLd=r4jULD)Le>{Md{C`|zW{`~1Z_X0jx!-L!<ZGs3wa>ADQk$XiOSnlP<zOp@kC
znae(*t82!5HK~IxuVYG;+(MnalhmIAD$$_;01JUhL_t(|ob8-xciYAlhCxD-MFJo!
zKnw%eTtZS@L|QdPi59guaTY6X>XuTrx=ozAOOlpd^#4C~1`tK;zzk*ql)PVjj?W>1
zhxg8X?+h*^2(;BWZ|?66PV1wK#dWV&EcSZW!$p5wKOLOyH_sc?uTNFY)?hT0R8=<&
zO_OB_s8}q*e`HzHG(%Tac{m#EHF@7Cj-KqDE>zVpWD6=>0M;<n>f$t4n9V`Is2Z9a
ziRPB98ESES_JsGXCs3nRFIGY15a{m0sTtK?eV;c$q|VR!hOXhzttoY5w3pHH)7a~)
zc){~P$^f#(o5rtZT{ln`UMyriTb1YRT1}Ol0g#$HJmZbEQnOw)$l}?O4fXV#Hylv2
zPda>Sfx0v1ova6oDzViU%vkO7WNcojRQW8)DmTU_eY){mGge1Dnw|4HgZQnasi(}l
zfPtYg;{%cmjjeYa^mJPFGn7#uGF*=JDr-I{S*<hTYiUdq)FDl7G2m;AR2~7eC8=ZT
z6^CB{ZD|_i4J4lx=#*4FrO0<aG&u7?84GItc#GT)FqLG3Ql_4A&(M{m>VN`Y<3i^R
z=8%3tyr!P__|{Ojr0NxEzym!SOVF0Aw@3rFGP4Asv?B4%)F4xU2KhC3RpkxkkVK*X
zK2>>BIV4rd?-MfxC~F7z8&JC@->_X}2~Zyq=L1!gH`Q7cY+ew~vIMBM$OE=A1gI4$
z97G*(Jg@M|SWq~=IA?xh7%nQuY>i%Knr#|34|I{4?Gg=}2RhBnhF9xRIhWbXOc|wN
z^FU9?R~b0!1!ukB{8!whl;cyh4iAY|8OfetyI%B1<9fY59`!GVMK}@`|9G5=%|q3R
zor}r<t~VaEnhlSiHJW=@<DMQpqoPTao;MNdWh6~k7lZw%I?>p_TBxC8R8(x<x-5y|
z5rC(STS@Nld~YlVLehJh)=%$*lA(`L4yO0Vy7y<LWb;sGskel(dVPkPUyZYC*I)p(
zqkC|vwEebRy}-M<{fqT*ht{Jvelbdyqp~`}uYb+{Z5;JJK_ZX#Q{^a#U%L9<yr@c)
zpAi;Q<fx<%)Az{xJzd=+01~D_3a{66GS%;j%2wi5DR#Y*+RwtQWSqv>WkyyrGw>Rv
zCU%)IhIx3C0CY3BTMB05N-1@K*>O{Bun6nvm+#>KQaVSWpy%5UzrsM2rF<+wpr@sc
zhaVyXYS$Tk#l^4Z+Z#ZouhGJ&(b}a_&^IMWxbg5?6hv*v`?izoBP)au@sG(7<zapz
zD12VpSRuYi+PcZb903Ze5JJT5KPL*Kq~)fH0=;k$0{tlgqEzMm$_|oVmRy7n6PQ2M
zZ5(kucZU!l#+tuDb0bb(AD1?~h%x3bFL>WGn!F*5HGfIZ!+v+I-vkjxnt#3)q1BQG
zB8Hm3M(3#>HGLEqLWuY#Bu9-rS-lXJq!wbZ`4c)-W2cZLwH09gd8?zs_n{%Q!ss{u
zd^IybpGFe;%|CBtCdlqRh;H+j^gK1(mZJHfww>m$<>csaEniO>6h?>nS92G_7YPU*
z=C6%;-!QTwy<&~H+WD(_E2K%5p^f;VW&ZL7@B2kol4W=+X#V8iIijxcmdzi=FW-}7
z-uH{HI5%`5ew9C~@SV`aAil}=AL9yC@+7sC{(@WV^cG$Zq0j)8K2A@#v&l?5j|8Mb
z1GN2Vdcw^DGi^Qt*ZU4-8E$NUpD)5K;qH-B!X$l~9*`yB?kfSYl$O5B7h&NN?C()>
zl*lq<N?3?EW(y`Hund_JZXTnVMTvkLvLys|5pzc4Atd02jAQr=%?`I;<c{zYG&>|x
zXxI{NIUe69A$*=U!riw>dnYoblr7<B2@h#jA_2&j@Rjfb0%7T8{s><SFA*Y0q$_3I
z)4Wc4&}I{UlRv^sG(sYV|0^L^!q4+Z_~70X7Jemk6XtLoB4+9RC(NPaUm_hu<&p3;
zQs<q|z7*-WG?#k|v>k9B_lIbw7`fZyZ@&EnoYSD4wUIc~XMNUo|IbVB|Cx96<fSi7
z^Y+|g=Q#1a&@CZ}V#<>6fq?k@kVvUv`GoXR_$538zTeOB;ke2Dp2he?;4x3bkkFc^
zL7a&y<%`g|AW|_Uk*4ej!R`<WY5zpxWPi8t09$B;o1a-1L@G7q@?WN@5%G157JsYI
zpp}~P-~V8~<4CxLMraorl)kO}g(!+g90@Ox0Ii-4Dsfj+{{07lP-$}me71uGXmvDD
ziQcz>OYpA{P^?V25x(9<BD`IONf%;y<F^(d2x5&B;3KpU-Yvsq3(;DFwkk_bgs;#-
z2nQ2ym0;qe{I?J82zdn&HH5cr2o--;Q~sR;kk?8?T!r=sw5_<43}Ew4Ku+Zpv5;Dm
zmv@SOcmZtQ4Je8;4uptaxb_OD$i}Vwg_lnh%|qsZi0zESE1;qVg>9SnN@3ld9;4={
zD@h~LbY=5iF)uc#WyYPP;c2?Id0!B_OaYN|)SaZE)zo40eDf653L&BAD+0T3m(Ba~
zl;s}d5;aGic5f@FH+9>*Pv)E%;4Aclk9AMF(uOyPKAY#a6t~cG)X|f!<lRCA*t{Q+
zO>2YP%oKce2Fg=wqH2s|EwZRKk8sZBb^^Z0wZRCsc|V~@AMhB14-P2!<>+g|Y(4;y
zdO<x#FQbK^Is<jr*OVWI*?a)v31vboKu<rj(#kNBEkQPjco7T<p>X?RLZr<zPE<_5
z+rxantgU{G%?BZhv?}VOT`a)D&a<#@{Gn7XCtreV#0s5rn`fAha6&@}S7HL24-%E`
z2B(v;Lm09Oq5e_9;e&|ed(>CBfFXs{R!zYq6wM>Di}BGV_EW~F5DG#EH;7`zB$=sO
zJ9ssw5Yo=9H8pVwL8dNAh4J_`ZiYg_<LECxOo3P-^k^|f00TD_9?kFx;c863pKAa3
zehR={|Gv<70qkO9g;ANL^TyhV^7y9*_=wSE#uk3Dxn=C&FUQ(M0avfgetsVl(04i$
zsC0xDBVHWa79aeE$N$7cd=P&Xpl+%>wHZ&)t>fKHS^u_=|AmDZ-jKSrOdCa5Rx5Lq
zqSNk}?jrv9-x&2KS&l-bCxnoSm<)2-?SLP|`*HI>=sTxmIcoi)sq=INX`bA)qYBTo
zeRHDt@vIMv|3%Eyq&W&TPvQHX`>ZI+tn<!~Ic;|jJ2TU)geT17{~;k-v!sc2L?lt~
zFilf2#iNtu+)`(9G6UddaO|9jKO!I|@OsxTOq6g1x>mwZpqPJLKk5~!rI=F5%^zhE
z+PcXIqM6M6ceYRg1z|!XQ8ARr{5PZa^`V+&1u@?I5v$BfRH_Y*5|}??m01b@)P}I)
z%s<JNDOedPsA7!yqnFXO(r+_JDZ>1BV$Ut2beJ8)p9;Z?5yvN-%7`tB@Cne*K}V=N
zNZn}05rfP>Z3MH07-0S+0JDYYF@G|ESt>Wc{GFSPbXC-;?3jkj{L}cLSJ|<Chxu<3
z1O$k&`*C)%&40Im-Kqs^nw6b~Xq*4;C1$f7p$W0msni1IkF_6+Q<hxgh6Z4E7GuSv
zHWN8L%0i}+9vN_J&OcKXN*TIRJMmd39aTj7Q@cx^VN^QQ`2?O}tW;RNQP$xTMhb&h
zp=!_A7gck{_Laax#@<+A|F+z;qp)L4HQ<4-+L94tMOpHCd%QMbz?ganDJA0xWk$|?
z79-7E<(QvN)jA3t?=Y1)&%YGo(z_$#fvhMq_HR>1sWy)vtw6vtl@7nZpc1O?k_;rk
zo3MS!IJu_XNm|H?X->MCS$#p8b~|Fo7*~?uiJizHv8<?eI6<YXK)U5&7OWwuYTfyf
zqC`!tIpLI(c{fjVcdB)7mPf$W;C!Bk75;|_&?-mEn|#7KG_AF}hd1-(<Y+dt-UI;u
joGj-zhuwCK!J_*=tCr-wiJ>yG00000NkvXXu0mjfDVUd^

literal 0
HcmV?d00001

diff --git a/src/images/icons/google-icon2.svg b/src/images/icons/google-icon2.svg
new file mode 100644
index 0000000..ee96cf2
--- /dev/null
+++ b/src/images/icons/google-icon2.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#FBBB00;" d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256
+	c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456
+	C103.821,274.792,107.225,292.797,113.47,309.408z"/>
+<path style="fill:#518EF8;" d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451
+	c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535
+	c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z"/>
+<path style="fill:#28B446;" d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512
+	c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771
+	c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z"/>
+<path style="fill:#F14336;" d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012
+	c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0
+	C318.115,0,375.068,22.126,419.404,58.936z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/src/images/icons/icon-search.svg b/src/images/icons/icon-search.svg
index c0faa8a..116f021 100644
--- a/src/images/icons/icon-search.svg
+++ b/src/images/icons/icon-search.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <path id="Path_2791" data-name="Path 2791" d="M12,2.4a9.6,9.6,0,1,0,6.338,16.787l.862.862V21.6l4.3,4.3a1.7,1.7,0,0,0,2.4-2.4l-4.3-4.3H20.049l-.862-.862A9.58,9.58,0,0,0,12,2.4Zm0,2.4A7.2,7.2,0,1,1,4.8,12,7.184,7.184,0,0,1,12,4.8Z" transform="translate(-2.4 -2.4)" fill="#0a78fc"/>
+  <path id="Path_2791" data-name="Path 2791" d="M12,2.4a9.6,9.6,0,1,0,6.338,16.787l.862.862V21.6l4.3,4.3a1.7,1.7,0,0,0,2.4-2.4l-4.3-4.3H20.049l-.862-.862A9.58,9.58,0,0,0,12,2.4Zm0,2.4A7.2,7.2,0,1,1,4.8,12,7.184,7.184,0,0,1,12,4.8Z" transform="translate(-2.4 -2.4)" fill="#63b3ed"/>
 </svg>
diff --git a/src/images/icons/icons8-google_logo.png b/src/images/icons/icons8-google_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ca81d70ecf6a8ad31fe09a73858760579998bf5
GIT binary patch
literal 3220
zcmV;F3~Td=P)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00006VoOIv0RI60
z0RN!9r;`8x3`t2uK~#90?VWjaRP`0dzrXk9&C6sD2?+^75)6q**uxTWA+{BfB3e#c
z+ao<5t)~SMN#lmt(>WFqk%EE|6i!jp(}LxItfENR6r%xTCn1Dzl8}9yWHQTJe*FXK
zfg*Wt=DjyB6X)|+&dl$3@11*p`xYQXh!7z{ga{ELM2HYSHHg^;bO(LGIt-HdAe>|z
zTr?9Nnusn$po>}nFmQu_1;ByAN+fWQU_&P&$Yq3)a@c4Ic==ysAugKzTW&^=3IJV%
zcr-BuXvH)%)4^z^yk?;UKwsiQ94SQ{wjx4)gV@oj-CBJxJpj}W3mnWmG}76qp=l5d
zw#f#HRHhVt@Gc_d6~qqNP<;xR763XQ@o=!KaY=p%?bKq55%I)>bmk+(Nb}696#)+b
zU4(d4v+Hp|x*uI&0<Hf?i6RniWi}&Tnn~<%2U2xF13;f)7NeXNz+qB}S0bKxkwyMa
zUY8dJN@YL-K<(TFl!>3BiY5j^pJoO!myu!l8L@lM8Li6jCV<Xmmf?`_b<j8;04~WX
zC>BoB=b675t;(<(K<$V|74sF!<ZPpK7!Cn&8(V@DX(F-1Ym^Gzp)c|osPG;|EsZil
ze!xj3jYy{>$RgD0En4>g(B~`@Q7Y|4E4At^+f)*X3t9A5y@Q}@A3*JvdvQkE*Xx`Q
z0EtX-kFEi9o+TG$(gAez&>^N4vdKQOisl(1T9+C?U*-qnqO`A9I)5l@nDYT0Y5=t(
z8fQp#ujz2FC7az(R!NhLRH3~FR5M@oO6Lz{_ZjVc0MOKA(0pbYN&+y>w?RfcsYNt%
z6jAgrJmeIJbP;Y;Aq5_YNQT#v1}f*mMRMSvW6(%b(MkO)U{^}MVa?99_}v82SGe&w
zC>(~{pvfEuid&d7=u4L34e0{{P@n9xgMo{C5-rj!T$G2yqtea*G&|Sge*hk3>TpR;
z($g3KS4w*py9H6wY_bUTdWfViAsHR)J2)>r2xm9VZh)N+_!$72&%A~b`9)nVVE|;X
zN5Dzb$!gT-D*FfM0t`SSy9wu{u{YEw6PyqD5dgXzvDix*(Wc{&Gnxn(#>^y(r472t
z><0P*_ax4Ug=nK30Mncg_%jNMw7vw7w$A%Hl1T$HXhxu%4*=wKVGTymEDRt`W;!46
zu?Em0gn{8J;GoI)L<BBs+)mA8&R~E%%BYn_C8!-1Vuxsk?yL9~fPMUI5EKFcWB|ny
z@R<lmerQf3<@k_h5tzFvZZ@i$AWFf2;MwbP=CZ(J91!heSCUHVz|vtqb>{=V^a1<B
z?g5Z~!{_M?@QfA6Rw*i)2pB|j$oqla{O+l!4*(<2yy<s5fJZoBh6UidkwE~YGqcF6
z#tbuq5mjvm{Ten1d@X<&#l*D~*dPE+KQeL6V!tJ8rSZNR*_%;U14Qe6P~&_6NG8Bj
z)+_zPweXM;COzz<eZ3xa0ifhwpQLgCrdqBvOIJ^Krm>%sw{h7w^LjsOCsh8e3}!Px
zKP#|B6c8po;g^hFj$$7`zluzRDAcJ*dvhUJNhW#b`klWQqg(?dVHC9PoKbnbru^NI
z{QL=@mZ^=Ve^|Y6_3!&r_7^Pt^TL(grB@Dsj4X}ruf-(ch$aa^M2$P?e*^J$Z{(c-
zx($GGCrpr~%_LGph;N%Iy@hsfq@wTC1RztB6_gfh${)nE2yy+D(kKUjqMs%!2n;`A
z+*4`uMn@{8Q8N!v6w<v0Qm!d~5aX7^6#G~e0U*(utYF=3n(_xRPRXX|UljqM+G;>d
z&$*EpXu8BOJpvHIUno@`zpH72w3Xm?jeSTE6K-)S4!_kjK@Lq;xcE3t`Gc4+)~mQ#
ztELIkRs$@!Ra5>T#>To8H~iI1#OgFzL2;X={6S1S*XmSCqh=yjrpXG1Owg1+h>77k
z6mQh12|%ePD=58}QuE)WFoST;tvCr)(*$W<N=U+fE=Qw`pd^azC{aqIyc|uqW1s?s
zpL+u3Vhpx<2Ce|U%k?L}617W)8&bO-S@K@l{-z0o{moAZMFMI4L@}KjVRS!#9Kdj2
zjo9l=L7_7nG6)?hwPe_59IEhDh8Zk=FMsIjir=5|$o@Z9)IYq=Q)0g_Oevk(nQ)OW
z%Dt4uO6M>v?;HUyWg$|AFue4RFEY%e!a1N&i}L|sV0iU;HR;p_V6R%mm!$|4ICAm1
zC-u6|&xvurSo!Iw6t!~9;<dH;83&uk-KAB|En%0ps7a?T0G#Iw0PRZ2iiJe{#gU6j
z>Bc*I4r*mCGtoO$=`)ezt+(%L^G0i0BeODIu$<WKR^(MwDI#~k1<*}5`(6UU2VGfs
zwPOsN^yX(1Pl<6OmTaFeON~x5czM-J1qYhOWoVT%G^VU_=`4GLnzZU8Ei)hf*vBn0
zj|GnL_>X&#;>Irpa8`<Wt8jPr0M&W}g#EqwnV;3=EmpIFsYJT1YPH(5>H{#zeE`69
zqnJ}-9P%9#aavTr-qtAFxU-(5W6!R?FG6)DgIT_AUhIK}oRS(>lIEK~eZyMB(`~MQ
zs7<dr0E9pW#Zur(N#5#C!(Thbp~a8ULZuWH&-8Jhu-omX???Q4<3{#i!|?CVItJ@<
z*?dgw$*ueBcGb6Td~*Qxtm~Ayx>q~KU`^K$h<@IK27og{pFu*-p0mp~=Gy!gqLCFV
zo{p9(oaKj`a|Y@mFT&C#vo2}2FL`|OAjyM!y({Zrv7pcEW5<Pr%!;t^s^z;zrs*Qk
z2i{secknjH-BpKM#^|PdLj2J^YZuJ(>29;nML3gdeX<|ZB`Bv<N2L@Mf5MwoR=6|g
z4|>T|;?12obIM~IkJq{TYCCXn4e?x?6vwqa>T5o~y8M+pM%#CLZ_)KZI|7Ok*5*_F
z;QZyBsmCtqDf=q_+&*kjIgQ(XQtUH?0*DgAP*wUnT<Ey*=9RBZPTIfn{eq``K7j1^
zm}~yFyK7F0eRQAMMiD_CZEf5kyU6SpW)xTJA#=x$Ap_4Ky6~77KgA(iudDSuWguRd
zf^QrBzqm6vva<DnJS_os;`60LzXP!8%ORsb=@?YfNjXDSBRL|`A(r-YsTSw520rS2
zd)_{u?(-HEO|q1EIv%SR`GV78+-==W5E%+YR_CIqdWz3>S{W~$mQ?ifxAUJ<y<BrG
znw<B}u91s&xzpwwee%{uM4HNW)+I8YqY2dYwZ$SIwOZU|(XpL%O&wO5_43IQ<+EIr
z8RY~&zD49mU6P_w9hCE_k4tVz$L{kpA;{{d15=Z}EL>ZVKgZ`E^#htq@51eO9Q#H{
z9H~`KPa(0hFAkl3937(aJaKH?@zSmHXKLE>);tl)>}tO&%hK9wjvqEeHe&qnw~=D&
z{w%`4h#F`Am}<?NOuDq+AMMOYJt(H1uaP1YHz0xqo5aC!{vn)b9d^Ta34E(Cp-=I+
zHTlnfuT_sOO978QP+mQbZMrLwb(#9`g`T)r0k+IdxHI|sy{K5uA?GE0Ger;Q13JH)
zyWz8;c{{xWK5v$kk7Wl7gc9_rAC507e}#CiO`6>A;EbhnUj9@!`FaVu%9`Dy$9(Ha
zI8-Zz_nPJi05Tj&4!$#a>g!M059uk_kTLwndol-o=jwl~T#V6es&6L4EUnGst<|F*
zntY*3Z`p<&m|C_m*XD>|4wQKN2JM+30$?IvTk>05{axvKm4>|TV)%)*H+SSL`9@59
zwo|qS)#<o6#zQA@HLpGKz=;J$>IsNb{=IAH*dt=XwzFcK{?A+*z;LdmdLn6fVCvL!
zCymw>&{A2rbJQzGgv1vcWLtNy3YkVS;}k|(nioAa^{72iIs@J;Y%WTRz2Hh*cT7l_
z)-GFF<s8NnN4(Nlu71-!mg>hxOs-cvQm!Yawae=^kBn{N`BkMt%#1oY+>{!T$~e8*
zeDlYNyl3uj@=pIW{*l`aP>^Li$Ni~Z=I2#NF_|uEG1R6=MxeK|t>wv#^W8sAIlj#7
zXB5m2z%{JfJTlg4Bl%5Y`1EQyBCAe^$s7ZU{uXCfKep>!B3xTigswNIPcQAz!(Kh;
zQ33dWKG-uN)8)m(ZL)2A2e>RRWs=%tKB5yAPNszEq8wp~3?32<Cz8YwNsMN^oiS9r
zY-5Gea0o||iEG2dQ_fYI{aZqW2oWMgh!7z{ga{GhD*pwv9ZM{L+PT620000<MNUMn
GLSTaF>jfSF

literal 0
HcmV?d00001

diff --git a/src/pages/AboutUs.jsx b/src/pages/AboutUs.jsx
index d53d416..64ab88d 100644
--- a/src/pages/AboutUs.jsx
+++ b/src/pages/AboutUs.jsx
@@ -7,10 +7,7 @@ import Footer from '../components/Footer/Footer';
 function AboutUs() {
   return (
     <div className="App bg-findMe">
-      <Navbar />
-      <hr />
       <AboutUsComponent />
-      <Footer />
     </div>
   );
 }
diff --git a/src/pages/Contactus.jsx b/src/pages/Contactus.jsx
new file mode 100644
index 0000000..7f981c4
--- /dev/null
+++ b/src/pages/Contactus.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import '../styles/main.css';
+import Navbar from '../components/navbar/NavBar';
+import ContactUsComponent from '../containers/ContactUs/ContactUsContainer';
+import Footer from '../components/Footer/Footer';
+
+function ContactUsPage() {
+  return (
+    <div className="App bg-findMe">
+      <Navbar />
+      <hr />
+      <ContactUsComponent />
+      <Footer />
+    </div>
+  );
+}
+
+export default ContactUsPage;
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..86d83e9
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import '../styles/main.css';
+
+import ContacUs from '../containers/ContactUs/ContactUsContainer';
+
+import SliderCards from '../containers/Home/SliderCards';
+import WebsiteDescription from '../containers/WebsiteDescription/WebsiteDescription';
+import MissingPeople from '../containers/HomePage/MissingPeople';
+import Statistics from '../components/Statistics/Statistics.js';
+import info from '../components/Statistics/data';
+
+// test pages
+// import C from '../pages/Contactus';
+
+function Home() {
+  return (
+    <div className="App bg-findMe">
+      <hr />
+      <SliderCards />
+      <Statistics info={info} />
+      <WebsiteDescription />
+      <MissingPeople />
+    </div>
+  );
+}
+
+export default Home;
diff --git a/src/pages/MissingPeople.jsx b/src/pages/MissingPeople.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/router/RouterPages.jsx b/src/router/RouterPages.jsx
index 788a9d2..9e3b5d3 100644
--- a/src/router/RouterPages.jsx
+++ b/src/router/RouterPages.jsx
@@ -1,22 +1,44 @@
 import React from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-const RouterPages = () => {
 
-    return (
-        <Router>
-            <Switch>
-                <Route path="/" exact  component={''} />
-                <Route path="/missing_people"  exact  component={''} />
-                <Route path="/missing_people_details"  exact  component={''} />
-                <Route path="/search" exact  component={''} />
-                <Route path="/add_post" exact  component={''} />
-                <Route path="/about_us" exact   component={''} />
-                <Route path="/contact_us" exact  component={''} />
-            </Switch>
-        </Router>
-    )
+import Footer from '../containers/Home/FooterSection';
+import Navbar from '../components/navbar/NavBar';
 
-}
+import AboutUsPage from '../pages/AboutUs.jsx';
+import Home from '../pages/Home';
 
+// const RouterPages = () => {
+//   return (
+//     <Router>
+//       <Switch>
+//         <Route path="/" exact component={Home} />
+//         {/*<Route path="/missing_people"  exact  component={''} />
+//                 <Route path="/missing_people_details"  exact  component={''} />
+//                 <Route path="/search" exact  component={''} />
+//                 <Route path="/add_post" exact  component={''} />
+//                  <Route path="/contact_us" exact component={''} />
+//            */}
 
-export default RouterPages
\ No newline at end of file
+//         <Route path="/about_us" exact component={AboutUsPage} />
+//       </Switch>
+//     </Router>
+//   );
+// };
+const RouterPages = () => {
+  return (
+    <Router>
+      <Navbar />
+      <Switch>
+        <Route path="/" exact component={Home} />
+        {/* <Route path="/missing_people"  exact  component={''} /> */}
+        {/* <Route path="/missing_people_details"  exact  component={''} /> */}
+        {/* <Route path="/search" exact  component={''} /> */}
+        {/* <Route path="/add_post" exact  component={''} /> */}
+        <Route path="/about_us" component={AboutUsPage} />
+        {/* <Route path="/contact_us" exact  component={''} /> */}
+      </Switch>
+      <Footer />
+    </Router>
+  );
+};
+export default RouterPages;
diff --git a/yarn.lock b/yarn.lock
index ec13b91..272b382 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9311,11 +9311,7 @@ node-releases@^1.1.52, node-releases@^1.1.61:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.63.tgz#db6dbb388544c31e888216304e8fd170efee3ff5"
   integrity sha512-ukW3iCfQaoxJkSPN+iK7KznTeqDGVJatAEuXsJERYHa9tn/KaT5lBdIyxQjLEVTzSkyjJEuQ17/vaEjrOauDkg==
 
-<<<<<<< HEAD
 node-sass@4.14.1:
-=======
-node-sass@^4.14.1:
->>>>>>> 6a883fc3db1928d7993c522cecedc146ef87eb51
   version "4.14.1"
   resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.14.1.tgz#99c87ec2efb7047ed638fb4c9db7f3a42e2217b5"
   integrity sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==

From 8f87326ef24f5012cafab648114b42643238bbd8 Mon Sep 17 00:00:00 2001
From: Watheq Alshowaiter <watheq.alshowaiter@gmail.com>
Date: Wed, 11 Nov 2020 19:36:19 +0300
Subject: [PATCH 02/15] Feat: complete the combining the routing

there is some problems with routing that needs to to refresh to function, we should fix it
---
 .eslintrc.json                                |     2 +-
 package.json                                  |     5 +
 .../MissingPersonForm.jsx                     |   199 +-
 src/components/Footer/Footer.jsx              |    28 +-
 .../MissedPersonNameAndStatus.jsx             |     7 +-
 .../MissingPersonCard.jsx                     |     7 +-
 .../MissingPersonCard.test.js                 |     0
 .../MissingPersonCard1.jsx                    |     0
 .../MissingPersonCard.test.js.snap            |     0
 src/components/Search/Search.js               |    14 +-
 src/components/navbar/NavBar.jsx              |     8 +-
 src/containers/HomePage/MissingPeople.jsx     |     7 +-
 .../MissedPersonPage/MissedPersonDetails.jsx  |     0
 .../MissingPeople/MissingPeoplePage.jsx       |     2 +-
 .../WebsiteDescription/WebsiteDescription.jsx |     7 +-
 src/pages/Contactus.jsx                       |     3 -
 src/pages/Home.jsx                            |     2 +-
 src/pages/MissedPerson.jsx                    |    13 +
 src/pages/MissingPeople.jsx                   |    15 +
 src/pages/PostMissingPerson.jsx               |    13 +
 src/router/RouterPages.jsx                    |    31 +-
 src/styles/main.css                           | 19614 +---------------
 yarn.lock                                     |  3347 ++-
 23 files changed, 1834 insertions(+), 21490 deletions(-)
 rename src/components/{ => MissingPersonCard}/MissingPersonCard.jsx (96%)
 rename src/components/{ => MissingPersonCard}/MissingPersonCard.test.js (100%)
 rename src/components/{ => MissingPersonCard}/MissingPersonCard1.jsx (100%)
 rename src/components/{ => MissingPersonCard}/__snapshots__/MissingPersonCard.test.js.snap (100%)
 rename src/{container => containers}/MissedPersonPage/MissedPersonDetails.jsx (100%)
 create mode 100644 src/pages/MissedPerson.jsx
 create mode 100644 src/pages/PostMissingPerson.jsx

diff --git a/.eslintrc.json b/.eslintrc.json
index 241d2fb..62bc9e4 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -31,7 +31,7 @@
         "destructuring": "all"
       }
     ],
-    "arrow-body-style": [2, "as-needed"],
+    // "arrow-body-style": [2, "as-needed"],
     "no-unused-expressions": [
       2,
       {
diff --git a/package.json b/package.json
index 8b2a96d..416b0de 100644
--- a/package.json
+++ b/package.json
@@ -4,12 +4,15 @@
   "private": true,
   "dependencies": {
     "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "^4.0.0-alpha.56",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/user-event": "^7.1.2",
     "autoprefixer": "^9.8.6",
     "firebase": "^8.0.1",
     "i18next": "^19.8.3",
     "i18next-browser-languagedetector": "^6.0.1",
+    "material-ui-icons": "^1.0.0-beta.36",
     "node-sass": "4.14.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
@@ -17,6 +20,8 @@
     "react-i18next": "^9.0.10",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
+    "react-scroll-up-button": "^1.6.4",
+    "react-spring": "^8.0.27",
     "styled-components": "^5.2.0",
     "tailwindcss": "^1.9.5"
   },
diff --git a/src/components/AddMissingPersonForm/MissingPersonForm.jsx b/src/components/AddMissingPersonForm/MissingPersonForm.jsx
index 3843d91..539b425 100644
--- a/src/components/AddMissingPersonForm/MissingPersonForm.jsx
+++ b/src/components/AddMissingPersonForm/MissingPersonForm.jsx
@@ -1,13 +1,12 @@
-import React, { useState, useEffect } from 'react'
-import './MissingPersonForm.scss'
-import { arrow, save, cancel } from './ImportImg'
-import UploadImg from './upload'
-import { useForm, Form } from './useForm'
-import { Input, Select, Textarea, SwitchToggle, Button } from './FormControl'
-import * as employeeService from './storg'
+import React, { useState, useEffect } from 'react';
+import './MissingPersonForm.scss';
+import { arrow, save, cancel } from './ImportImg';
+import UploadImg from './upload';
+import { useForm, Form } from './useForm';
+import { Input, Select, Textarea, SwitchToggle, Button } from './FormControl';
+import * as employeeService from './storg';
 
 const MissingPersonForm = () => {
-  
   const initialFValues = {
     id: 0,
     fristName: '',
@@ -27,53 +26,61 @@ const MissingPersonForm = () => {
     notes: '',
     specialSituotion: '',
     isLookingFor: false,
-    img: ''
+    img: '',
+  };
 
-  }
-
-
-  console.log('img' +initialFValues.img)
+  console.log('img' + initialFValues.img);
 
   const validate = (fieldValues = values) => {
-    let temp = { ...errors }
+    let temp = { ...errors };
     if ('fristName' in fieldValues) {
       if (!fieldValues.fristName) {
-        temp.fristName = "This field is required.";
+        temp.fristName = 'This field is required.';
       }
       if (fieldValues.fristName.length > 0) {
-        temp.fristName = fieldValues.fristName.match(/^[a-zA-Z]+$/) ? "" : "Please enter only letters.";
+        temp.fristName = fieldValues.fristName.match(/^[a-zA-Z]+$/)
+          ? ''
+          : 'Please enter only letters.';
       }
     }
 
     if ('secondName' in fieldValues) {
       if (fieldValues.secondName.length > 0) {
-        temp.secondName = fieldValues.secondName.match(/^[a-zA-Z]+$/) ? "" : "Please enter only letters.";
+        temp.secondName = fieldValues.secondName.match(/^[a-zA-Z]+$/)
+          ? ''
+          : 'Please enter only letters.';
       }
     }
     if ('thirdName' in fieldValues) {
       if (fieldValues.thirdName.length > 0) {
-        temp.thirdName = fieldValues.thirdName.match(/^[a-zA-Z]+$/) ? "" : "Please enter only letters.";
+        temp.thirdName = fieldValues.thirdName.match(/^[a-zA-Z]+$/)
+          ? ''
+          : 'Please enter only letters.';
       }
     }
     if ('surname' in fieldValues) {
       if (!fieldValues.surname) {
-        temp.surname = "This field is required.";
+        temp.surname = 'This field is required.';
       }
       if (fieldValues.surname.length > 0) {
-        temp.surname = fieldValues.surname.match(/^[a-zA-Z]+$/) ? "" : "Please enter only letters.";
+        temp.surname = fieldValues.surname.match(/^[a-zA-Z]+$/)
+          ? ''
+          : 'Please enter only letters.';
       }
     }
     if ('phoneNumber' in fieldValues) {
       var pattern = new RegExp(/^[0-9\b]+$/);
       if (!fieldValues.phoneNumber) {
-        temp.phoneNumber = "This field is required.";
+        temp.phoneNumber = 'This field is required.';
       }
       if (fieldValues.phoneNumber.length > 0) {
         if (pattern.test(fieldValues.phoneNumber)) {
-            temp.phoneNumber = fieldValues.phoneNumber.length > 8 ? '': "Please enter valid phone number.";
-        }
-        else {
-          temp.phoneNumber = "Please enter only number."
+          temp.phoneNumber =
+            fieldValues.phoneNumber.length > 8
+              ? ''
+              : 'Please enter valid phone number.';
+        } else {
+          temp.phoneNumber = 'Please enter only number.';
         }
       }
     }
@@ -81,34 +88,44 @@ const MissingPersonForm = () => {
       var pattern = new RegExp(/^[0-9\b]+$/);
       if (fieldValues.phoneNumber2.length > 0) {
         if (pattern.test(fieldValues.phoneNumber)) {
-            temp.phoneNumber2 = fieldValues.phoneNumber2.length > 8 ? '': "Please enter valid phone number.";
-        }
-        else {
-          temp.phoneNumber2 = "Please enter only number."
+          temp.phoneNumber2 =
+            fieldValues.phoneNumber2.length > 8
+              ? ''
+              : 'Please enter valid phone number.';
+        } else {
+          temp.phoneNumber2 = 'Please enter only number.';
         }
       }
     }
-    
+
     if ('locationOfLoss' in fieldValues)
-      temp.locationOfLoss = fieldValues.locationOfLoss ? "" : "This field is required."
+      temp.locationOfLoss = fieldValues.locationOfLoss
+        ? ''
+        : 'This field is required.';
     if ('lostSince' in fieldValues)
-      temp.lostSince = fieldValues.lostSince ? "" : "This field is required."
+      temp.lostSince = fieldValues.lostSince ? '' : 'This field is required.';
     if ('lastPlaceSeen' in fieldValues)
-      temp.lastPlaceSeen = fieldValues.lastPlaceSeen ? "" : "This field is required."
+      temp.lastPlaceSeen = fieldValues.lastPlaceSeen
+        ? ''
+        : 'This field is required.';
     if ('relationship' in fieldValues)
-      temp.relationship = fieldValues.relationship ? "" : "This field is required."
+      temp.relationship = fieldValues.relationship
+        ? ''
+        : 'This field is required.';
 
     if ('job' in fieldValues) {
       if (fieldValues.job.length > 0) {
-        temp.job = fieldValues.job.match(/^[a-zA-Z]+$/) ? "" : "Please enter only letters.";
+        temp.job = fieldValues.job.match(/^[a-zA-Z]+$/)
+          ? ''
+          : 'Please enter only letters.';
       }
     }
 
     setErrors({
-      ...temp
-    })
-    return Object.values(temp).every(x => x === "")
-  }
+      ...temp,
+    });
+    return Object.values(temp).every((x) => x === '');
+  };
 
   const {
     values,
@@ -116,35 +133,34 @@ const MissingPersonForm = () => {
     errors,
     setErrors,
     handleInputChange,
-    resetForm
+    resetForm,
   } = useForm(initialFValues, true, validate);
 
-  const handleSubmit = e => {
-    e.preventDefault()
+  const handleSubmit = (e) => {
+    e.preventDefault();
 
     if (validate()) {
-      console.log( values)
-  
+      console.log(values);
+
       // resetForm()
     }
-  }
+  };
 
   return (
-    <div className='bg-white shadow-md  rounded-3xl m-5'>
+    <div className="bg-white shadow-md  rounded-3xl m-5">
       <div className="flex xs:block sm:block md:flex xl:flex mb-6">
         <div className="w-1/4 p-2  text-center hidden md:block  "></div>
-        <div className="w-3/4 p-2  text-center md:text-left  "><Icon srcName={arrow} srcAlt='left-arrow' /><Title title='Add A Missing Person' /></div>
+        <div className="w-3/4 p-2  text-center md:text-left  ">
+          <Icon srcName={arrow} srcAlt="left-arrow" />
+          <Title title="Add A Missing Person" />
+        </div>
       </div>
-      <Form onSubmit={handleSubmit} >
+      <Form onSubmit={handleSubmit}>
         <div className="flex xs:block sm:block md:flex xl:flex">
           <div className=" p-2 xs:w-full sm:w-full md:w-1/4   text-center     ">
-            <UploadImg  
-             name="img"
-             onChange={handleInputChange} />
-
+            <UploadImg name="img" onChange={handleInputChange} />
           </div>
           <div className="md:w-3/4 p-4  sm:w-full ">
-
             {/* First Name , Second Name ,Third Name ,Surname*/}
             <div className="flex flex-wrap -mx-3 mb-5">
               <div className="w-full md:w-2/4 lg:w-1/4 p-2 mb-6 md:mb-0">
@@ -182,7 +198,6 @@ const MissingPersonForm = () => {
                 />
               </div>
               <div className="w-full md:w-2/4 lg:w-1/4 p-2 mb-6 md:mb-0">
-
                 <Input
                   required={true}
                   name="surname"
@@ -193,7 +208,6 @@ const MissingPersonForm = () => {
                   error={errors.surname}
                 />
               </div>
-
             </div>
             {/* Phone Number , Phone Number 2 */}
             <div className="flex flex-wrap -mx-3 mb-5">
@@ -220,15 +234,16 @@ const MissingPersonForm = () => {
                 />
               </div>
               <div className="w-full md:w-4/4 lg:w-2/4 p-2 mb-6 md:mb-0 pt-4">
-                <div className='inline'>
+                <div className="inline">
                   Missing Person
-              <SwitchToggle
-                    name='isLookingFor'
+                  <SwitchToggle
+                    name="isLookingFor"
                     checked={values.isLookingFor}
                     onChange={handleInputChange}
                   />
-               Looking for family
-              </div></div>
+                  Looking for family
+                </div>
+              </div>
             </div>
             {/* Location of Loss ,Lost Since ,Last Place Seen,Last Update*/}
             <div className="flex flex-wrap -mx-3 mb-5">
@@ -241,7 +256,6 @@ const MissingPersonForm = () => {
                   value={values.locationOfLoss}
                   onChange={handleInputChange}
                   error={errors.locationOfLoss}
-
                 />
               </div>
               <div className="w-full md:w-2/4 lg:w-1/4  p-2 mb-6 md:mb-0">
@@ -265,7 +279,6 @@ const MissingPersonForm = () => {
                   value={values.lastPlaceSeen}
                   onChange={handleInputChange}
                   error={errors.lastPlaceSeen}
-
                 />
               </div>
               <div className="w-full md:w-2/4 lg:w-1/4  p-2 mb-6 md:mb-0">
@@ -276,7 +289,6 @@ const MissingPersonForm = () => {
                   type="text"
                   value={values.lastUpdate}
                   onChange={handleInputChange}
-
                 />
               </div>
             </div>
@@ -292,7 +304,6 @@ const MissingPersonForm = () => {
                   value={values.age}
                   onChange={handleInputChange}
                   InputLabelProps={{ shrink: true }}
-
                 />
               </div>
               <div className="w-full md:w-2/4 lg:w-1/4  p-2 mb-6 md:mb-0">
@@ -313,7 +324,6 @@ const MissingPersonForm = () => {
                   value={values.relationship}
                   onChange={handleInputChange}
                   error={errors.relationship}
-
                 />
               </div>
               <div className="w-full md:w-2/4 lg:w-1/4  p-2 mb-6 md:mb-0">
@@ -349,38 +359,51 @@ const MissingPersonForm = () => {
             </div>
             {/* Button  */}
             <div className="flex flex-wrap -mx-3 mb-5">
-              <div className="w-full md:w-2/4 px-3 mb-6 md:mb-0">
-                <p className="text-sm "> <span className='text-red-500'>*</span> marked fields are required</p>
+              <div className="w-full md:w-2/4 px-3 mb-6 md:mb-0 text-left">
+                <p className="text-sm ">
+                  {' '}
+                  <span className="text-red-500">*</span> marked fields are
+                  required
+                </p>
               </div>
               <div className="w-full md:w-2/4 px-3 mb-6 md:mb-0 md:justify-end justify-center flex ">
-                <Button onClickMethod={resetForm} buttonName='Cancel' icon={cancel} type='reset'
-                  nameClass='rounded-full w-32 h-10 bg-white text-gray-700  border border-gray-700 border-solid' />
-                <Button buttonName='Save' icon={save} type='submit'
-                  nameClass='rounded-full w-32 h-10 bg-gradient-to-r from-blue-400 to-blue-700 text-white ' />
+                <Button
+                  onClickMethod={resetForm}
+                  buttonName="Cancel"
+                  icon={cancel}
+                  type="reset"
+                  nameClass="rounded-full w-32 h-10 bg-white text-gray-700  border border-gray-700 border-solid"
+                />
+                <Button
+                  buttonName="Save"
+                  icon={save}
+                  type="submit"
+                  nameClass="rounded-full w-32 h-10 bg-gradient-to-r from-blue-400 to-blue-700 text-white "
+                />
               </div>
             </div>
-
-
           </div>
-        </div></Form>
+        </div>
+      </Form>
     </div>
-  )
-
-
-}
-
-
-
+  );
+};
 
 const Icon = (props) => {
   return (
-    <img src={props.srcName} alt={props.srcAlt} className='icon inline mr-5 md:mr-5 hover:opacity-75 ' />
-  )
-}
+    <img
+      src={props.srcName}
+      alt={props.srcAlt}
+      className="icon inline mr-5 md:mr-5 hover:opacity-75 "
+    />
+  );
+};
 const Title = (props) => {
   return (
-    <h1 className='md:text-2xl lg:font-medium inline text-base'>{props.title}</h1>
-  )
-}
+    <h1 className="md:text-2xl lg:font-medium inline text-base">
+      {props.title}
+    </h1>
+  );
+};
 
-export default MissingPersonForm
\ No newline at end of file
+export default MissingPersonForm;
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 9a608e3..3e47249 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -22,7 +22,7 @@ const Footer = () => {
           <div className="container m-auto p-0  md:p-6   md:px-10 lg:px-24 ">
             <div className="  mb-8 p-2 w-full flex flex-wrap  pt-12">
               {/* About Section */}
-              <div className="relative  w-full h-full md:w-1/2 lg:w-1/2  px-12 md:pl-12">
+              <div className="relative  w-full h-full md:w-1/2 lg:w-1/2  px-12 md:pl-12 text-left">
                 <img
                   src={bg}
                   alt="bg"
@@ -30,7 +30,9 @@ const Footer = () => {
                   height="50%"
                   className="absolute right-0  p-8  pt-6 md:pt-1"
                 />
-                <h1 className="  text-white text-xl font-medium">About us</h1>
+                <h1 className="  text-white text-xl font-semibold ">
+                  About us
+                </h1>
                 <p className="  text-white ">
                   {' '}
                   Our website is a service that connects lost people with anyone
@@ -40,10 +42,10 @@ const Footer = () => {
                   that takes care of them.
                 </p>
               </div>
-              <div className="   w-full md:w-1/2 lg:w-1/2  md:pl-12 px-12    mt-4  md:mt-0">
+              <div className="   w-full md:w-1/2 lg:w-1/2  md:pl-12 px-12    mt-4  md:mt-0 text-left">
                 {/* links */}
-                <h3 className="text-white">links</h3>
-                <div className="flex pl-2">
+                <h3 className="text-white font-semibold">links</h3>
+                <div className="flex pl-2 ">
                   <div className="links  pr-10 ">
                     <LinkFooter pathLink="/" nameLink="Home" />
                     <LinkFooter
@@ -55,10 +57,6 @@ const Footer = () => {
                   <div className="links  ">
                     <LinkFooter pathLink="/search" nameLink="Search" />
                     <LinkFooter pathLink="/add_post" nameLink="Post" />
-                    <LinkFooter
-                      pathLink="/privacy_policy"
-                      nameLink="Privacy Policy"
-                    />
                   </div>
                 </div>
               </div>
@@ -66,7 +64,7 @@ const Footer = () => {
             {/* footerButton */}
             <div className=" mb-8 p-2 w-full flex flex-wrap mt-4 ">
               {/* Email */}
-              <div className=" w-full md:w-1/2 lg:w-1/2  md:pl-12 px-12 text-white">
+              <div className=" w-full md:w-1/2 lg:w-1/2  md:pl-12 px-12 text-white text-left">
                 <Icon
                   path="mailto:findme67@gmail.com"
                   srcName={email}
@@ -75,10 +73,12 @@ const Footer = () => {
                 findme67@gmail.com
               </div>
               {/* Social Media */}
-              <div className=" w-full  mt-4 md:w-1/2 md:mt-0 lg:w-1/2  md:pl-12  px-12 pr-0  ">
+              <div className=" w-full  mt-4 md:w-1/2 md:mt-0 lg:w-1/2  md:pl-12  px-12 pr-0 text-left ">
                 <p className="text-white uppercase	">
                   {' '}
-                  <span className="mr mr-3 md:mr-5">follow us : </span>
+                  <span className="mr mr-3 md:mr-5">
+                    follow us on social media:{' '}
+                  </span>
                   <Icon path="#" srcName={facebook} srcAlt="facebook" />
                   <Icon path="#" srcName={twitter} srcAlt="twitter" />
                   <Icon path="#" srcName={instagram} srcAlt="instagram" />
@@ -88,7 +88,7 @@ const Footer = () => {
             {/* copyRight */}
             <div className="  text-white p-3 text-center border-t-solid border-t border-t-gray-600">
               <p>
-                Desiged by Recoded &copy;2020 Alright are reseved to findme{' '}
+                Desiged by Recoded &copy; 2020 All rights are reserved to FindMe{' '}
               </p>
             </div>
           </div>
@@ -101,7 +101,7 @@ const LinkFooter = (props) => {
   return (
     <Link
       to={props.pathLink}
-      className="block text-white text-base hover:opacity-75 underline"
+      className="block text-white text-base hover:opacity-75 "
     >
       {props.nameLink}
     </Link>
diff --git a/src/components/MissedPersonNameAndStatus/MissedPersonNameAndStatus.jsx b/src/components/MissedPersonNameAndStatus/MissedPersonNameAndStatus.jsx
index ba4adf2..3a1a2f8 100644
--- a/src/components/MissedPersonNameAndStatus/MissedPersonNameAndStatus.jsx
+++ b/src/components/MissedPersonNameAndStatus/MissedPersonNameAndStatus.jsx
@@ -1,13 +1,16 @@
 import React from 'react';
 import ArrowBack from '../../images/arrow-back.svg';
+import { Link } from 'react-router-dom';
 
 const MissedPersonNameAndStatus = ({ missedPersonName, status }) => {
   return (
     <div className="mx-auto">
       <div className="mr-2 text-xl sm:inline text-center">
         <button className="focus:outline-none">
-          {/* Note: here we will use React router to redirect to missed people page */}
-          <img src={ArrowBack} alt="" className="w-10 h-10 sm:inline" />
+          <Link to="/missing_people">
+            {/* Note: here we will use React router to redirect to missed people page */}
+            <img src={ArrowBack} alt="" className="w-10 h-10 sm:inline" />
+          </Link>
         </button>
       </div>
       <p className="mx-2 text-3xl lg:text-4xl sm:inline">{missedPersonName}</p>
diff --git a/src/components/MissingPersonCard.jsx b/src/components/MissingPersonCard/MissingPersonCard.jsx
similarity index 96%
rename from src/components/MissingPersonCard.jsx
rename to src/components/MissingPersonCard/MissingPersonCard.jsx
index 288e8fb..cc31a09 100644
--- a/src/components/MissingPersonCard.jsx
+++ b/src/components/MissingPersonCard/MissingPersonCard.jsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import userImage from '../images/profile-svg.svg';
+import userImage from '../../images/profile-svg.svg';
+import { Link } from 'react-router-dom';
 
 const MissingPersonCard = ({ cardInfo, i }) => {
   const [footerCard, setfooterCard] = useState(0);
@@ -76,14 +77,14 @@ const MissingPersonCard = ({ cardInfo, i }) => {
               </p>
             </div>
             <div className=" ">
-              <a href="#">
+              <Link to="/missing_people_details">
                 <button
                   className="focus:outline-none
                 border-2 border-white font-semibold  hover:bg-blue-600 text-white py-2 px-4 mb-2 rounded-full"
                 >
                   More Details
                 </button>
-              </a>
+              </Link>
             </div>
           </div>
         </div>
diff --git a/src/components/MissingPersonCard.test.js b/src/components/MissingPersonCard/MissingPersonCard.test.js
similarity index 100%
rename from src/components/MissingPersonCard.test.js
rename to src/components/MissingPersonCard/MissingPersonCard.test.js
diff --git a/src/components/MissingPersonCard1.jsx b/src/components/MissingPersonCard/MissingPersonCard1.jsx
similarity index 100%
rename from src/components/MissingPersonCard1.jsx
rename to src/components/MissingPersonCard/MissingPersonCard1.jsx
diff --git a/src/components/__snapshots__/MissingPersonCard.test.js.snap b/src/components/MissingPersonCard/__snapshots__/MissingPersonCard.test.js.snap
similarity index 100%
rename from src/components/__snapshots__/MissingPersonCard.test.js.snap
rename to src/components/MissingPersonCard/__snapshots__/MissingPersonCard.test.js.snap
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index e72be32..f0b1a85 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -6,11 +6,6 @@
  */
 
 import React from 'react';
-import SearchBackground from '../../images/searchBackground.svg';
-import { places } from './placesData';
-import { getCurrentDate, validateName } from './helpers';
-import useStyles from './custMUIStyle';
-import { getSearchInfo } from './searchInfo';
 
 /**
  * importing Material UI dependencies
@@ -28,6 +23,12 @@ import Switch from '@material-ui/core/Switch';
 import ClearAllIcon from '@material-ui/icons/BackspaceOutlined';
 import SendIcon from '@material-ui/icons/Send';
 
+import SearchBackground from '../../images/searchBackground.svg';
+import { places } from './placesData';
+import { getCurrentDate, validateName } from './helpers';
+import useStyles from './custMUIStyle';
+import { getSearchInfo } from './searchInfo';
+
 const CheckMissingPerson = (props) => {
   return (
     <FormControlLabel
@@ -90,7 +91,7 @@ const ChooseGender = (props) => {
   );
 };
 
-export const Search = () => {
+const Search = () => {
   const Classes = useStyles();
 
   const searchObj = {
@@ -261,3 +262,4 @@ export const Search = () => {
     </section>
   );
 };
+export default Search;
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index fc49db7..bc01561 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -56,12 +56,12 @@ const Navbar = (props) => {
     >
       <div className="w-full sm:w-full xl:w-48 px-4 mx-auto flex flex-wrap items-center justify-between">
         <div className="w-full relative flex justify-between xl:w-auto xl:static xl:block xl:justify-start">
-          <a href="#" className="p-2 mr-4 inline-flex items-center">
-            <img src={FindMeLogo} className="h-8 w-8" alt="find me logo"></img>
+          <Link to="/" className="p-2 mr-4 inline-flex items-center">
+            <img src={FindMeLogo} className="h-8 w-8" alt="find me logo" />
             <span className="text-xl text-black font-bold uppercase tracking-wide">
               Find Me
             </span>
-          </a>
+          </Link>
           <button
             className={`text-black inline-flex p-3 rounded xl:hidden ml-auto hover:text-white focus:outline-none outline-none nav-toggler items-center`}
             data-target="#navigation"
@@ -169,7 +169,7 @@ const Navbar = (props) => {
               </div>
             </li>
             <li className="mt-2 xl:mt-0">
-              <Link to="/search" className="hover:opacity-75">
+              <Link to="/missing_people" className="hover:opacity-75">
                 <button className="inline-flex xl:w-auto w-full mx-3 px-5 py-1 rounded-full items-center justify-center border-2 h-8 border-blue-400 text-blue-500 focus:outline-none hover:bg-opacity-75">
                   <img
                     src={SearchIcon}
diff --git a/src/containers/HomePage/MissingPeople.jsx b/src/containers/HomePage/MissingPeople.jsx
index ebf87f4..c0c5e33 100644
--- a/src/containers/HomePage/MissingPeople.jsx
+++ b/src/containers/HomePage/MissingPeople.jsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
-import MissingPersonCard from '../../components/MissingPersonCard';
+import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonCard';
 import Api from './api';
+import { Link } from 'react-router-dom';
 
 const HomePage = ({ missingPeople }) => {
   // storing api data in the state
@@ -18,9 +19,9 @@ const HomePage = ({ missingPeople }) => {
         ))}
       </div>
       <p className="mr-10 my-10 text-right text-blue-500">
-        <a href="#">
+        <Link to="/missing_people">
           <span className="">More Missing People &rarr;</span>
-        </a>
+        </Link>
       </p>
     </div>
   );
diff --git a/src/container/MissedPersonPage/MissedPersonDetails.jsx b/src/containers/MissedPersonPage/MissedPersonDetails.jsx
similarity index 100%
rename from src/container/MissedPersonPage/MissedPersonDetails.jsx
rename to src/containers/MissedPersonPage/MissedPersonDetails.jsx
diff --git a/src/containers/MissingPeople/MissingPeoplePage.jsx b/src/containers/MissingPeople/MissingPeoplePage.jsx
index 5155a3a..ce11cbd 100644
--- a/src/containers/MissingPeople/MissingPeoplePage.jsx
+++ b/src/containers/MissingPeople/MissingPeoplePage.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { CircleArrow as ScrollUpButton } from 'react-scroll-up-button';
-import MissingPersonCard from '../../components/MissingPersonCard';
+import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonCard';
 import { ReactComponent as MyIcon } from './repeat-grid-4.svg';
 import Api from './api';
 import './style.css';
diff --git a/src/containers/WebsiteDescription/WebsiteDescription.jsx b/src/containers/WebsiteDescription/WebsiteDescription.jsx
index 7ae7442..82907e8 100644
--- a/src/containers/WebsiteDescription/WebsiteDescription.jsx
+++ b/src/containers/WebsiteDescription/WebsiteDescription.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import Button from '../../components/Button/Button';
 import DescriptionImage from '../../images/undraw_web_search_eetr.svg';
 import SearchIcon from '../../images/Path.svg';
+import { Link } from 'react-router-dom';
 
 const WebsiteDescription = () => {
   return (
@@ -10,7 +11,7 @@ const WebsiteDescription = () => {
         <div>
           <h1 className="text-4xl">Lost Someone?</h1>
           <h4 className="text-3xl text-blue-500">
-            Search here to find him/here
+            Search here to find him/her
           </h4>
           <p>
             Our website is a service that connects lost people with anyone who
@@ -20,7 +21,9 @@ const WebsiteDescription = () => {
           </p>
         </div>
         <div className="flex justify-center mt-4 md:justify-end">
-          <Button buttonName="Find Me" icon={SearchIcon} />
+          <Link to="/missing_people">
+            <Button buttonName="Find Me" icon={SearchIcon} />
+          </Link>
         </div>
       </div>
       <div className="sm:w-2/5">
diff --git a/src/pages/Contactus.jsx b/src/pages/Contactus.jsx
index 7f981c4..2f17cd5 100644
--- a/src/pages/Contactus.jsx
+++ b/src/pages/Contactus.jsx
@@ -7,10 +7,7 @@ import Footer from '../components/Footer/Footer';
 function ContactUsPage() {
   return (
     <div className="App bg-findMe">
-      <Navbar />
-      <hr />
       <ContactUsComponent />
-      <Footer />
     </div>
   );
 }
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 86d83e9..d9c1094 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -10,7 +10,7 @@ import Statistics from '../components/Statistics/Statistics.js';
 import info from '../components/Statistics/data';
 
 // test pages
-// import C from '../pages/Contactus';
+import C from './PostMissingPerson';
 
 function Home() {
   return (
diff --git a/src/pages/MissedPerson.jsx b/src/pages/MissedPerson.jsx
new file mode 100644
index 0000000..b45cce9
--- /dev/null
+++ b/src/pages/MissedPerson.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+import MissingPerson from '../containers/MissedPersonPage/MissedPersonDetails';
+
+const MissingPersonPage = () => {
+  return (
+    <div className="App bg-findMe">
+      <MissingPerson />
+    </div>
+  );
+};
+
+export default MissingPersonPage;
diff --git a/src/pages/MissingPeople.jsx b/src/pages/MissingPeople.jsx
index e69de29..b6cc3f2 100644
--- a/src/pages/MissingPeople.jsx
+++ b/src/pages/MissingPeople.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+import MissingPeoplePage from '../containers/MissingPeople/MissingPeoplePage';
+import Search from '../components/Search/Search';
+
+const MissingPeople = () => {
+  return (
+    <div className="App bg-findMe">
+      <Search />
+      <MissingPeoplePage />
+    </div>
+  );
+};
+
+export default MissingPeople;
diff --git a/src/pages/PostMissingPerson.jsx b/src/pages/PostMissingPerson.jsx
new file mode 100644
index 0000000..f6d8d68
--- /dev/null
+++ b/src/pages/PostMissingPerson.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+import AddMissingPerson from '../containers/AddMissingPesrson/AddMissingPerson';
+
+const PostMissingPerson = () => {
+  return (
+    <div className="App bg-findMe">
+      <AddMissingPerson />
+    </div>
+  );
+};
+
+export default PostMissingPerson;
diff --git a/src/router/RouterPages.jsx b/src/router/RouterPages.jsx
index 9e3b5d3..271a0db 100644
--- a/src/router/RouterPages.jsx
+++ b/src/router/RouterPages.jsx
@@ -4,38 +4,25 @@ import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import Footer from '../containers/Home/FooterSection';
 import Navbar from '../components/navbar/NavBar';
 
+// the pages
 import AboutUsPage from '../pages/AboutUs.jsx';
 import Home from '../pages/Home';
+import MissingPeople from '../pages/MissingPeople';
+import ContactUs from '../pages/Contactus';
+import PostMissingPerson from '../pages/PostMissingPerson';
+import MissingPerson from '../pages/MissedPerson';
 
-// const RouterPages = () => {
-//   return (
-//     <Router>
-//       <Switch>
-//         <Route path="/" exact component={Home} />
-//         {/*<Route path="/missing_people"  exact  component={''} />
-//                 <Route path="/missing_people_details"  exact  component={''} />
-//                 <Route path="/search" exact  component={''} />
-//                 <Route path="/add_post" exact  component={''} />
-//                  <Route path="/contact_us" exact component={''} />
-//            */}
-
-//         <Route path="/about_us" exact component={AboutUsPage} />
-//       </Switch>
-//     </Router>
-//   );
-// };
 const RouterPages = () => {
   return (
     <Router>
       <Navbar />
       <Switch>
         <Route path="/" exact component={Home} />
-        {/* <Route path="/missing_people"  exact  component={''} /> */}
-        {/* <Route path="/missing_people_details"  exact  component={''} /> */}
-        {/* <Route path="/search" exact  component={''} /> */}
-        {/* <Route path="/add_post" exact  component={''} /> */}
+        <Route path="/missing_people" exact component={MissingPeople} />
+        <Route path="/missing_people_details" exact component={MissingPerson} />
+        <Route path="/add_post" exact component={PostMissingPerson} />
         <Route path="/about_us" component={AboutUsPage} />
-        {/* <Route path="/contact_us" exact  component={''} /> */}
+        <Route path="/contact_us" exact component={ContactUs} />
       </Switch>
       <Footer />
     </Router>
diff --git a/src/styles/main.css b/src/styles/main.css
index ff19343..674df56 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -13974,20 +13974,6 @@ video {
   left: 0;
 }
 
-.inset-30 {
-  top: 30%;
-  right: 30%;
-  bottom: 30%;
-  left: 30%;
-}
-
-.inset-60 {
-  top: 60%;
-  right: 60%;
-  bottom: 60%;
-  left: 60%;
-}
-
 .inset-auto {
   top: auto;
   right: auto;
@@ -13995,13 +13981,6 @@ video {
   left: auto;
 }
 
-.inset-1\/2 {
-  top: 50%;
-  right: 50%;
-  bottom: 50%;
-  left: 50%;
-}
-
 .inset-y-0 {
   top: 0;
   bottom: 0;
@@ -14012,26 +13991,6 @@ video {
   left: 0;
 }
 
-.inset-y-30 {
-  top: 30%;
-  bottom: 30%;
-}
-
-.inset-x-30 {
-  right: 30%;
-  left: 30%;
-}
-
-.inset-y-60 {
-  top: 60%;
-  bottom: 60%;
-}
-
-.inset-x-60 {
-  right: 60%;
-  left: 60%;
-}
-
 .inset-y-auto {
   top: auto;
   bottom: auto;
@@ -14042,16 +14001,6 @@ video {
   left: auto;
 }
 
-.inset-y-1\/2 {
-  top: 50%;
-  bottom: 50%;
-}
-
-.inset-x-1\/2 {
-  right: 50%;
-  left: 50%;
-}
-
 .top-0 {
   top: 0;
 }
@@ -14068,38 +14017,6 @@ video {
   left: 0;
 }
 
-.top-30 {
-  top: 30%;
-}
-
-.right-30 {
-  right: 30%;
-}
-
-.bottom-30 {
-  bottom: 30%;
-}
-
-.left-30 {
-  left: 30%;
-}
-
-.top-60 {
-  top: 60%;
-}
-
-.right-60 {
-  right: 60%;
-}
-
-.bottom-60 {
-  bottom: 60%;
-}
-
-.left-60 {
-  left: 60%;
-}
-
 .top-auto {
   top: auto;
 }
@@ -14116,22 +14033,6 @@ video {
   left: auto;
 }
 
-.top-1\/2 {
-  top: 50%;
-}
-
-.right-1\/2 {
-  right: 50%;
-}
-
-.bottom-1\/2 {
-  bottom: 50%;
-}
-
-.left-1\/2 {
-  left: 50%;
-}
-
 .resize-none {
   resize: none;
 }
@@ -19154,18984 +19055,291 @@ video {
   --transform-skew-y: 0;
 }
 
-.hover\:skew-y-1:hover {
-  --transform-skew-y: 1deg;
-}
-
-.hover\:skew-y-2:hover {
-  --transform-skew-y: 2deg;
-}
-
-.hover\:skew-y-3:hover {
-  --transform-skew-y: 3deg;
-}
-
-.hover\:skew-y-6:hover {
-  --transform-skew-y: 6deg;
-}
-
-.hover\:skew-y-12:hover {
-  --transform-skew-y: 12deg;
-}
-
-.hover\:-skew-y-12:hover {
-  --transform-skew-y: -12deg;
-}
-
-.hover\:-skew-y-6:hover {
-  --transform-skew-y: -6deg;
-}
-
-.hover\:-skew-y-3:hover {
-  --transform-skew-y: -3deg;
-}
-
-.hover\:-skew-y-2:hover {
-  --transform-skew-y: -2deg;
-}
-
-.hover\:-skew-y-1:hover {
-  --transform-skew-y: -1deg;
-}
-
-.focus\:skew-x-0:focus {
-  --transform-skew-x: 0;
-}
-
-.focus\:skew-x-1:focus {
-  --transform-skew-x: 1deg;
-}
-
-.focus\:skew-x-2:focus {
-  --transform-skew-x: 2deg;
-}
-
-.focus\:skew-x-3:focus {
-  --transform-skew-x: 3deg;
-}
-
-.focus\:skew-x-6:focus {
-  --transform-skew-x: 6deg;
-}
-
-.focus\:skew-x-12:focus {
-  --transform-skew-x: 12deg;
-}
-
-.focus\:-skew-x-12:focus {
-  --transform-skew-x: -12deg;
-}
-
-.focus\:-skew-x-6:focus {
-  --transform-skew-x: -6deg;
-}
-
-.focus\:-skew-x-3:focus {
-  --transform-skew-x: -3deg;
-}
-
-.focus\:-skew-x-2:focus {
-  --transform-skew-x: -2deg;
-}
-
-.focus\:-skew-x-1:focus {
-  --transform-skew-x: -1deg;
-}
-
-.focus\:skew-y-0:focus {
-  --transform-skew-y: 0;
-}
-
-.focus\:skew-y-1:focus {
-  --transform-skew-y: 1deg;
-}
-
-.focus\:skew-y-2:focus {
-  --transform-skew-y: 2deg;
-}
-
-.focus\:skew-y-3:focus {
-  --transform-skew-y: 3deg;
-}
-
-.focus\:skew-y-6:focus {
-  --transform-skew-y: 6deg;
-}
-
-.focus\:skew-y-12:focus {
-  --transform-skew-y: 12deg;
-}
-
-.focus\:-skew-y-12:focus {
-  --transform-skew-y: -12deg;
-}
-
-.focus\:-skew-y-6:focus {
-  --transform-skew-y: -6deg;
-}
-
-.focus\:-skew-y-3:focus {
-  --transform-skew-y: -3deg;
-}
-
-.focus\:-skew-y-2:focus {
-  --transform-skew-y: -2deg;
-}
-
-.focus\:-skew-y-1:focus {
-  --transform-skew-y: -1deg;
-}
-
-.transition-none {
-  transition-property: none;
-}
-
-.transition-all {
-  transition-property: all;
-}
-
-.transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-}
-
-.transition-colors {
-  transition-property: background-color, border-color, color, fill, stroke;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-}
-
-.transition-transform {
-  transition-property: transform;
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.duration-75 {
-  transition-duration: 75ms;
-}
-
-.duration-100 {
-  transition-duration: 100ms;
-}
-
-.duration-150 {
-  transition-duration: 150ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.duration-500 {
-  transition-duration: 500ms;
-}
-
-.duration-700 {
-  transition-duration: 700ms;
-}
-
-.duration-1000 {
-  transition-duration: 1000ms;
-}
-
-.delay-75 {
-  transition-delay: 75ms;
-}
-
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-150 {
-  transition-delay: 150ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
-.delay-300 {
-  transition-delay: 300ms;
-}
-
-.delay-500 {
-  transition-delay: 500ms;
-}
-
-.delay-700 {
-  transition-delay: 700ms;
-}
-
-.delay-1000 {
-  transition-delay: 1000ms;
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: none;
-    animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-.animate-none {
-  animation: none;
-}
-
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
-
-.animate-ping {
-  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-.animate-bounce {
-  animation: bounce 1s infinite;
-}
-
-@media (max-width: 639px) {
-  .xs\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .xs\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .xs\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .xs\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .xs\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .xs\:space-y-0 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0px * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-0 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0px * var(--space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-1 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-1 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1rem * var(--space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-8 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-8 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2rem * var(--space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-10 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-10 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3rem * var(--space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-16 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(4rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-16 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(4rem * var(--space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-20 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-20 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(5rem * var(--space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-24 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(6rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-24 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(6rem * var(--space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-32 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(8rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-32 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(8rem * var(--space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-40 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(10rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-40 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(10rem * var(--space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-48 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(12rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-48 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(12rem * var(--space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-56 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(14rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-56 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(14rem * var(--space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-64 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-64 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16rem * var(--space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-px > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1px * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-px > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1px * var(--space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-1 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-1 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-8 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-8 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-10 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-10 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-16 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-16 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-20 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-20 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-24 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-24 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-32 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-32 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-40 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-40 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-48 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-48 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-56 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-56 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-64 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-64 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-px > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1px * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-px > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1px * var(--space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-reverse > :not(template) ~ :not(template) {
-    --space-y-reverse: 1;
-  }
-
-  .xs\:space-x-reverse > :not(template) ~ :not(template) {
-    --space-x-reverse: 1;
-  }
-
-  .xs\:divide-y-0 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-0 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-2 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-2 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-4 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-4 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-8 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-8 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-reverse > :not(template) ~ :not(template) {
-    --divide-y-reverse: 1;
-  }
-
-  .xs\:divide-x-reverse > :not(template) ~ :not(template) {
-    --divide-x-reverse: 1;
-  }
-
-  .xs\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .xs\:divide-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .xs\:divide-black > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--divide-opacity));
-  }
-
-  .xs\:divide-white > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--divide-opacity));
-  }
-
-  .xs\:divide-solid > :not(template) ~ :not(template) {
-    border-style: solid;
-  }
-
-  .xs\:divide-dashed > :not(template) ~ :not(template) {
-    border-style: dashed;
-  }
-
-  .xs\:divide-dotted > :not(template) ~ :not(template) {
-    border-style: dotted;
-  }
-
-  .xs\:divide-double > :not(template) ~ :not(template) {
-    border-style: double;
-  }
-
-  .xs\:divide-none > :not(template) ~ :not(template) {
-    border-style: none;
-  }
-
-  .xs\:divide-opacity-0 > :not(template) ~ :not(template) {
-    --divide-opacity: 0;
-  }
-
-  .xs\:divide-opacity-25 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.25;
-  }
-
-  .xs\:divide-opacity-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.5;
-  }
-
-  .xs\:divide-opacity-75 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.75;
-  }
-
-  .xs\:divide-opacity-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-  }
-
-  .xs\:sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
-  .xs\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .xs\:focus\:sr-only:focus {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
-  .xs\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .xs\:appearance-none {
-    -webkit-appearance: none;
-            appearance: none;
-  }
-
-  .xs\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .xs\:bg-local {
-    background-attachment: local;
-  }
-
-  .xs\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .xs\:bg-clip-border {
-    background-clip: border-box;
-  }
-
-  .xs\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .xs\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .xs\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .xs\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .xs\:bg-current {
-    background-color: currentColor;
-  }
-
-  .xs\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xs\:bg-white {
-    --bg-opacity: 1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f7fafc;
-    background-color: rgba(247, 250, 252, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #edf2f7;
-    background-color: rgba(237, 242, 247, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #cbd5e0;
-    background-color: rgba(203, 213, 224, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #a0aec0;
-    background-color: rgba(160, 174, 192, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #718096;
-    background-color: rgba(113, 128, 150, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #4a5568;
-    background-color: rgba(74, 85, 104, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #2d3748;
-    background-color: rgba(45, 55, 72, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202c;
-    background-color: rgba(26, 32, 44, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fff5f5;
-    background-color: rgba(255, 245, 245, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fed7d7;
-    background-color: rgba(254, 215, 215, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #feb2b2;
-    background-color: rgba(254, 178, 178, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #fc8181;
-    background-color: rgba(252, 129, 129, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f56565;
-    background-color: rgba(245, 101, 101, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e53e3e;
-    background-color: rgba(229, 62, 62, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c53030;
-    background-color: rgba(197, 48, 48, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b2c2c;
-    background-color: rgba(155, 44, 44, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #742a2a;
-    background-color: rgba(116, 42, 42, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #fffaf0;
-    background-color: rgba(255, 250, 240, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #feebc8;
-    background-color: rgba(254, 235, 200, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fbd38d;
-    background-color: rgba(251, 211, 141, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #f6ad55;
-    background-color: rgba(246, 173, 85, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ed8936;
-    background-color: rgba(237, 137, 54, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #dd6b20;
-    background-color: rgba(221, 107, 32, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #c05621;
-    background-color: rgba(192, 86, 33, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #9c4221;
-    background-color: rgba(156, 66, 33, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #7b341e;
-    background-color: rgba(123, 52, 30, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fffff0;
-    background-color: rgba(255, 255, 240, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fefcbf;
-    background-color: rgba(254, 252, 191, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faf089;
-    background-color: rgba(250, 240, 137, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #f6e05e;
-    background-color: rgba(246, 224, 94, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #ecc94b;
-    background-color: rgba(236, 201, 75, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #d69e2e;
-    background-color: rgba(214, 158, 46, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #b7791f;
-    background-color: rgba(183, 121, 31, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #975a16;
-    background-color: rgba(151, 90, 22, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #744210;
-    background-color: rgba(116, 66, 16, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #f0fff4;
-    background-color: rgba(240, 255, 244, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #c6f6d5;
-    background-color: rgba(198, 246, 213, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #9ae6b4;
-    background-color: rgba(154, 230, 180, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #68d391;
-    background-color: rgba(104, 211, 145, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #48bb78;
-    background-color: rgba(72, 187, 120, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #38a169;
-    background-color: rgba(56, 161, 105, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #2f855a;
-    background-color: rgba(47, 133, 90, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #276749;
-    background-color: rgba(39, 103, 73, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #22543d;
-    background-color: rgba(34, 84, 61, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #e6fffa;
-    background-color: rgba(230, 255, 250, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #b2f5ea;
-    background-color: rgba(178, 245, 234, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #81e6d9;
-    background-color: rgba(129, 230, 217, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #4fd1c5;
-    background-color: rgba(79, 209, 197, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #38b2ac;
-    background-color: rgba(56, 178, 172, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #319795;
-    background-color: rgba(49, 151, 149, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #2c7a7b;
-    background-color: rgba(44, 122, 123, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #285e61;
-    background-color: rgba(40, 94, 97, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #234e52;
-    background-color: rgba(35, 78, 82, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #ebf8ff;
-    background-color: rgba(235, 248, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #bee3f8;
-    background-color: rgba(190, 227, 248, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #90cdf4;
-    background-color: rgba(144, 205, 244, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #63b3ed;
-    background-color: rgba(99, 179, 237, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #4299e1;
-    background-color: rgba(66, 153, 225, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #3182ce;
-    background-color: rgba(49, 130, 206, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #2b6cb0;
-    background-color: rgba(43, 108, 176, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #2c5282;
-    background-color: rgba(44, 82, 130, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #2a4365;
-    background-color: rgba(42, 67, 101, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #ebf4ff;
-    background-color: rgba(235, 244, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #c3dafe;
-    background-color: rgba(195, 218, 254, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #a3bffa;
-    background-color: rgba(163, 191, 250, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #7f9cf5;
-    background-color: rgba(127, 156, 245, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #667eea;
-    background-color: rgba(102, 126, 234, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5a67d8;
-    background-color: rgba(90, 103, 216, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #4c51bf;
-    background-color: rgba(76, 81, 191, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #434190;
-    background-color: rgba(67, 65, 144, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #3c366b;
-    background-color: rgba(60, 54, 107, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #faf5ff;
-    background-color: rgba(250, 245, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #e9d8fd;
-    background-color: rgba(233, 216, 253, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #d6bcfa;
-    background-color: rgba(214, 188, 250, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #b794f4;
-    background-color: rgba(183, 148, 244, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9f7aea;
-    background-color: rgba(159, 122, 234, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #805ad5;
-    background-color: rgba(128, 90, 213, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6b46c1;
-    background-color: rgba(107, 70, 193, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #553c9a;
-    background-color: rgba(85, 60, 154, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #44337a;
-    background-color: rgba(68, 51, 122, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fff5f7;
-    background-color: rgba(255, 245, 247, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fed7e2;
-    background-color: rgba(254, 215, 226, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #fbb6ce;
-    background-color: rgba(251, 182, 206, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f687b3;
-    background-color: rgba(246, 135, 179, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #ed64a6;
-    background-color: rgba(237, 100, 166, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d53f8c;
-    background-color: rgba(213, 63, 140, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #b83280;
-    background-color: rgba(184, 50, 128, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #97266d;
-    background-color: rgba(151, 38, 109, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #702459;
-    background-color: rgba(112, 36, 89, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .xs\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .xs\:hover\:bg-black:hover {
-    --bg-opacity: 1;
-    background-color: #000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-white:hover {
-    --bg-opacity: 1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f7fafc;
-    background-color: rgba(247, 250, 252, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #edf2f7;
-    background-color: rgba(237, 242, 247, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #cbd5e0;
-    background-color: rgba(203, 213, 224, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #a0aec0;
-    background-color: rgba(160, 174, 192, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #718096;
-    background-color: rgba(113, 128, 150, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #4a5568;
-    background-color: rgba(74, 85, 104, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #2d3748;
-    background-color: rgba(45, 55, 72, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #1a202c;
-    background-color: rgba(26, 32, 44, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-100:hover {
-    --bg-opacity: 1;
-    background-color: #fff5f5;
-    background-color: rgba(255, 245, 245, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-200:hover {
-    --bg-opacity: 1;
-    background-color: #fed7d7;
-    background-color: rgba(254, 215, 215, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-300:hover {
-    --bg-opacity: 1;
-    background-color: #feb2b2;
-    background-color: rgba(254, 178, 178, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-400:hover {
-    --bg-opacity: 1;
-    background-color: #fc8181;
-    background-color: rgba(252, 129, 129, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-500:hover {
-    --bg-opacity: 1;
-    background-color: #f56565;
-    background-color: rgba(245, 101, 101, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-600:hover {
-    --bg-opacity: 1;
-    background-color: #e53e3e;
-    background-color: rgba(229, 62, 62, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-700:hover {
-    --bg-opacity: 1;
-    background-color: #c53030;
-    background-color: rgba(197, 48, 48, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-800:hover {
-    --bg-opacity: 1;
-    background-color: #9b2c2c;
-    background-color: rgba(155, 44, 44, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-900:hover {
-    --bg-opacity: 1;
-    background-color: #742a2a;
-    background-color: rgba(116, 42, 42, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-100:hover {
-    --bg-opacity: 1;
-    background-color: #fffaf0;
-    background-color: rgba(255, 250, 240, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-200:hover {
-    --bg-opacity: 1;
-    background-color: #feebc8;
-    background-color: rgba(254, 235, 200, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-300:hover {
-    --bg-opacity: 1;
-    background-color: #fbd38d;
-    background-color: rgba(251, 211, 141, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-400:hover {
-    --bg-opacity: 1;
-    background-color: #f6ad55;
-    background-color: rgba(246, 173, 85, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-500:hover {
-    --bg-opacity: 1;
-    background-color: #ed8936;
-    background-color: rgba(237, 137, 54, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-600:hover {
-    --bg-opacity: 1;
-    background-color: #dd6b20;
-    background-color: rgba(221, 107, 32, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-700:hover {
-    --bg-opacity: 1;
-    background-color: #c05621;
-    background-color: rgba(192, 86, 33, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-800:hover {
-    --bg-opacity: 1;
-    background-color: #9c4221;
-    background-color: rgba(156, 66, 33, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-900:hover {
-    --bg-opacity: 1;
-    background-color: #7b341e;
-    background-color: rgba(123, 52, 30, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-100:hover {
-    --bg-opacity: 1;
-    background-color: #fffff0;
-    background-color: rgba(255, 255, 240, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-200:hover {
-    --bg-opacity: 1;
-    background-color: #fefcbf;
-    background-color: rgba(254, 252, 191, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-300:hover {
-    --bg-opacity: 1;
-    background-color: #faf089;
-    background-color: rgba(250, 240, 137, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-400:hover {
-    --bg-opacity: 1;
-    background-color: #f6e05e;
-    background-color: rgba(246, 224, 94, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-500:hover {
-    --bg-opacity: 1;
-    background-color: #ecc94b;
-    background-color: rgba(236, 201, 75, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-600:hover {
-    --bg-opacity: 1;
-    background-color: #d69e2e;
-    background-color: rgba(214, 158, 46, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-700:hover {
-    --bg-opacity: 1;
-    background-color: #b7791f;
-    background-color: rgba(183, 121, 31, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-800:hover {
-    --bg-opacity: 1;
-    background-color: #975a16;
-    background-color: rgba(151, 90, 22, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-900:hover {
-    --bg-opacity: 1;
-    background-color: #744210;
-    background-color: rgba(116, 66, 16, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-100:hover {
-    --bg-opacity: 1;
-    background-color: #f0fff4;
-    background-color: rgba(240, 255, 244, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-200:hover {
-    --bg-opacity: 1;
-    background-color: #c6f6d5;
-    background-color: rgba(198, 246, 213, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-300:hover {
-    --bg-opacity: 1;
-    background-color: #9ae6b4;
-    background-color: rgba(154, 230, 180, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-400:hover {
-    --bg-opacity: 1;
-    background-color: #68d391;
-    background-color: rgba(104, 211, 145, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-500:hover {
-    --bg-opacity: 1;
-    background-color: #48bb78;
-    background-color: rgba(72, 187, 120, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-600:hover {
-    --bg-opacity: 1;
-    background-color: #38a169;
-    background-color: rgba(56, 161, 105, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-700:hover {
-    --bg-opacity: 1;
-    background-color: #2f855a;
-    background-color: rgba(47, 133, 90, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-800:hover {
-    --bg-opacity: 1;
-    background-color: #276749;
-    background-color: rgba(39, 103, 73, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-900:hover {
-    --bg-opacity: 1;
-    background-color: #22543d;
-    background-color: rgba(34, 84, 61, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-100:hover {
-    --bg-opacity: 1;
-    background-color: #e6fffa;
-    background-color: rgba(230, 255, 250, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-200:hover {
-    --bg-opacity: 1;
-    background-color: #b2f5ea;
-    background-color: rgba(178, 245, 234, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-300:hover {
-    --bg-opacity: 1;
-    background-color: #81e6d9;
-    background-color: rgba(129, 230, 217, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-400:hover {
-    --bg-opacity: 1;
-    background-color: #4fd1c5;
-    background-color: rgba(79, 209, 197, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-500:hover {
-    --bg-opacity: 1;
-    background-color: #38b2ac;
-    background-color: rgba(56, 178, 172, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-600:hover {
-    --bg-opacity: 1;
-    background-color: #319795;
-    background-color: rgba(49, 151, 149, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-700:hover {
-    --bg-opacity: 1;
-    background-color: #2c7a7b;
-    background-color: rgba(44, 122, 123, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-800:hover {
-    --bg-opacity: 1;
-    background-color: #285e61;
-    background-color: rgba(40, 94, 97, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-900:hover {
-    --bg-opacity: 1;
-    background-color: #234e52;
-    background-color: rgba(35, 78, 82, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-100:hover {
-    --bg-opacity: 1;
-    background-color: #ebf8ff;
-    background-color: rgba(235, 248, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-200:hover {
-    --bg-opacity: 1;
-    background-color: #bee3f8;
-    background-color: rgba(190, 227, 248, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-300:hover {
-    --bg-opacity: 1;
-    background-color: #90cdf4;
-    background-color: rgba(144, 205, 244, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-400:hover {
-    --bg-opacity: 1;
-    background-color: #63b3ed;
-    background-color: rgba(99, 179, 237, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-500:hover {
-    --bg-opacity: 1;
-    background-color: #4299e1;
-    background-color: rgba(66, 153, 225, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-600:hover {
-    --bg-opacity: 1;
-    background-color: #3182ce;
-    background-color: rgba(49, 130, 206, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-700:hover {
-    --bg-opacity: 1;
-    background-color: #2b6cb0;
-    background-color: rgba(43, 108, 176, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-800:hover {
-    --bg-opacity: 1;
-    background-color: #2c5282;
-    background-color: rgba(44, 82, 130, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-900:hover {
-    --bg-opacity: 1;
-    background-color: #2a4365;
-    background-color: rgba(42, 67, 101, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-100:hover {
-    --bg-opacity: 1;
-    background-color: #ebf4ff;
-    background-color: rgba(235, 244, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-200:hover {
-    --bg-opacity: 1;
-    background-color: #c3dafe;
-    background-color: rgba(195, 218, 254, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-300:hover {
-    --bg-opacity: 1;
-    background-color: #a3bffa;
-    background-color: rgba(163, 191, 250, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-400:hover {
-    --bg-opacity: 1;
-    background-color: #7f9cf5;
-    background-color: rgba(127, 156, 245, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-500:hover {
-    --bg-opacity: 1;
-    background-color: #667eea;
-    background-color: rgba(102, 126, 234, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-600:hover {
-    --bg-opacity: 1;
-    background-color: #5a67d8;
-    background-color: rgba(90, 103, 216, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-700:hover {
-    --bg-opacity: 1;
-    background-color: #4c51bf;
-    background-color: rgba(76, 81, 191, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-800:hover {
-    --bg-opacity: 1;
-    background-color: #434190;
-    background-color: rgba(67, 65, 144, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-900:hover {
-    --bg-opacity: 1;
-    background-color: #3c366b;
-    background-color: rgba(60, 54, 107, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-100:hover {
-    --bg-opacity: 1;
-    background-color: #faf5ff;
-    background-color: rgba(250, 245, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-200:hover {
-    --bg-opacity: 1;
-    background-color: #e9d8fd;
-    background-color: rgba(233, 216, 253, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-300:hover {
-    --bg-opacity: 1;
-    background-color: #d6bcfa;
-    background-color: rgba(214, 188, 250, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-400:hover {
-    --bg-opacity: 1;
-    background-color: #b794f4;
-    background-color: rgba(183, 148, 244, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-500:hover {
-    --bg-opacity: 1;
-    background-color: #9f7aea;
-    background-color: rgba(159, 122, 234, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-600:hover {
-    --bg-opacity: 1;
-    background-color: #805ad5;
-    background-color: rgba(128, 90, 213, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-700:hover {
-    --bg-opacity: 1;
-    background-color: #6b46c1;
-    background-color: rgba(107, 70, 193, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-800:hover {
-    --bg-opacity: 1;
-    background-color: #553c9a;
-    background-color: rgba(85, 60, 154, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-900:hover {
-    --bg-opacity: 1;
-    background-color: #44337a;
-    background-color: rgba(68, 51, 122, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-100:hover {
-    --bg-opacity: 1;
-    background-color: #fff5f7;
-    background-color: rgba(255, 245, 247, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-200:hover {
-    --bg-opacity: 1;
-    background-color: #fed7e2;
-    background-color: rgba(254, 215, 226, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-300:hover {
-    --bg-opacity: 1;
-    background-color: #fbb6ce;
-    background-color: rgba(251, 182, 206, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-400:hover {
-    --bg-opacity: 1;
-    background-color: #f687b3;
-    background-color: rgba(246, 135, 179, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-500:hover {
-    --bg-opacity: 1;
-    background-color: #ed64a6;
-    background-color: rgba(237, 100, 166, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-600:hover {
-    --bg-opacity: 1;
-    background-color: #d53f8c;
-    background-color: rgba(213, 63, 140, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-700:hover {
-    --bg-opacity: 1;
-    background-color: #b83280;
-    background-color: rgba(184, 50, 128, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-800:hover {
-    --bg-opacity: 1;
-    background-color: #97266d;
-    background-color: rgba(151, 38, 109, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-900:hover {
-    --bg-opacity: 1;
-    background-color: #702459;
-    background-color: rgba(112, 36, 89, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .xs\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .xs\:focus\:bg-black:focus {
-    --bg-opacity: 1;
-    background-color: #000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-white:focus {
-    --bg-opacity: 1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f7fafc;
-    background-color: rgba(247, 250, 252, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #edf2f7;
-    background-color: rgba(237, 242, 247, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #cbd5e0;
-    background-color: rgba(203, 213, 224, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #a0aec0;
-    background-color: rgba(160, 174, 192, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #718096;
-    background-color: rgba(113, 128, 150, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #4a5568;
-    background-color: rgba(74, 85, 104, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #2d3748;
-    background-color: rgba(45, 55, 72, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #1a202c;
-    background-color: rgba(26, 32, 44, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-100:focus {
-    --bg-opacity: 1;
-    background-color: #fff5f5;
-    background-color: rgba(255, 245, 245, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-200:focus {
-    --bg-opacity: 1;
-    background-color: #fed7d7;
-    background-color: rgba(254, 215, 215, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-300:focus {
-    --bg-opacity: 1;
-    background-color: #feb2b2;
-    background-color: rgba(254, 178, 178, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-400:focus {
-    --bg-opacity: 1;
-    background-color: #fc8181;
-    background-color: rgba(252, 129, 129, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-500:focus {
-    --bg-opacity: 1;
-    background-color: #f56565;
-    background-color: rgba(245, 101, 101, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-600:focus {
-    --bg-opacity: 1;
-    background-color: #e53e3e;
-    background-color: rgba(229, 62, 62, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-700:focus {
-    --bg-opacity: 1;
-    background-color: #c53030;
-    background-color: rgba(197, 48, 48, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-800:focus {
-    --bg-opacity: 1;
-    background-color: #9b2c2c;
-    background-color: rgba(155, 44, 44, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-900:focus {
-    --bg-opacity: 1;
-    background-color: #742a2a;
-    background-color: rgba(116, 42, 42, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-100:focus {
-    --bg-opacity: 1;
-    background-color: #fffaf0;
-    background-color: rgba(255, 250, 240, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-200:focus {
-    --bg-opacity: 1;
-    background-color: #feebc8;
-    background-color: rgba(254, 235, 200, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-300:focus {
-    --bg-opacity: 1;
-    background-color: #fbd38d;
-    background-color: rgba(251, 211, 141, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-400:focus {
-    --bg-opacity: 1;
-    background-color: #f6ad55;
-    background-color: rgba(246, 173, 85, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-500:focus {
-    --bg-opacity: 1;
-    background-color: #ed8936;
-    background-color: rgba(237, 137, 54, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-600:focus {
-    --bg-opacity: 1;
-    background-color: #dd6b20;
-    background-color: rgba(221, 107, 32, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-700:focus {
-    --bg-opacity: 1;
-    background-color: #c05621;
-    background-color: rgba(192, 86, 33, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-800:focus {
-    --bg-opacity: 1;
-    background-color: #9c4221;
-    background-color: rgba(156, 66, 33, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-900:focus {
-    --bg-opacity: 1;
-    background-color: #7b341e;
-    background-color: rgba(123, 52, 30, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-100:focus {
-    --bg-opacity: 1;
-    background-color: #fffff0;
-    background-color: rgba(255, 255, 240, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-200:focus {
-    --bg-opacity: 1;
-    background-color: #fefcbf;
-    background-color: rgba(254, 252, 191, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-300:focus {
-    --bg-opacity: 1;
-    background-color: #faf089;
-    background-color: rgba(250, 240, 137, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-400:focus {
-    --bg-opacity: 1;
-    background-color: #f6e05e;
-    background-color: rgba(246, 224, 94, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-500:focus {
-    --bg-opacity: 1;
-    background-color: #ecc94b;
-    background-color: rgba(236, 201, 75, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-600:focus {
-    --bg-opacity: 1;
-    background-color: #d69e2e;
-    background-color: rgba(214, 158, 46, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-700:focus {
-    --bg-opacity: 1;
-    background-color: #b7791f;
-    background-color: rgba(183, 121, 31, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-800:focus {
-    --bg-opacity: 1;
-    background-color: #975a16;
-    background-color: rgba(151, 90, 22, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-900:focus {
-    --bg-opacity: 1;
-    background-color: #744210;
-    background-color: rgba(116, 66, 16, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-100:focus {
-    --bg-opacity: 1;
-    background-color: #f0fff4;
-    background-color: rgba(240, 255, 244, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-200:focus {
-    --bg-opacity: 1;
-    background-color: #c6f6d5;
-    background-color: rgba(198, 246, 213, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-300:focus {
-    --bg-opacity: 1;
-    background-color: #9ae6b4;
-    background-color: rgba(154, 230, 180, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-400:focus {
-    --bg-opacity: 1;
-    background-color: #68d391;
-    background-color: rgba(104, 211, 145, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-500:focus {
-    --bg-opacity: 1;
-    background-color: #48bb78;
-    background-color: rgba(72, 187, 120, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-600:focus {
-    --bg-opacity: 1;
-    background-color: #38a169;
-    background-color: rgba(56, 161, 105, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-700:focus {
-    --bg-opacity: 1;
-    background-color: #2f855a;
-    background-color: rgba(47, 133, 90, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-800:focus {
-    --bg-opacity: 1;
-    background-color: #276749;
-    background-color: rgba(39, 103, 73, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-900:focus {
-    --bg-opacity: 1;
-    background-color: #22543d;
-    background-color: rgba(34, 84, 61, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-100:focus {
-    --bg-opacity: 1;
-    background-color: #e6fffa;
-    background-color: rgba(230, 255, 250, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-200:focus {
-    --bg-opacity: 1;
-    background-color: #b2f5ea;
-    background-color: rgba(178, 245, 234, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-300:focus {
-    --bg-opacity: 1;
-    background-color: #81e6d9;
-    background-color: rgba(129, 230, 217, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-400:focus {
-    --bg-opacity: 1;
-    background-color: #4fd1c5;
-    background-color: rgba(79, 209, 197, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-500:focus {
-    --bg-opacity: 1;
-    background-color: #38b2ac;
-    background-color: rgba(56, 178, 172, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-600:focus {
-    --bg-opacity: 1;
-    background-color: #319795;
-    background-color: rgba(49, 151, 149, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-700:focus {
-    --bg-opacity: 1;
-    background-color: #2c7a7b;
-    background-color: rgba(44, 122, 123, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-800:focus {
-    --bg-opacity: 1;
-    background-color: #285e61;
-    background-color: rgba(40, 94, 97, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-900:focus {
-    --bg-opacity: 1;
-    background-color: #234e52;
-    background-color: rgba(35, 78, 82, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-100:focus {
-    --bg-opacity: 1;
-    background-color: #ebf8ff;
-    background-color: rgba(235, 248, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-200:focus {
-    --bg-opacity: 1;
-    background-color: #bee3f8;
-    background-color: rgba(190, 227, 248, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-300:focus {
-    --bg-opacity: 1;
-    background-color: #90cdf4;
-    background-color: rgba(144, 205, 244, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-400:focus {
-    --bg-opacity: 1;
-    background-color: #63b3ed;
-    background-color: rgba(99, 179, 237, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-500:focus {
-    --bg-opacity: 1;
-    background-color: #4299e1;
-    background-color: rgba(66, 153, 225, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-600:focus {
-    --bg-opacity: 1;
-    background-color: #3182ce;
-    background-color: rgba(49, 130, 206, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-700:focus {
-    --bg-opacity: 1;
-    background-color: #2b6cb0;
-    background-color: rgba(43, 108, 176, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-800:focus {
-    --bg-opacity: 1;
-    background-color: #2c5282;
-    background-color: rgba(44, 82, 130, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-900:focus {
-    --bg-opacity: 1;
-    background-color: #2a4365;
-    background-color: rgba(42, 67, 101, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-100:focus {
-    --bg-opacity: 1;
-    background-color: #ebf4ff;
-    background-color: rgba(235, 244, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-200:focus {
-    --bg-opacity: 1;
-    background-color: #c3dafe;
-    background-color: rgba(195, 218, 254, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-300:focus {
-    --bg-opacity: 1;
-    background-color: #a3bffa;
-    background-color: rgba(163, 191, 250, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-400:focus {
-    --bg-opacity: 1;
-    background-color: #7f9cf5;
-    background-color: rgba(127, 156, 245, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-500:focus {
-    --bg-opacity: 1;
-    background-color: #667eea;
-    background-color: rgba(102, 126, 234, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-600:focus {
-    --bg-opacity: 1;
-    background-color: #5a67d8;
-    background-color: rgba(90, 103, 216, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-700:focus {
-    --bg-opacity: 1;
-    background-color: #4c51bf;
-    background-color: rgba(76, 81, 191, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-800:focus {
-    --bg-opacity: 1;
-    background-color: #434190;
-    background-color: rgba(67, 65, 144, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-900:focus {
-    --bg-opacity: 1;
-    background-color: #3c366b;
-    background-color: rgba(60, 54, 107, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-100:focus {
-    --bg-opacity: 1;
-    background-color: #faf5ff;
-    background-color: rgba(250, 245, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-200:focus {
-    --bg-opacity: 1;
-    background-color: #e9d8fd;
-    background-color: rgba(233, 216, 253, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-300:focus {
-    --bg-opacity: 1;
-    background-color: #d6bcfa;
-    background-color: rgba(214, 188, 250, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-400:focus {
-    --bg-opacity: 1;
-    background-color: #b794f4;
-    background-color: rgba(183, 148, 244, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-500:focus {
-    --bg-opacity: 1;
-    background-color: #9f7aea;
-    background-color: rgba(159, 122, 234, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-600:focus {
-    --bg-opacity: 1;
-    background-color: #805ad5;
-    background-color: rgba(128, 90, 213, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-700:focus {
-    --bg-opacity: 1;
-    background-color: #6b46c1;
-    background-color: rgba(107, 70, 193, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-800:focus {
-    --bg-opacity: 1;
-    background-color: #553c9a;
-    background-color: rgba(85, 60, 154, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-900:focus {
-    --bg-opacity: 1;
-    background-color: #44337a;
-    background-color: rgba(68, 51, 122, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-100:focus {
-    --bg-opacity: 1;
-    background-color: #fff5f7;
-    background-color: rgba(255, 245, 247, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-200:focus {
-    --bg-opacity: 1;
-    background-color: #fed7e2;
-    background-color: rgba(254, 215, 226, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-300:focus {
-    --bg-opacity: 1;
-    background-color: #fbb6ce;
-    background-color: rgba(251, 182, 206, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-400:focus {
-    --bg-opacity: 1;
-    background-color: #f687b3;
-    background-color: rgba(246, 135, 179, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-500:focus {
-    --bg-opacity: 1;
-    background-color: #ed64a6;
-    background-color: rgba(237, 100, 166, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-600:focus {
-    --bg-opacity: 1;
-    background-color: #d53f8c;
-    background-color: rgba(213, 63, 140, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-700:focus {
-    --bg-opacity: 1;
-    background-color: #b83280;
-    background-color: rgba(184, 50, 128, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-800:focus {
-    --bg-opacity: 1;
-    background-color: #97266d;
-    background-color: rgba(151, 38, 109, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-900:focus {
-    --bg-opacity: 1;
-    background-color: #702459;
-    background-color: rgba(112, 36, 89, var(--bg-opacity));
-  }
-
-  .xs\:bg-none {
-    background-image: none;
-  }
-
-  .xs\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--gradient-color-stops));
-  }
-
-  .xs\:from-transparent {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:from-current {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:from-black {
-    --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:from-white {
-    --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:from-gray-100 {
-    --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:from-gray-200 {
-    --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:from-gray-300 {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:from-gray-400 {
-    --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:from-gray-500 {
-    --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:from-gray-600 {
-    --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:from-gray-700 {
-    --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:from-gray-800 {
-    --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:from-gray-900 {
-    --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:from-red-100 {
-    --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:from-red-200 {
-    --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:from-red-300 {
-    --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:from-red-400 {
-    --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:from-red-500 {
-    --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:from-red-600 {
-    --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:from-red-700 {
-    --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:from-red-800 {
-    --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:from-red-900 {
-    --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:from-orange-100 {
-    --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:from-orange-200 {
-    --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:from-orange-300 {
-    --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:from-orange-400 {
-    --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:from-orange-500 {
-    --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:from-orange-600 {
-    --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:from-orange-700 {
-    --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:from-orange-800 {
-    --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:from-orange-900 {
-    --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:from-yellow-100 {
-    --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:from-yellow-200 {
-    --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:from-yellow-300 {
-    --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:from-yellow-400 {
-    --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:from-yellow-500 {
-    --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:from-yellow-600 {
-    --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:from-yellow-700 {
-    --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:from-yellow-800 {
-    --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:from-yellow-900 {
-    --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:from-green-100 {
-    --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:from-green-200 {
-    --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:from-green-300 {
-    --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:from-green-400 {
-    --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:from-green-500 {
-    --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:from-green-600 {
-    --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:from-green-700 {
-    --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:from-green-800 {
-    --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:from-green-900 {
-    --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:from-teal-100 {
-    --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:from-teal-200 {
-    --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:from-teal-300 {
-    --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:from-teal-400 {
-    --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:from-teal-500 {
-    --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:from-teal-600 {
-    --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:from-teal-700 {
-    --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:from-teal-800 {
-    --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:from-teal-900 {
-    --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:from-blue-100 {
-    --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:from-blue-200 {
-    --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:from-blue-300 {
-    --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:from-blue-400 {
-    --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:from-blue-500 {
-    --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:from-blue-600 {
-    --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:from-blue-700 {
-    --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:from-blue-800 {
-    --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:from-blue-900 {
-    --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:from-indigo-100 {
-    --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:from-indigo-200 {
-    --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:from-indigo-300 {
-    --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:from-indigo-400 {
-    --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:from-indigo-500 {
-    --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:from-indigo-600 {
-    --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:from-indigo-700 {
-    --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:from-indigo-800 {
-    --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:from-indigo-900 {
-    --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:from-purple-100 {
-    --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:from-purple-200 {
-    --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:from-purple-300 {
-    --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:from-purple-400 {
-    --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:from-purple-500 {
-    --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:from-purple-600 {
-    --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:from-purple-700 {
-    --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:from-purple-800 {
-    --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:from-purple-900 {
-    --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:from-pink-100 {
-    --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:from-pink-200 {
-    --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:from-pink-300 {
-    --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:from-pink-400 {
-    --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:from-pink-500 {
-    --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:from-pink-600 {
-    --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:from-pink-700 {
-    --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:from-pink-800 {
-    --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:from-pink-900 {
-    --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:via-transparent {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:via-current {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:via-black {
-    --gradient-via-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:via-white {
-    --gradient-via-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:via-gray-100 {
-    --gradient-via-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:via-gray-200 {
-    --gradient-via-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:via-gray-300 {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:via-gray-400 {
-    --gradient-via-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:via-gray-500 {
-    --gradient-via-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:via-gray-600 {
-    --gradient-via-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:via-gray-700 {
-    --gradient-via-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:via-gray-800 {
-    --gradient-via-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:via-gray-900 {
-    --gradient-via-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:via-red-100 {
-    --gradient-via-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:via-red-200 {
-    --gradient-via-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:via-red-300 {
-    --gradient-via-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:via-red-400 {
-    --gradient-via-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:via-red-500 {
-    --gradient-via-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:via-red-600 {
-    --gradient-via-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:via-red-700 {
-    --gradient-via-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:via-red-800 {
-    --gradient-via-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:via-red-900 {
-    --gradient-via-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:via-orange-100 {
-    --gradient-via-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:via-orange-200 {
-    --gradient-via-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:via-orange-300 {
-    --gradient-via-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:via-orange-400 {
-    --gradient-via-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:via-orange-500 {
-    --gradient-via-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:via-orange-600 {
-    --gradient-via-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:via-orange-700 {
-    --gradient-via-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:via-orange-800 {
-    --gradient-via-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:via-orange-900 {
-    --gradient-via-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:via-yellow-100 {
-    --gradient-via-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:via-yellow-200 {
-    --gradient-via-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:via-yellow-300 {
-    --gradient-via-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:via-yellow-400 {
-    --gradient-via-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:via-yellow-500 {
-    --gradient-via-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:via-yellow-600 {
-    --gradient-via-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:via-yellow-700 {
-    --gradient-via-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:via-yellow-800 {
-    --gradient-via-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:via-yellow-900 {
-    --gradient-via-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:via-green-100 {
-    --gradient-via-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:via-green-200 {
-    --gradient-via-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:via-green-300 {
-    --gradient-via-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:via-green-400 {
-    --gradient-via-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:via-green-500 {
-    --gradient-via-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:via-green-600 {
-    --gradient-via-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:via-green-700 {
-    --gradient-via-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:via-green-800 {
-    --gradient-via-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:via-green-900 {
-    --gradient-via-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:via-teal-100 {
-    --gradient-via-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:via-teal-200 {
-    --gradient-via-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:via-teal-300 {
-    --gradient-via-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:via-teal-400 {
-    --gradient-via-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:via-teal-500 {
-    --gradient-via-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:via-teal-600 {
-    --gradient-via-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:via-teal-700 {
-    --gradient-via-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:via-teal-800 {
-    --gradient-via-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:via-teal-900 {
-    --gradient-via-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:via-blue-100 {
-    --gradient-via-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:via-blue-200 {
-    --gradient-via-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:via-blue-300 {
-    --gradient-via-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:via-blue-400 {
-    --gradient-via-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:via-blue-500 {
-    --gradient-via-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:via-blue-600 {
-    --gradient-via-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:via-blue-700 {
-    --gradient-via-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:via-blue-800 {
-    --gradient-via-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:via-blue-900 {
-    --gradient-via-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:via-indigo-100 {
-    --gradient-via-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:via-indigo-200 {
-    --gradient-via-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:via-indigo-300 {
-    --gradient-via-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:via-indigo-400 {
-    --gradient-via-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:via-indigo-500 {
-    --gradient-via-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:via-indigo-600 {
-    --gradient-via-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:via-indigo-700 {
-    --gradient-via-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:via-indigo-800 {
-    --gradient-via-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:via-indigo-900 {
-    --gradient-via-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:via-purple-100 {
-    --gradient-via-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:via-purple-200 {
-    --gradient-via-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:via-purple-300 {
-    --gradient-via-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:via-purple-400 {
-    --gradient-via-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:via-purple-500 {
-    --gradient-via-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:via-purple-600 {
-    --gradient-via-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:via-purple-700 {
-    --gradient-via-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:via-purple-800 {
-    --gradient-via-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:via-purple-900 {
-    --gradient-via-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:via-pink-100 {
-    --gradient-via-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:via-pink-200 {
-    --gradient-via-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:via-pink-300 {
-    --gradient-via-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:via-pink-400 {
-    --gradient-via-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:via-pink-500 {
-    --gradient-via-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:via-pink-600 {
-    --gradient-via-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:via-pink-700 {
-    --gradient-via-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:via-pink-800 {
-    --gradient-via-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:via-pink-900 {
-    --gradient-via-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:to-transparent {
-    --gradient-to-color: transparent;
-  }
-
-  .xs\:to-current {
-    --gradient-to-color: currentColor;
-  }
-
-  .xs\:to-black {
-    --gradient-to-color: #000;
-  }
-
-  .xs\:to-white {
-    --gradient-to-color: #fff;
-  }
-
-  .xs\:to-gray-100 {
-    --gradient-to-color: #f7fafc;
-  }
-
-  .xs\:to-gray-200 {
-    --gradient-to-color: #edf2f7;
-  }
-
-  .xs\:to-gray-300 {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xs\:to-gray-400 {
-    --gradient-to-color: #cbd5e0;
-  }
-
-  .xs\:to-gray-500 {
-    --gradient-to-color: #a0aec0;
-  }
-
-  .xs\:to-gray-600 {
-    --gradient-to-color: #718096;
-  }
-
-  .xs\:to-gray-700 {
-    --gradient-to-color: #4a5568;
-  }
-
-  .xs\:to-gray-800 {
-    --gradient-to-color: #2d3748;
-  }
-
-  .xs\:to-gray-900 {
-    --gradient-to-color: #1a202c;
-  }
-
-  .xs\:to-red-100 {
-    --gradient-to-color: #fff5f5;
-  }
-
-  .xs\:to-red-200 {
-    --gradient-to-color: #fed7d7;
-  }
-
-  .xs\:to-red-300 {
-    --gradient-to-color: #feb2b2;
-  }
-
-  .xs\:to-red-400 {
-    --gradient-to-color: #fc8181;
-  }
-
-  .xs\:to-red-500 {
-    --gradient-to-color: #f56565;
-  }
-
-  .xs\:to-red-600 {
-    --gradient-to-color: #e53e3e;
-  }
-
-  .xs\:to-red-700 {
-    --gradient-to-color: #c53030;
-  }
-
-  .xs\:to-red-800 {
-    --gradient-to-color: #9b2c2c;
-  }
-
-  .xs\:to-red-900 {
-    --gradient-to-color: #742a2a;
-  }
-
-  .xs\:to-orange-100 {
-    --gradient-to-color: #fffaf0;
-  }
-
-  .xs\:to-orange-200 {
-    --gradient-to-color: #feebc8;
-  }
-
-  .xs\:to-orange-300 {
-    --gradient-to-color: #fbd38d;
-  }
-
-  .xs\:to-orange-400 {
-    --gradient-to-color: #f6ad55;
-  }
-
-  .xs\:to-orange-500 {
-    --gradient-to-color: #ed8936;
-  }
-
-  .xs\:to-orange-600 {
-    --gradient-to-color: #dd6b20;
-  }
-
-  .xs\:to-orange-700 {
-    --gradient-to-color: #c05621;
-  }
-
-  .xs\:to-orange-800 {
-    --gradient-to-color: #9c4221;
-  }
-
-  .xs\:to-orange-900 {
-    --gradient-to-color: #7b341e;
-  }
-
-  .xs\:to-yellow-100 {
-    --gradient-to-color: #fffff0;
-  }
-
-  .xs\:to-yellow-200 {
-    --gradient-to-color: #fefcbf;
-  }
-
-  .xs\:to-yellow-300 {
-    --gradient-to-color: #faf089;
-  }
-
-  .xs\:to-yellow-400 {
-    --gradient-to-color: #f6e05e;
-  }
-
-  .xs\:to-yellow-500 {
-    --gradient-to-color: #ecc94b;
-  }
-
-  .xs\:to-yellow-600 {
-    --gradient-to-color: #d69e2e;
-  }
-
-  .xs\:to-yellow-700 {
-    --gradient-to-color: #b7791f;
-  }
-
-  .xs\:to-yellow-800 {
-    --gradient-to-color: #975a16;
-  }
-
-  .xs\:to-yellow-900 {
-    --gradient-to-color: #744210;
-  }
-
-  .xs\:to-green-100 {
-    --gradient-to-color: #f0fff4;
-  }
-
-  .xs\:to-green-200 {
-    --gradient-to-color: #c6f6d5;
-  }
-
-  .xs\:to-green-300 {
-    --gradient-to-color: #9ae6b4;
-  }
-
-  .xs\:to-green-400 {
-    --gradient-to-color: #68d391;
-  }
-
-  .xs\:to-green-500 {
-    --gradient-to-color: #48bb78;
-  }
-
-  .xs\:to-green-600 {
-    --gradient-to-color: #38a169;
-  }
-
-  .xs\:to-green-700 {
-    --gradient-to-color: #2f855a;
-  }
-
-  .xs\:to-green-800 {
-    --gradient-to-color: #276749;
-  }
-
-  .xs\:to-green-900 {
-    --gradient-to-color: #22543d;
-  }
-
-  .xs\:to-teal-100 {
-    --gradient-to-color: #e6fffa;
-  }
-
-  .xs\:to-teal-200 {
-    --gradient-to-color: #b2f5ea;
-  }
-
-  .xs\:to-teal-300 {
-    --gradient-to-color: #81e6d9;
-  }
-
-  .xs\:to-teal-400 {
-    --gradient-to-color: #4fd1c5;
-  }
-
-  .xs\:to-teal-500 {
-    --gradient-to-color: #38b2ac;
-  }
-
-  .xs\:to-teal-600 {
-    --gradient-to-color: #319795;
-  }
-
-  .xs\:to-teal-700 {
-    --gradient-to-color: #2c7a7b;
-  }
-
-  .xs\:to-teal-800 {
-    --gradient-to-color: #285e61;
-  }
-
-  .xs\:to-teal-900 {
-    --gradient-to-color: #234e52;
-  }
-
-  .xs\:to-blue-100 {
-    --gradient-to-color: #ebf8ff;
-  }
-
-  .xs\:to-blue-200 {
-    --gradient-to-color: #bee3f8;
-  }
-
-  .xs\:to-blue-300 {
-    --gradient-to-color: #90cdf4;
-  }
-
-  .xs\:to-blue-400 {
-    --gradient-to-color: #63b3ed;
-  }
-
-  .xs\:to-blue-500 {
-    --gradient-to-color: #4299e1;
-  }
-
-  .xs\:to-blue-600 {
-    --gradient-to-color: #3182ce;
-  }
-
-  .xs\:to-blue-700 {
-    --gradient-to-color: #2b6cb0;
-  }
-
-  .xs\:to-blue-800 {
-    --gradient-to-color: #2c5282;
-  }
-
-  .xs\:to-blue-900 {
-    --gradient-to-color: #2a4365;
-  }
-
-  .xs\:to-indigo-100 {
-    --gradient-to-color: #ebf4ff;
-  }
-
-  .xs\:to-indigo-200 {
-    --gradient-to-color: #c3dafe;
-  }
-
-  .xs\:to-indigo-300 {
-    --gradient-to-color: #a3bffa;
-  }
-
-  .xs\:to-indigo-400 {
-    --gradient-to-color: #7f9cf5;
-  }
-
-  .xs\:to-indigo-500 {
-    --gradient-to-color: #667eea;
-  }
-
-  .xs\:to-indigo-600 {
-    --gradient-to-color: #5a67d8;
-  }
-
-  .xs\:to-indigo-700 {
-    --gradient-to-color: #4c51bf;
-  }
-
-  .xs\:to-indigo-800 {
-    --gradient-to-color: #434190;
-  }
-
-  .xs\:to-indigo-900 {
-    --gradient-to-color: #3c366b;
-  }
-
-  .xs\:to-purple-100 {
-    --gradient-to-color: #faf5ff;
-  }
-
-  .xs\:to-purple-200 {
-    --gradient-to-color: #e9d8fd;
-  }
-
-  .xs\:to-purple-300 {
-    --gradient-to-color: #d6bcfa;
-  }
-
-  .xs\:to-purple-400 {
-    --gradient-to-color: #b794f4;
-  }
-
-  .xs\:to-purple-500 {
-    --gradient-to-color: #9f7aea;
-  }
-
-  .xs\:to-purple-600 {
-    --gradient-to-color: #805ad5;
-  }
-
-  .xs\:to-purple-700 {
-    --gradient-to-color: #6b46c1;
-  }
-
-  .xs\:to-purple-800 {
-    --gradient-to-color: #553c9a;
-  }
-
-  .xs\:to-purple-900 {
-    --gradient-to-color: #44337a;
-  }
-
-  .xs\:to-pink-100 {
-    --gradient-to-color: #fff5f7;
-  }
-
-  .xs\:to-pink-200 {
-    --gradient-to-color: #fed7e2;
-  }
-
-  .xs\:to-pink-300 {
-    --gradient-to-color: #fbb6ce;
-  }
-
-  .xs\:to-pink-400 {
-    --gradient-to-color: #f687b3;
-  }
-
-  .xs\:to-pink-500 {
-    --gradient-to-color: #ed64a6;
-  }
-
-  .xs\:to-pink-600 {
-    --gradient-to-color: #d53f8c;
-  }
-
-  .xs\:to-pink-700 {
-    --gradient-to-color: #b83280;
-  }
-
-  .xs\:to-pink-800 {
-    --gradient-to-color: #97266d;
-  }
-
-  .xs\:to-pink-900 {
-    --gradient-to-color: #702459;
-  }
-
-  .xs\:hover\:from-transparent:hover {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:from-current:hover {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:from-black:hover {
-    --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:from-white:hover {
-    --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:from-gray-100:hover {
-    --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:hover\:from-gray-200:hover {
-    --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:hover\:from-gray-300:hover {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:hover\:from-gray-400:hover {
-    --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:hover\:from-gray-500:hover {
-    --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:hover\:from-gray-600:hover {
-    --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:hover\:from-gray-700:hover {
-    --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:hover\:from-gray-800:hover {
-    --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:hover\:from-gray-900:hover {
-    --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:hover\:from-red-100:hover {
-    --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:hover\:from-red-200:hover {
-    --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:hover\:from-red-300:hover {
-    --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:hover\:from-red-400:hover {
-    --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:hover\:from-red-500:hover {
-    --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:hover\:from-red-600:hover {
-    --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:hover\:from-red-700:hover {
-    --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:hover\:from-red-800:hover {
-    --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:hover\:from-red-900:hover {
-    --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:hover\:from-orange-100:hover {
-    --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:hover\:from-orange-200:hover {
-    --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:hover\:from-orange-300:hover {
-    --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:hover\:from-orange-400:hover {
-    --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:hover\:from-orange-500:hover {
-    --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:hover\:from-orange-600:hover {
-    --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:hover\:from-orange-700:hover {
-    --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:hover\:from-orange-800:hover {
-    --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:hover\:from-orange-900:hover {
-    --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:hover\:from-yellow-100:hover {
-    --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:hover\:from-yellow-200:hover {
-    --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:hover\:from-yellow-300:hover {
-    --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:hover\:from-yellow-400:hover {
-    --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:hover\:from-yellow-500:hover {
-    --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:hover\:from-yellow-600:hover {
-    --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:hover\:from-yellow-700:hover {
-    --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:hover\:from-yellow-800:hover {
-    --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:hover\:from-yellow-900:hover {
-    --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:hover\:from-green-100:hover {
-    --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:hover\:from-green-200:hover {
-    --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:hover\:from-green-300:hover {
-    --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:hover\:from-green-400:hover {
-    --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:hover\:from-green-500:hover {
-    --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:hover\:from-green-600:hover {
-    --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:hover\:from-green-700:hover {
-    --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:hover\:from-green-800:hover {
-    --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:hover\:from-green-900:hover {
-    --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:hover\:from-teal-100:hover {
-    --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:hover\:from-teal-200:hover {
-    --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:hover\:from-teal-300:hover {
-    --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:hover\:from-teal-400:hover {
-    --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:hover\:from-teal-500:hover {
-    --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:hover\:from-teal-600:hover {
-    --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:hover\:from-teal-700:hover {
-    --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:hover\:from-teal-800:hover {
-    --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:hover\:from-teal-900:hover {
-    --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:hover\:from-blue-100:hover {
-    --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:hover\:from-blue-200:hover {
-    --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:hover\:from-blue-300:hover {
-    --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:hover\:from-blue-400:hover {
-    --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:hover\:from-blue-500:hover {
-    --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:hover\:from-blue-600:hover {
-    --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:hover\:from-blue-700:hover {
-    --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:hover\:from-blue-800:hover {
-    --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:hover\:from-blue-900:hover {
-    --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:hover\:from-indigo-100:hover {
-    --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:hover\:from-indigo-200:hover {
-    --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:hover\:from-indigo-300:hover {
-    --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:hover\:from-indigo-400:hover {
-    --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:hover\:from-indigo-500:hover {
-    --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:hover\:from-indigo-600:hover {
-    --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:hover\:from-indigo-700:hover {
-    --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:hover\:from-indigo-800:hover {
-    --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:hover\:from-indigo-900:hover {
-    --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:hover\:from-purple-100:hover {
-    --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:hover\:from-purple-200:hover {
-    --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:hover\:from-purple-300:hover {
-    --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:hover\:from-purple-400:hover {
-    --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:hover\:from-purple-500:hover {
-    --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:hover\:from-purple-600:hover {
-    --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:hover\:from-purple-700:hover {
-    --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:hover\:from-purple-800:hover {
-    --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:hover\:from-purple-900:hover {
-    --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:hover\:from-pink-100:hover {
-    --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:hover\:from-pink-200:hover {
-    --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:hover\:from-pink-300:hover {
-    --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:hover\:from-pink-400:hover {
-    --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:hover\:from-pink-500:hover {
-    --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:hover\:from-pink-600:hover {
-    --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:hover\:from-pink-700:hover {
-    --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:hover\:from-pink-800:hover {
-    --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:hover\:from-pink-900:hover {
-    --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:hover\:via-transparent:hover {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:via-current:hover {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:via-black:hover {
-    --gradient-via-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:via-white:hover {
-    --gradient-via-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:via-gray-100:hover {
-    --gradient-via-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:hover\:via-gray-200:hover {
-    --gradient-via-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:hover\:via-gray-300:hover {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:hover\:via-gray-400:hover {
-    --gradient-via-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:hover\:via-gray-500:hover {
-    --gradient-via-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:hover\:via-gray-600:hover {
-    --gradient-via-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:hover\:via-gray-700:hover {
-    --gradient-via-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:hover\:via-gray-800:hover {
-    --gradient-via-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:hover\:via-gray-900:hover {
-    --gradient-via-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:hover\:via-red-100:hover {
-    --gradient-via-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:hover\:via-red-200:hover {
-    --gradient-via-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:hover\:via-red-300:hover {
-    --gradient-via-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:hover\:via-red-400:hover {
-    --gradient-via-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:hover\:via-red-500:hover {
-    --gradient-via-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:hover\:via-red-600:hover {
-    --gradient-via-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:hover\:via-red-700:hover {
-    --gradient-via-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:hover\:via-red-800:hover {
-    --gradient-via-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:hover\:via-red-900:hover {
-    --gradient-via-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:hover\:via-orange-100:hover {
-    --gradient-via-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:hover\:via-orange-200:hover {
-    --gradient-via-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:hover\:via-orange-300:hover {
-    --gradient-via-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:hover\:via-orange-400:hover {
-    --gradient-via-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:hover\:via-orange-500:hover {
-    --gradient-via-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:hover\:via-orange-600:hover {
-    --gradient-via-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:hover\:via-orange-700:hover {
-    --gradient-via-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:hover\:via-orange-800:hover {
-    --gradient-via-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:hover\:via-orange-900:hover {
-    --gradient-via-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:hover\:via-yellow-100:hover {
-    --gradient-via-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:hover\:via-yellow-200:hover {
-    --gradient-via-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:hover\:via-yellow-300:hover {
-    --gradient-via-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:hover\:via-yellow-400:hover {
-    --gradient-via-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:hover\:via-yellow-500:hover {
-    --gradient-via-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:hover\:via-yellow-600:hover {
-    --gradient-via-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:hover\:via-yellow-700:hover {
-    --gradient-via-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:hover\:via-yellow-800:hover {
-    --gradient-via-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:hover\:via-yellow-900:hover {
-    --gradient-via-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:hover\:via-green-100:hover {
-    --gradient-via-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:hover\:via-green-200:hover {
-    --gradient-via-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:hover\:via-green-300:hover {
-    --gradient-via-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:hover\:via-green-400:hover {
-    --gradient-via-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:hover\:via-green-500:hover {
-    --gradient-via-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:hover\:via-green-600:hover {
-    --gradient-via-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:hover\:via-green-700:hover {
-    --gradient-via-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:hover\:via-green-800:hover {
-    --gradient-via-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:hover\:via-green-900:hover {
-    --gradient-via-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:hover\:via-teal-100:hover {
-    --gradient-via-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:hover\:via-teal-200:hover {
-    --gradient-via-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:hover\:via-teal-300:hover {
-    --gradient-via-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:hover\:via-teal-400:hover {
-    --gradient-via-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:hover\:via-teal-500:hover {
-    --gradient-via-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:hover\:via-teal-600:hover {
-    --gradient-via-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:hover\:via-teal-700:hover {
-    --gradient-via-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:hover\:via-teal-800:hover {
-    --gradient-via-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:hover\:via-teal-900:hover {
-    --gradient-via-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:hover\:via-blue-100:hover {
-    --gradient-via-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:hover\:via-blue-200:hover {
-    --gradient-via-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:hover\:via-blue-300:hover {
-    --gradient-via-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:hover\:via-blue-400:hover {
-    --gradient-via-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:hover\:via-blue-500:hover {
-    --gradient-via-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:hover\:via-blue-600:hover {
-    --gradient-via-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:hover\:via-blue-700:hover {
-    --gradient-via-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:hover\:via-blue-800:hover {
-    --gradient-via-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:hover\:via-blue-900:hover {
-    --gradient-via-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:hover\:via-indigo-100:hover {
-    --gradient-via-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:hover\:via-indigo-200:hover {
-    --gradient-via-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:hover\:via-indigo-300:hover {
-    --gradient-via-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:hover\:via-indigo-400:hover {
-    --gradient-via-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:hover\:via-indigo-500:hover {
-    --gradient-via-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:hover\:via-indigo-600:hover {
-    --gradient-via-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:hover\:via-indigo-700:hover {
-    --gradient-via-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:hover\:via-indigo-800:hover {
-    --gradient-via-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:hover\:via-indigo-900:hover {
-    --gradient-via-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:hover\:via-purple-100:hover {
-    --gradient-via-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:hover\:via-purple-200:hover {
-    --gradient-via-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:hover\:via-purple-300:hover {
-    --gradient-via-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:hover\:via-purple-400:hover {
-    --gradient-via-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:hover\:via-purple-500:hover {
-    --gradient-via-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:hover\:via-purple-600:hover {
-    --gradient-via-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:hover\:via-purple-700:hover {
-    --gradient-via-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:hover\:via-purple-800:hover {
-    --gradient-via-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:hover\:via-purple-900:hover {
-    --gradient-via-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:hover\:via-pink-100:hover {
-    --gradient-via-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:hover\:via-pink-200:hover {
-    --gradient-via-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:hover\:via-pink-300:hover {
-    --gradient-via-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:hover\:via-pink-400:hover {
-    --gradient-via-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:hover\:via-pink-500:hover {
-    --gradient-via-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:hover\:via-pink-600:hover {
-    --gradient-via-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:hover\:via-pink-700:hover {
-    --gradient-via-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:hover\:via-pink-800:hover {
-    --gradient-via-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:hover\:via-pink-900:hover {
-    --gradient-via-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:hover\:to-transparent:hover {
-    --gradient-to-color: transparent;
-  }
-
-  .xs\:hover\:to-current:hover {
-    --gradient-to-color: currentColor;
-  }
-
-  .xs\:hover\:to-black:hover {
-    --gradient-to-color: #000;
-  }
-
-  .xs\:hover\:to-white:hover {
-    --gradient-to-color: #fff;
-  }
-
-  .xs\:hover\:to-gray-100:hover {
-    --gradient-to-color: #f7fafc;
-  }
-
-  .xs\:hover\:to-gray-200:hover {
-    --gradient-to-color: #edf2f7;
-  }
-
-  .xs\:hover\:to-gray-300:hover {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xs\:hover\:to-gray-400:hover {
-    --gradient-to-color: #cbd5e0;
-  }
-
-  .xs\:hover\:to-gray-500:hover {
-    --gradient-to-color: #a0aec0;
-  }
-
-  .xs\:hover\:to-gray-600:hover {
-    --gradient-to-color: #718096;
-  }
-
-  .xs\:hover\:to-gray-700:hover {
-    --gradient-to-color: #4a5568;
-  }
-
-  .xs\:hover\:to-gray-800:hover {
-    --gradient-to-color: #2d3748;
-  }
-
-  .xs\:hover\:to-gray-900:hover {
-    --gradient-to-color: #1a202c;
-  }
-
-  .xs\:hover\:to-red-100:hover {
-    --gradient-to-color: #fff5f5;
-  }
-
-  .xs\:hover\:to-red-200:hover {
-    --gradient-to-color: #fed7d7;
-  }
-
-  .xs\:hover\:to-red-300:hover {
-    --gradient-to-color: #feb2b2;
-  }
-
-  .xs\:hover\:to-red-400:hover {
-    --gradient-to-color: #fc8181;
-  }
-
-  .xs\:hover\:to-red-500:hover {
-    --gradient-to-color: #f56565;
-  }
-
-  .xs\:hover\:to-red-600:hover {
-    --gradient-to-color: #e53e3e;
-  }
-
-  .xs\:hover\:to-red-700:hover {
-    --gradient-to-color: #c53030;
-  }
-
-  .xs\:hover\:to-red-800:hover {
-    --gradient-to-color: #9b2c2c;
-  }
-
-  .xs\:hover\:to-red-900:hover {
-    --gradient-to-color: #742a2a;
-  }
-
-  .xs\:hover\:to-orange-100:hover {
-    --gradient-to-color: #fffaf0;
-  }
-
-  .xs\:hover\:to-orange-200:hover {
-    --gradient-to-color: #feebc8;
-  }
-
-  .xs\:hover\:to-orange-300:hover {
-    --gradient-to-color: #fbd38d;
-  }
-
-  .xs\:hover\:to-orange-400:hover {
-    --gradient-to-color: #f6ad55;
-  }
-
-  .xs\:hover\:to-orange-500:hover {
-    --gradient-to-color: #ed8936;
-  }
-
-  .xs\:hover\:to-orange-600:hover {
-    --gradient-to-color: #dd6b20;
-  }
-
-  .xs\:hover\:to-orange-700:hover {
-    --gradient-to-color: #c05621;
-  }
-
-  .xs\:hover\:to-orange-800:hover {
-    --gradient-to-color: #9c4221;
-  }
-
-  .xs\:hover\:to-orange-900:hover {
-    --gradient-to-color: #7b341e;
-  }
-
-  .xs\:hover\:to-yellow-100:hover {
-    --gradient-to-color: #fffff0;
-  }
-
-  .xs\:hover\:to-yellow-200:hover {
-    --gradient-to-color: #fefcbf;
-  }
-
-  .xs\:hover\:to-yellow-300:hover {
-    --gradient-to-color: #faf089;
-  }
-
-  .xs\:hover\:to-yellow-400:hover {
-    --gradient-to-color: #f6e05e;
-  }
-
-  .xs\:hover\:to-yellow-500:hover {
-    --gradient-to-color: #ecc94b;
-  }
-
-  .xs\:hover\:to-yellow-600:hover {
-    --gradient-to-color: #d69e2e;
-  }
-
-  .xs\:hover\:to-yellow-700:hover {
-    --gradient-to-color: #b7791f;
-  }
-
-  .xs\:hover\:to-yellow-800:hover {
-    --gradient-to-color: #975a16;
-  }
-
-  .xs\:hover\:to-yellow-900:hover {
-    --gradient-to-color: #744210;
-  }
-
-  .xs\:hover\:to-green-100:hover {
-    --gradient-to-color: #f0fff4;
-  }
-
-  .xs\:hover\:to-green-200:hover {
-    --gradient-to-color: #c6f6d5;
-  }
-
-  .xs\:hover\:to-green-300:hover {
-    --gradient-to-color: #9ae6b4;
-  }
-
-  .xs\:hover\:to-green-400:hover {
-    --gradient-to-color: #68d391;
-  }
-
-  .xs\:hover\:to-green-500:hover {
-    --gradient-to-color: #48bb78;
-  }
-
-  .xs\:hover\:to-green-600:hover {
-    --gradient-to-color: #38a169;
-  }
-
-  .xs\:hover\:to-green-700:hover {
-    --gradient-to-color: #2f855a;
-  }
-
-  .xs\:hover\:to-green-800:hover {
-    --gradient-to-color: #276749;
-  }
-
-  .xs\:hover\:to-green-900:hover {
-    --gradient-to-color: #22543d;
-  }
-
-  .xs\:hover\:to-teal-100:hover {
-    --gradient-to-color: #e6fffa;
-  }
-
-  .xs\:hover\:to-teal-200:hover {
-    --gradient-to-color: #b2f5ea;
-  }
-
-  .xs\:hover\:to-teal-300:hover {
-    --gradient-to-color: #81e6d9;
-  }
-
-  .xs\:hover\:to-teal-400:hover {
-    --gradient-to-color: #4fd1c5;
-  }
-
-  .xs\:hover\:to-teal-500:hover {
-    --gradient-to-color: #38b2ac;
-  }
-
-  .xs\:hover\:to-teal-600:hover {
-    --gradient-to-color: #319795;
-  }
-
-  .xs\:hover\:to-teal-700:hover {
-    --gradient-to-color: #2c7a7b;
-  }
-
-  .xs\:hover\:to-teal-800:hover {
-    --gradient-to-color: #285e61;
-  }
-
-  .xs\:hover\:to-teal-900:hover {
-    --gradient-to-color: #234e52;
-  }
-
-  .xs\:hover\:to-blue-100:hover {
-    --gradient-to-color: #ebf8ff;
-  }
-
-  .xs\:hover\:to-blue-200:hover {
-    --gradient-to-color: #bee3f8;
-  }
-
-  .xs\:hover\:to-blue-300:hover {
-    --gradient-to-color: #90cdf4;
-  }
-
-  .xs\:hover\:to-blue-400:hover {
-    --gradient-to-color: #63b3ed;
-  }
-
-  .xs\:hover\:to-blue-500:hover {
-    --gradient-to-color: #4299e1;
-  }
-
-  .xs\:hover\:to-blue-600:hover {
-    --gradient-to-color: #3182ce;
-  }
-
-  .xs\:hover\:to-blue-700:hover {
-    --gradient-to-color: #2b6cb0;
-  }
-
-  .xs\:hover\:to-blue-800:hover {
-    --gradient-to-color: #2c5282;
-  }
-
-  .xs\:hover\:to-blue-900:hover {
-    --gradient-to-color: #2a4365;
-  }
-
-  .xs\:hover\:to-indigo-100:hover {
-    --gradient-to-color: #ebf4ff;
-  }
-
-  .xs\:hover\:to-indigo-200:hover {
-    --gradient-to-color: #c3dafe;
-  }
-
-  .xs\:hover\:to-indigo-300:hover {
-    --gradient-to-color: #a3bffa;
-  }
-
-  .xs\:hover\:to-indigo-400:hover {
-    --gradient-to-color: #7f9cf5;
-  }
-
-  .xs\:hover\:to-indigo-500:hover {
-    --gradient-to-color: #667eea;
-  }
-
-  .xs\:hover\:to-indigo-600:hover {
-    --gradient-to-color: #5a67d8;
-  }
-
-  .xs\:hover\:to-indigo-700:hover {
-    --gradient-to-color: #4c51bf;
-  }
-
-  .xs\:hover\:to-indigo-800:hover {
-    --gradient-to-color: #434190;
-  }
-
-  .xs\:hover\:to-indigo-900:hover {
-    --gradient-to-color: #3c366b;
-  }
-
-  .xs\:hover\:to-purple-100:hover {
-    --gradient-to-color: #faf5ff;
-  }
-
-  .xs\:hover\:to-purple-200:hover {
-    --gradient-to-color: #e9d8fd;
-  }
-
-  .xs\:hover\:to-purple-300:hover {
-    --gradient-to-color: #d6bcfa;
-  }
-
-  .xs\:hover\:to-purple-400:hover {
-    --gradient-to-color: #b794f4;
-  }
-
-  .xs\:hover\:to-purple-500:hover {
-    --gradient-to-color: #9f7aea;
-  }
-
-  .xs\:hover\:to-purple-600:hover {
-    --gradient-to-color: #805ad5;
-  }
-
-  .xs\:hover\:to-purple-700:hover {
-    --gradient-to-color: #6b46c1;
-  }
-
-  .xs\:hover\:to-purple-800:hover {
-    --gradient-to-color: #553c9a;
-  }
-
-  .xs\:hover\:to-purple-900:hover {
-    --gradient-to-color: #44337a;
-  }
-
-  .xs\:hover\:to-pink-100:hover {
-    --gradient-to-color: #fff5f7;
-  }
-
-  .xs\:hover\:to-pink-200:hover {
-    --gradient-to-color: #fed7e2;
-  }
-
-  .xs\:hover\:to-pink-300:hover {
-    --gradient-to-color: #fbb6ce;
-  }
-
-  .xs\:hover\:to-pink-400:hover {
-    --gradient-to-color: #f687b3;
-  }
-
-  .xs\:hover\:to-pink-500:hover {
-    --gradient-to-color: #ed64a6;
-  }
-
-  .xs\:hover\:to-pink-600:hover {
-    --gradient-to-color: #d53f8c;
-  }
-
-  .xs\:hover\:to-pink-700:hover {
-    --gradient-to-color: #b83280;
-  }
-
-  .xs\:hover\:to-pink-800:hover {
-    --gradient-to-color: #97266d;
-  }
-
-  .xs\:hover\:to-pink-900:hover {
-    --gradient-to-color: #702459;
-  }
-
-  .xs\:focus\:from-transparent:focus {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:from-current:focus {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:from-black:focus {
-    --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:from-white:focus {
-    --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:from-gray-100:focus {
-    --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:focus\:from-gray-200:focus {
-    --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:focus\:from-gray-300:focus {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:focus\:from-gray-400:focus {
-    --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:focus\:from-gray-500:focus {
-    --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:focus\:from-gray-600:focus {
-    --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:focus\:from-gray-700:focus {
-    --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:focus\:from-gray-800:focus {
-    --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:focus\:from-gray-900:focus {
-    --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:focus\:from-red-100:focus {
-    --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:focus\:from-red-200:focus {
-    --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:focus\:from-red-300:focus {
-    --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:focus\:from-red-400:focus {
-    --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:focus\:from-red-500:focus {
-    --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:focus\:from-red-600:focus {
-    --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:focus\:from-red-700:focus {
-    --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:focus\:from-red-800:focus {
-    --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:focus\:from-red-900:focus {
-    --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:focus\:from-orange-100:focus {
-    --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:focus\:from-orange-200:focus {
-    --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:focus\:from-orange-300:focus {
-    --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:focus\:from-orange-400:focus {
-    --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:focus\:from-orange-500:focus {
-    --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:focus\:from-orange-600:focus {
-    --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:focus\:from-orange-700:focus {
-    --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:focus\:from-orange-800:focus {
-    --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:focus\:from-orange-900:focus {
-    --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:focus\:from-yellow-100:focus {
-    --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:focus\:from-yellow-200:focus {
-    --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:focus\:from-yellow-300:focus {
-    --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:focus\:from-yellow-400:focus {
-    --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:focus\:from-yellow-500:focus {
-    --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:focus\:from-yellow-600:focus {
-    --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:focus\:from-yellow-700:focus {
-    --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:focus\:from-yellow-800:focus {
-    --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:focus\:from-yellow-900:focus {
-    --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:focus\:from-green-100:focus {
-    --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:focus\:from-green-200:focus {
-    --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:focus\:from-green-300:focus {
-    --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:focus\:from-green-400:focus {
-    --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:focus\:from-green-500:focus {
-    --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:focus\:from-green-600:focus {
-    --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:focus\:from-green-700:focus {
-    --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:focus\:from-green-800:focus {
-    --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:focus\:from-green-900:focus {
-    --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:focus\:from-teal-100:focus {
-    --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:focus\:from-teal-200:focus {
-    --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:focus\:from-teal-300:focus {
-    --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:focus\:from-teal-400:focus {
-    --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:focus\:from-teal-500:focus {
-    --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:focus\:from-teal-600:focus {
-    --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:focus\:from-teal-700:focus {
-    --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:focus\:from-teal-800:focus {
-    --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:focus\:from-teal-900:focus {
-    --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:focus\:from-blue-100:focus {
-    --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:focus\:from-blue-200:focus {
-    --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:focus\:from-blue-300:focus {
-    --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:focus\:from-blue-400:focus {
-    --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:focus\:from-blue-500:focus {
-    --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:focus\:from-blue-600:focus {
-    --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:focus\:from-blue-700:focus {
-    --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:focus\:from-blue-800:focus {
-    --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:focus\:from-blue-900:focus {
-    --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:focus\:from-indigo-100:focus {
-    --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:focus\:from-indigo-200:focus {
-    --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:focus\:from-indigo-300:focus {
-    --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:focus\:from-indigo-400:focus {
-    --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:focus\:from-indigo-500:focus {
-    --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:focus\:from-indigo-600:focus {
-    --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:focus\:from-indigo-700:focus {
-    --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:focus\:from-indigo-800:focus {
-    --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:focus\:from-indigo-900:focus {
-    --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:focus\:from-purple-100:focus {
-    --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:focus\:from-purple-200:focus {
-    --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:focus\:from-purple-300:focus {
-    --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:focus\:from-purple-400:focus {
-    --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:focus\:from-purple-500:focus {
-    --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:focus\:from-purple-600:focus {
-    --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:focus\:from-purple-700:focus {
-    --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:focus\:from-purple-800:focus {
-    --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:focus\:from-purple-900:focus {
-    --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:focus\:from-pink-100:focus {
-    --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:focus\:from-pink-200:focus {
-    --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:focus\:from-pink-300:focus {
-    --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:focus\:from-pink-400:focus {
-    --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:focus\:from-pink-500:focus {
-    --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:focus\:from-pink-600:focus {
-    --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:focus\:from-pink-700:focus {
-    --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:focus\:from-pink-800:focus {
-    --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:focus\:from-pink-900:focus {
-    --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:focus\:via-transparent:focus {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:via-current:focus {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:via-black:focus {
-    --gradient-via-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:via-white:focus {
-    --gradient-via-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:via-gray-100:focus {
-    --gradient-via-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:focus\:via-gray-200:focus {
-    --gradient-via-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:focus\:via-gray-300:focus {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:focus\:via-gray-400:focus {
-    --gradient-via-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:focus\:via-gray-500:focus {
-    --gradient-via-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:focus\:via-gray-600:focus {
-    --gradient-via-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:focus\:via-gray-700:focus {
-    --gradient-via-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:focus\:via-gray-800:focus {
-    --gradient-via-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:focus\:via-gray-900:focus {
-    --gradient-via-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:focus\:via-red-100:focus {
-    --gradient-via-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:focus\:via-red-200:focus {
-    --gradient-via-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:focus\:via-red-300:focus {
-    --gradient-via-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:focus\:via-red-400:focus {
-    --gradient-via-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:focus\:via-red-500:focus {
-    --gradient-via-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:focus\:via-red-600:focus {
-    --gradient-via-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:focus\:via-red-700:focus {
-    --gradient-via-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:focus\:via-red-800:focus {
-    --gradient-via-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:focus\:via-red-900:focus {
-    --gradient-via-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:focus\:via-orange-100:focus {
-    --gradient-via-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:focus\:via-orange-200:focus {
-    --gradient-via-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:focus\:via-orange-300:focus {
-    --gradient-via-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:focus\:via-orange-400:focus {
-    --gradient-via-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:focus\:via-orange-500:focus {
-    --gradient-via-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:focus\:via-orange-600:focus {
-    --gradient-via-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:focus\:via-orange-700:focus {
-    --gradient-via-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:focus\:via-orange-800:focus {
-    --gradient-via-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:focus\:via-orange-900:focus {
-    --gradient-via-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:focus\:via-yellow-100:focus {
-    --gradient-via-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:focus\:via-yellow-200:focus {
-    --gradient-via-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:focus\:via-yellow-300:focus {
-    --gradient-via-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:focus\:via-yellow-400:focus {
-    --gradient-via-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:focus\:via-yellow-500:focus {
-    --gradient-via-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:focus\:via-yellow-600:focus {
-    --gradient-via-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:focus\:via-yellow-700:focus {
-    --gradient-via-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:focus\:via-yellow-800:focus {
-    --gradient-via-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:focus\:via-yellow-900:focus {
-    --gradient-via-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:focus\:via-green-100:focus {
-    --gradient-via-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:focus\:via-green-200:focus {
-    --gradient-via-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:focus\:via-green-300:focus {
-    --gradient-via-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:focus\:via-green-400:focus {
-    --gradient-via-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:focus\:via-green-500:focus {
-    --gradient-via-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:focus\:via-green-600:focus {
-    --gradient-via-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:focus\:via-green-700:focus {
-    --gradient-via-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:focus\:via-green-800:focus {
-    --gradient-via-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:focus\:via-green-900:focus {
-    --gradient-via-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:focus\:via-teal-100:focus {
-    --gradient-via-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:focus\:via-teal-200:focus {
-    --gradient-via-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:focus\:via-teal-300:focus {
-    --gradient-via-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:focus\:via-teal-400:focus {
-    --gradient-via-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:focus\:via-teal-500:focus {
-    --gradient-via-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:focus\:via-teal-600:focus {
-    --gradient-via-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:focus\:via-teal-700:focus {
-    --gradient-via-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:focus\:via-teal-800:focus {
-    --gradient-via-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:focus\:via-teal-900:focus {
-    --gradient-via-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:focus\:via-blue-100:focus {
-    --gradient-via-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:focus\:via-blue-200:focus {
-    --gradient-via-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:focus\:via-blue-300:focus {
-    --gradient-via-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:focus\:via-blue-400:focus {
-    --gradient-via-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:focus\:via-blue-500:focus {
-    --gradient-via-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:focus\:via-blue-600:focus {
-    --gradient-via-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:focus\:via-blue-700:focus {
-    --gradient-via-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:focus\:via-blue-800:focus {
-    --gradient-via-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:focus\:via-blue-900:focus {
-    --gradient-via-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:focus\:via-indigo-100:focus {
-    --gradient-via-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:focus\:via-indigo-200:focus {
-    --gradient-via-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:focus\:via-indigo-300:focus {
-    --gradient-via-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:focus\:via-indigo-400:focus {
-    --gradient-via-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:focus\:via-indigo-500:focus {
-    --gradient-via-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:focus\:via-indigo-600:focus {
-    --gradient-via-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:focus\:via-indigo-700:focus {
-    --gradient-via-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:focus\:via-indigo-800:focus {
-    --gradient-via-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:focus\:via-indigo-900:focus {
-    --gradient-via-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:focus\:via-purple-100:focus {
-    --gradient-via-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:focus\:via-purple-200:focus {
-    --gradient-via-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:focus\:via-purple-300:focus {
-    --gradient-via-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:focus\:via-purple-400:focus {
-    --gradient-via-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:focus\:via-purple-500:focus {
-    --gradient-via-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:focus\:via-purple-600:focus {
-    --gradient-via-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:focus\:via-purple-700:focus {
-    --gradient-via-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:focus\:via-purple-800:focus {
-    --gradient-via-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:focus\:via-purple-900:focus {
-    --gradient-via-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:focus\:via-pink-100:focus {
-    --gradient-via-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:focus\:via-pink-200:focus {
-    --gradient-via-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:focus\:via-pink-300:focus {
-    --gradient-via-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:focus\:via-pink-400:focus {
-    --gradient-via-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:focus\:via-pink-500:focus {
-    --gradient-via-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:focus\:via-pink-600:focus {
-    --gradient-via-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:focus\:via-pink-700:focus {
-    --gradient-via-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:focus\:via-pink-800:focus {
-    --gradient-via-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:focus\:via-pink-900:focus {
-    --gradient-via-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:focus\:to-transparent:focus {
-    --gradient-to-color: transparent;
-  }
-
-  .xs\:focus\:to-current:focus {
-    --gradient-to-color: currentColor;
-  }
-
-  .xs\:focus\:to-black:focus {
-    --gradient-to-color: #000;
-  }
-
-  .xs\:focus\:to-white:focus {
-    --gradient-to-color: #fff;
-  }
-
-  .xs\:focus\:to-gray-100:focus {
-    --gradient-to-color: #f7fafc;
-  }
-
-  .xs\:focus\:to-gray-200:focus {
-    --gradient-to-color: #edf2f7;
-  }
-
-  .xs\:focus\:to-gray-300:focus {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xs\:focus\:to-gray-400:focus {
-    --gradient-to-color: #cbd5e0;
-  }
-
-  .xs\:focus\:to-gray-500:focus {
-    --gradient-to-color: #a0aec0;
-  }
-
-  .xs\:focus\:to-gray-600:focus {
-    --gradient-to-color: #718096;
-  }
-
-  .xs\:focus\:to-gray-700:focus {
-    --gradient-to-color: #4a5568;
-  }
-
-  .xs\:focus\:to-gray-800:focus {
-    --gradient-to-color: #2d3748;
-  }
-
-  .xs\:focus\:to-gray-900:focus {
-    --gradient-to-color: #1a202c;
-  }
-
-  .xs\:focus\:to-red-100:focus {
-    --gradient-to-color: #fff5f5;
-  }
-
-  .xs\:focus\:to-red-200:focus {
-    --gradient-to-color: #fed7d7;
-  }
-
-  .xs\:focus\:to-red-300:focus {
-    --gradient-to-color: #feb2b2;
-  }
-
-  .xs\:focus\:to-red-400:focus {
-    --gradient-to-color: #fc8181;
-  }
-
-  .xs\:focus\:to-red-500:focus {
-    --gradient-to-color: #f56565;
-  }
-
-  .xs\:focus\:to-red-600:focus {
-    --gradient-to-color: #e53e3e;
-  }
-
-  .xs\:focus\:to-red-700:focus {
-    --gradient-to-color: #c53030;
-  }
-
-  .xs\:focus\:to-red-800:focus {
-    --gradient-to-color: #9b2c2c;
-  }
-
-  .xs\:focus\:to-red-900:focus {
-    --gradient-to-color: #742a2a;
-  }
-
-  .xs\:focus\:to-orange-100:focus {
-    --gradient-to-color: #fffaf0;
-  }
-
-  .xs\:focus\:to-orange-200:focus {
-    --gradient-to-color: #feebc8;
-  }
-
-  .xs\:focus\:to-orange-300:focus {
-    --gradient-to-color: #fbd38d;
-  }
-
-  .xs\:focus\:to-orange-400:focus {
-    --gradient-to-color: #f6ad55;
-  }
-
-  .xs\:focus\:to-orange-500:focus {
-    --gradient-to-color: #ed8936;
-  }
-
-  .xs\:focus\:to-orange-600:focus {
-    --gradient-to-color: #dd6b20;
-  }
-
-  .xs\:focus\:to-orange-700:focus {
-    --gradient-to-color: #c05621;
-  }
-
-  .xs\:focus\:to-orange-800:focus {
-    --gradient-to-color: #9c4221;
-  }
-
-  .xs\:focus\:to-orange-900:focus {
-    --gradient-to-color: #7b341e;
-  }
-
-  .xs\:focus\:to-yellow-100:focus {
-    --gradient-to-color: #fffff0;
-  }
-
-  .xs\:focus\:to-yellow-200:focus {
-    --gradient-to-color: #fefcbf;
-  }
-
-  .xs\:focus\:to-yellow-300:focus {
-    --gradient-to-color: #faf089;
-  }
-
-  .xs\:focus\:to-yellow-400:focus {
-    --gradient-to-color: #f6e05e;
-  }
-
-  .xs\:focus\:to-yellow-500:focus {
-    --gradient-to-color: #ecc94b;
-  }
-
-  .xs\:focus\:to-yellow-600:focus {
-    --gradient-to-color: #d69e2e;
-  }
-
-  .xs\:focus\:to-yellow-700:focus {
-    --gradient-to-color: #b7791f;
-  }
-
-  .xs\:focus\:to-yellow-800:focus {
-    --gradient-to-color: #975a16;
-  }
-
-  .xs\:focus\:to-yellow-900:focus {
-    --gradient-to-color: #744210;
-  }
-
-  .xs\:focus\:to-green-100:focus {
-    --gradient-to-color: #f0fff4;
-  }
-
-  .xs\:focus\:to-green-200:focus {
-    --gradient-to-color: #c6f6d5;
-  }
-
-  .xs\:focus\:to-green-300:focus {
-    --gradient-to-color: #9ae6b4;
-  }
-
-  .xs\:focus\:to-green-400:focus {
-    --gradient-to-color: #68d391;
-  }
-
-  .xs\:focus\:to-green-500:focus {
-    --gradient-to-color: #48bb78;
-  }
-
-  .xs\:focus\:to-green-600:focus {
-    --gradient-to-color: #38a169;
-  }
-
-  .xs\:focus\:to-green-700:focus {
-    --gradient-to-color: #2f855a;
-  }
-
-  .xs\:focus\:to-green-800:focus {
-    --gradient-to-color: #276749;
-  }
-
-  .xs\:focus\:to-green-900:focus {
-    --gradient-to-color: #22543d;
-  }
-
-  .xs\:focus\:to-teal-100:focus {
-    --gradient-to-color: #e6fffa;
-  }
-
-  .xs\:focus\:to-teal-200:focus {
-    --gradient-to-color: #b2f5ea;
-  }
-
-  .xs\:focus\:to-teal-300:focus {
-    --gradient-to-color: #81e6d9;
-  }
-
-  .xs\:focus\:to-teal-400:focus {
-    --gradient-to-color: #4fd1c5;
-  }
-
-  .xs\:focus\:to-teal-500:focus {
-    --gradient-to-color: #38b2ac;
-  }
-
-  .xs\:focus\:to-teal-600:focus {
-    --gradient-to-color: #319795;
-  }
-
-  .xs\:focus\:to-teal-700:focus {
-    --gradient-to-color: #2c7a7b;
-  }
-
-  .xs\:focus\:to-teal-800:focus {
-    --gradient-to-color: #285e61;
-  }
-
-  .xs\:focus\:to-teal-900:focus {
-    --gradient-to-color: #234e52;
-  }
-
-  .xs\:focus\:to-blue-100:focus {
-    --gradient-to-color: #ebf8ff;
-  }
-
-  .xs\:focus\:to-blue-200:focus {
-    --gradient-to-color: #bee3f8;
-  }
-
-  .xs\:focus\:to-blue-300:focus {
-    --gradient-to-color: #90cdf4;
-  }
-
-  .xs\:focus\:to-blue-400:focus {
-    --gradient-to-color: #63b3ed;
-  }
-
-  .xs\:focus\:to-blue-500:focus {
-    --gradient-to-color: #4299e1;
-  }
-
-  .xs\:focus\:to-blue-600:focus {
-    --gradient-to-color: #3182ce;
-  }
-
-  .xs\:focus\:to-blue-700:focus {
-    --gradient-to-color: #2b6cb0;
-  }
-
-  .xs\:focus\:to-blue-800:focus {
-    --gradient-to-color: #2c5282;
-  }
-
-  .xs\:focus\:to-blue-900:focus {
-    --gradient-to-color: #2a4365;
-  }
-
-  .xs\:focus\:to-indigo-100:focus {
-    --gradient-to-color: #ebf4ff;
-  }
-
-  .xs\:focus\:to-indigo-200:focus {
-    --gradient-to-color: #c3dafe;
-  }
-
-  .xs\:focus\:to-indigo-300:focus {
-    --gradient-to-color: #a3bffa;
-  }
-
-  .xs\:focus\:to-indigo-400:focus {
-    --gradient-to-color: #7f9cf5;
-  }
-
-  .xs\:focus\:to-indigo-500:focus {
-    --gradient-to-color: #667eea;
-  }
-
-  .xs\:focus\:to-indigo-600:focus {
-    --gradient-to-color: #5a67d8;
-  }
-
-  .xs\:focus\:to-indigo-700:focus {
-    --gradient-to-color: #4c51bf;
-  }
-
-  .xs\:focus\:to-indigo-800:focus {
-    --gradient-to-color: #434190;
-  }
-
-  .xs\:focus\:to-indigo-900:focus {
-    --gradient-to-color: #3c366b;
-  }
-
-  .xs\:focus\:to-purple-100:focus {
-    --gradient-to-color: #faf5ff;
-  }
-
-  .xs\:focus\:to-purple-200:focus {
-    --gradient-to-color: #e9d8fd;
-  }
-
-  .xs\:focus\:to-purple-300:focus {
-    --gradient-to-color: #d6bcfa;
-  }
-
-  .xs\:focus\:to-purple-400:focus {
-    --gradient-to-color: #b794f4;
-  }
-
-  .xs\:focus\:to-purple-500:focus {
-    --gradient-to-color: #9f7aea;
-  }
-
-  .xs\:focus\:to-purple-600:focus {
-    --gradient-to-color: #805ad5;
-  }
-
-  .xs\:focus\:to-purple-700:focus {
-    --gradient-to-color: #6b46c1;
-  }
-
-  .xs\:focus\:to-purple-800:focus {
-    --gradient-to-color: #553c9a;
-  }
-
-  .xs\:focus\:to-purple-900:focus {
-    --gradient-to-color: #44337a;
-  }
-
-  .xs\:focus\:to-pink-100:focus {
-    --gradient-to-color: #fff5f7;
-  }
-
-  .xs\:focus\:to-pink-200:focus {
-    --gradient-to-color: #fed7e2;
-  }
-
-  .xs\:focus\:to-pink-300:focus {
-    --gradient-to-color: #fbb6ce;
-  }
-
-  .xs\:focus\:to-pink-400:focus {
-    --gradient-to-color: #f687b3;
-  }
-
-  .xs\:focus\:to-pink-500:focus {
-    --gradient-to-color: #ed64a6;
-  }
-
-  .xs\:focus\:to-pink-600:focus {
-    --gradient-to-color: #d53f8c;
-  }
-
-  .xs\:focus\:to-pink-700:focus {
-    --gradient-to-color: #b83280;
-  }
-
-  .xs\:focus\:to-pink-800:focus {
-    --gradient-to-color: #97266d;
-  }
-
-  .xs\:focus\:to-pink-900:focus {
-    --gradient-to-color: #702459;
-  }
-
-  .xs\:bg-opacity-0 {
-    --bg-opacity: 0;
-  }
-
-  .xs\:bg-opacity-25 {
-    --bg-opacity: 0.25;
-  }
-
-  .xs\:bg-opacity-50 {
-    --bg-opacity: 0.5;
-  }
-
-  .xs\:bg-opacity-75 {
-    --bg-opacity: 0.75;
-  }
-
-  .xs\:bg-opacity-100 {
-    --bg-opacity: 1;
-  }
-
-  .xs\:hover\:bg-opacity-0:hover {
-    --bg-opacity: 0;
-  }
-
-  .xs\:hover\:bg-opacity-25:hover {
-    --bg-opacity: 0.25;
-  }
-
-  .xs\:hover\:bg-opacity-50:hover {
-    --bg-opacity: 0.5;
-  }
-
-  .xs\:hover\:bg-opacity-75:hover {
-    --bg-opacity: 0.75;
-  }
-
-  .xs\:hover\:bg-opacity-100:hover {
-    --bg-opacity: 1;
-  }
-
-  .xs\:focus\:bg-opacity-0:focus {
-    --bg-opacity: 0;
-  }
-
-  .xs\:focus\:bg-opacity-25:focus {
-    --bg-opacity: 0.25;
-  }
-
-  .xs\:focus\:bg-opacity-50:focus {
-    --bg-opacity: 0.5;
-  }
-
-  .xs\:focus\:bg-opacity-75:focus {
-    --bg-opacity: 0.75;
-  }
-
-  .xs\:focus\:bg-opacity-100:focus {
-    --bg-opacity: 1;
-  }
-
-  .xs\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .xs\:bg-center {
-    background-position: center;
-  }
-
-  .xs\:bg-left {
-    background-position: left;
-  }
-
-  .xs\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .xs\:bg-left-top {
-    background-position: left top;
-  }
-
-  .xs\:bg-right {
-    background-position: right;
-  }
-
-  .xs\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .xs\:bg-right-top {
-    background-position: right top;
-  }
-
-  .xs\:bg-top {
-    background-position: top;
-  }
-
-  .xs\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .xs\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .xs\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .xs\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .xs\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .xs\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .xs\:bg-auto {
-    background-size: auto;
-  }
-
-  .xs\:bg-cover {
-    background-size: cover;
-  }
-
-  .xs\:bg-contain {
-    background-size: contain;
-  }
-
-  .xs\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .xs\:border-separate {
-    border-collapse: separate;
-  }
-
-  .xs\:border-transparent {
-    border-color: transparent;
-  }
-
-  .xs\:border-current {
-    border-color: currentColor;
-  }
-
-  .xs\:border-black {
-    --border-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xs\:border-white {
-    --border-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xs\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--border-opacity));
-  }
-
-  .xs\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--border-opacity));
-  }
-
-  .xs\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xs\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--border-opacity));
-  }
-
-  .xs\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--border-opacity));
-  }
-
-  .xs\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--border-opacity));
-  }
-
-  .xs\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--border-opacity));
-  }
-
-  .xs\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--border-opacity));
-  }
-
-  .xs\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--border-opacity));
-  }
-
-  .xs\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--border-opacity));
-  }
-
-  .xs\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--border-opacity));
-  }
-
-  .xs\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--border-opacity));
-  }
-
-  .xs\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--border-opacity));
-  }
-
-  .xs\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--border-opacity));
-  }
-
-  .xs\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--border-opacity));
-  }
-
-  .xs\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--border-opacity));
-  }
-
-  .xs\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--border-opacity));
-  }
-
-  .xs\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--border-opacity));
-  }
-
-  .xs\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--border-opacity));
-  }
-
-  .xs\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--border-opacity));
-  }
-
-  .xs\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--border-opacity));
-  }
-
-  .xs\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--border-opacity));
-  }
-
-  .xs\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--border-opacity));
-  }
-
-  .xs\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--border-opacity));
-  }
-
-  .xs\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--border-opacity));
-  }
-
-  .xs\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--border-opacity));
-  }
-
-  .xs\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--border-opacity));
-  }
-
-  .xs\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--border-opacity));
-  }
-
-  .xs\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--border-opacity));
-  }
-
-  .xs\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--border-opacity));
-  }
-
-  .xs\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--border-opacity));
-  }
-
-  .xs\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--border-opacity));
-  }
-
-  .xs\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--border-opacity));
-  }
-
-  .xs\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--border-opacity));
-  }
-
-  .xs\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--border-opacity));
-  }
-
-  .xs\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--border-opacity));
-  }
-
-  .xs\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--border-opacity));
-  }
-
-  .xs\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--border-opacity));
-  }
-
-  .xs\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--border-opacity));
-  }
-
-  .xs\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--border-opacity));
-  }
-
-  .xs\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--border-opacity));
-  }
-
-  .xs\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--border-opacity));
-  }
-
-  .xs\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--border-opacity));
-  }
-
-  .xs\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--border-opacity));
-  }
-
-  .xs\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--border-opacity));
-  }
-
-  .xs\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--border-opacity));
-  }
-
-  .xs\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--border-opacity));
-  }
-
-  .xs\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--border-opacity));
-  }
-
-  .xs\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--border-opacity));
-  }
-
-  .xs\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--border-opacity));
-  }
-
-  .xs\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--border-opacity));
-  }
-
-  .xs\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--border-opacity));
-  }
-
-  .xs\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--border-opacity));
-  }
-
-  .xs\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--border-opacity));
-  }
-
-  .xs\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--border-opacity));
-  }
-
-  .xs\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--border-opacity));
-  }
-
-  .xs\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--border-opacity));
-  }
-
-  .xs\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--border-opacity));
-  }
-
-  .xs\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--border-opacity));
-  }
-
-  .xs\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--border-opacity));
-  }
-
-  .xs\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--border-opacity));
-  }
-
-  .xs\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--border-opacity));
-  }
-
-  .xs\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--border-opacity));
-  }
-
-  .xs\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--border-opacity));
-  }
-
-  .xs\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--border-opacity));
-  }
-
-  .xs\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--border-opacity));
-  }
-
-  .xs\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--border-opacity));
-  }
-
-  .xs\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--border-opacity));
-  }
-
-  .xs\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--border-opacity));
-  }
-
-  .xs\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--border-opacity));
-  }
-
-  .xs\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--border-opacity));
-  }
-
-  .xs\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .xs\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .xs\:hover\:border-black:hover {
-    --border-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-white:hover {
-    --border-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-100:hover {
-    --border-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-200:hover {
-    --border-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-300:hover {
-    --border-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-400:hover {
-    --border-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-500:hover {
-    --border-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-600:hover {
-    --border-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-700:hover {
-    --border-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-800:hover {
-    --border-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-900:hover {
-    --border-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-100:hover {
-    --border-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-200:hover {
-    --border-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-300:hover {
-    --border-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-400:hover {
-    --border-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-500:hover {
-    --border-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-600:hover {
-    --border-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-700:hover {
-    --border-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-800:hover {
-    --border-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-900:hover {
-    --border-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-100:hover {
-    --border-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-200:hover {
-    --border-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-300:hover {
-    --border-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-400:hover {
-    --border-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-500:hover {
-    --border-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-600:hover {
-    --border-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-700:hover {
-    --border-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-800:hover {
-    --border-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-900:hover {
-    --border-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-100:hover {
-    --border-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-200:hover {
-    --border-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-300:hover {
-    --border-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-400:hover {
-    --border-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-500:hover {
-    --border-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-600:hover {
-    --border-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-700:hover {
-    --border-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-800:hover {
-    --border-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-900:hover {
-    --border-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-100:hover {
-    --border-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-200:hover {
-    --border-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-300:hover {
-    --border-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-400:hover {
-    --border-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-500:hover {
-    --border-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-600:hover {
-    --border-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-700:hover {
-    --border-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-800:hover {
-    --border-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-900:hover {
-    --border-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-100:hover {
-    --border-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-200:hover {
-    --border-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-300:hover {
-    --border-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-400:hover {
-    --border-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-500:hover {
-    --border-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-600:hover {
-    --border-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-700:hover {
-    --border-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-800:hover {
-    --border-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-900:hover {
-    --border-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-100:hover {
-    --border-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-200:hover {
-    --border-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-300:hover {
-    --border-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-400:hover {
-    --border-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-500:hover {
-    --border-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-600:hover {
-    --border-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-700:hover {
-    --border-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-800:hover {
-    --border-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-900:hover {
-    --border-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-100:hover {
-    --border-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-200:hover {
-    --border-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-300:hover {
-    --border-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-400:hover {
-    --border-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-500:hover {
-    --border-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-600:hover {
-    --border-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-700:hover {
-    --border-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-800:hover {
-    --border-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-900:hover {
-    --border-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-100:hover {
-    --border-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-200:hover {
-    --border-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-300:hover {
-    --border-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-400:hover {
-    --border-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-500:hover {
-    --border-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-600:hover {
-    --border-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-700:hover {
-    --border-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-800:hover {
-    --border-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-900:hover {
-    --border-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .xs\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .xs\:focus\:border-black:focus {
-    --border-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-white:focus {
-    --border-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-100:focus {
-    --border-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-200:focus {
-    --border-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-300:focus {
-    --border-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-400:focus {
-    --border-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-500:focus {
-    --border-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-600:focus {
-    --border-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-700:focus {
-    --border-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-800:focus {
-    --border-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-900:focus {
-    --border-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-100:focus {
-    --border-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-200:focus {
-    --border-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-300:focus {
-    --border-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-400:focus {
-    --border-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-500:focus {
-    --border-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-600:focus {
-    --border-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-700:focus {
-    --border-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-800:focus {
-    --border-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-900:focus {
-    --border-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-100:focus {
-    --border-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-200:focus {
-    --border-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-300:focus {
-    --border-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-400:focus {
-    --border-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-500:focus {
-    --border-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-600:focus {
-    --border-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-700:focus {
-    --border-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-800:focus {
-    --border-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-900:focus {
-    --border-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-100:focus {
-    --border-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-200:focus {
-    --border-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-300:focus {
-    --border-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-400:focus {
-    --border-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-500:focus {
-    --border-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-600:focus {
-    --border-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-700:focus {
-    --border-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-800:focus {
-    --border-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-900:focus {
-    --border-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-100:focus {
-    --border-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-200:focus {
-    --border-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-300:focus {
-    --border-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-400:focus {
-    --border-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-500:focus {
-    --border-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-600:focus {
-    --border-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-700:focus {
-    --border-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-800:focus {
-    --border-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-900:focus {
-    --border-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-100:focus {
-    --border-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-200:focus {
-    --border-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-300:focus {
-    --border-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-400:focus {
-    --border-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-500:focus {
-    --border-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-600:focus {
-    --border-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-700:focus {
-    --border-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-800:focus {
-    --border-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-900:focus {
-    --border-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-100:focus {
-    --border-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-200:focus {
-    --border-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-300:focus {
-    --border-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-400:focus {
-    --border-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-500:focus {
-    --border-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-600:focus {
-    --border-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-700:focus {
-    --border-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-800:focus {
-    --border-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-900:focus {
-    --border-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-100:focus {
-    --border-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-200:focus {
-    --border-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-300:focus {
-    --border-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-400:focus {
-    --border-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-500:focus {
-    --border-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-600:focus {
-    --border-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-700:focus {
-    --border-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-800:focus {
-    --border-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-900:focus {
-    --border-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-100:focus {
-    --border-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-200:focus {
-    --border-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-300:focus {
-    --border-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-400:focus {
-    --border-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-500:focus {
-    --border-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-600:focus {
-    --border-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-700:focus {
-    --border-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-800:focus {
-    --border-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-900:focus {
-    --border-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--border-opacity));
-  }
-
-  .xs\:border-opacity-0 {
-    --border-opacity: 0;
-  }
-
-  .xs\:border-opacity-25 {
-    --border-opacity: 0.25;
-  }
-
-  .xs\:border-opacity-50 {
-    --border-opacity: 0.5;
-  }
-
-  .xs\:border-opacity-75 {
-    --border-opacity: 0.75;
-  }
-
-  .xs\:border-opacity-100 {
-    --border-opacity: 1;
-  }
-
-  .xs\:hover\:border-opacity-0:hover {
-    --border-opacity: 0;
-  }
-
-  .xs\:hover\:border-opacity-25:hover {
-    --border-opacity: 0.25;
-  }
-
-  .xs\:hover\:border-opacity-50:hover {
-    --border-opacity: 0.5;
-  }
-
-  .xs\:hover\:border-opacity-75:hover {
-    --border-opacity: 0.75;
-  }
-
-  .xs\:hover\:border-opacity-100:hover {
-    --border-opacity: 1;
-  }
-
-  .xs\:focus\:border-opacity-0:focus {
-    --border-opacity: 0;
-  }
-
-  .xs\:focus\:border-opacity-25:focus {
-    --border-opacity: 0.25;
-  }
-
-  .xs\:focus\:border-opacity-50:focus {
-    --border-opacity: 0.5;
-  }
-
-  .xs\:focus\:border-opacity-75:focus {
-    --border-opacity: 0.75;
-  }
-
-  .xs\:focus\:border-opacity-100:focus {
-    --border-opacity: 1;
-  }
-
-  .xs\:rounded-none {
-    border-radius: 0;
-  }
-
-  .xs\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .xs\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .xs\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .xs\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .xs\:rounded-xl {
-    border-radius: 0.75rem;
-  }
-
-  .xs\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .xs\:rounded-3xl {
-    border-radius: 1.5rem;
-  }
-
-  .xs\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .xs\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .xs\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .xs\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .xs\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .xs\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-t-xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-r-xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-b-xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-l-xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-t-2xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .xs\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xs\:rounded-b-2xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xs\:rounded-l-2xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xs\:rounded-t-3xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-r-3xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-b-3xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-l-3xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .xs\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .xs\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xs\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xs\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .xs\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .xs\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .xs\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .xs\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-tl-xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-tr-xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-br-xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-bl-xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-tl-2xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .xs\:rounded-tr-2xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .xs\:rounded-br-2xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xs\:rounded-bl-2xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xs\:rounded-tl-3xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-tr-3xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-br-3xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-bl-3xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .xs\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .xs\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .xs\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xs\:border-solid {
-    border-style: solid;
-  }
-
-  .xs\:border-dashed {
-    border-style: dashed;
-  }
-
-  .xs\:border-dotted {
-    border-style: dotted;
-  }
-
-  .xs\:border-double {
-    border-style: double;
-  }
-
-  .xs\:border-none {
-    border-style: none;
-  }
-
-  .xs\:border-0 {
-    border-width: 0;
-  }
-
-  .xs\:border-2 {
-    border-width: 2px;
-  }
-
-  .xs\:border-4 {
-    border-width: 4px;
-  }
-
-  .xs\:border-8 {
-    border-width: 8px;
-  }
-
-  .xs\:border {
-    border-width: 1px;
-  }
-
-  .xs\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .xs\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .xs\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .xs\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .xs\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .xs\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .xs\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .xs\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .xs\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .xs\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .xs\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .xs\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .xs\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .xs\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .xs\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .xs\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .xs\:border-t {
-    border-top-width: 1px;
-  }
-
-  .xs\:border-r {
-    border-right-width: 1px;
-  }
-
-  .xs\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .xs\:border-l {
-    border-left-width: 1px;
-  }
-
-  .xs\:box-border {
-    box-sizing: border-box;
-  }
-
-  .xs\:box-content {
-    box-sizing: content-box;
-  }
-
-  .xs\:cursor-auto {
-    cursor: auto;
-  }
-
-  .xs\:cursor-default {
-    cursor: default;
-  }
-
-  .xs\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .xs\:cursor-wait {
-    cursor: wait;
-  }
-
-  .xs\:cursor-text {
-    cursor: text;
-  }
-
-  .xs\:cursor-move {
-    cursor: move;
-  }
-
-  .xs\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .xs\:block {
-    display: block;
-  }
-
-  .xs\:inline-block {
-    display: inline-block;
-  }
-
-  .xs\:inline {
-    display: inline;
-  }
-
-  .xs\:flex {
-    display: flex;
-  }
-
-  .xs\:inline-flex {
-    display: inline-flex;
-  }
-
-  .xs\:table {
-    display: table;
-  }
-
-  .xs\:table-caption {
-    display: table-caption;
-  }
-
-  .xs\:table-cell {
-    display: table-cell;
-  }
-
-  .xs\:table-column {
-    display: table-column;
-  }
-
-  .xs\:table-column-group {
-    display: table-column-group;
-  }
-
-  .xs\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .xs\:table-header-group {
-    display: table-header-group;
-  }
-
-  .xs\:table-row-group {
-    display: table-row-group;
-  }
-
-  .xs\:table-row {
-    display: table-row;
-  }
-
-  .xs\:flow-root {
-    display: flow-root;
-  }
-
-  .xs\:grid {
-    display: grid;
-  }
-
-  .xs\:inline-grid {
-    display: inline-grid;
-  }
-
-  .xs\:contents {
-    display: contents;
-  }
-
-  .xs\:hidden {
-    display: none;
-  }
-
-  .xs\:flex-row {
-    flex-direction: row;
-  }
-
-  .xs\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .xs\:flex-col {
-    flex-direction: column;
-  }
-
-  .xs\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .xs\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .xs\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .xs\:flex-no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  .xs\:place-items-auto {
-    place-items: auto;
-  }
-
-  .xs\:place-items-start {
-    place-items: start;
-  }
-
-  .xs\:place-items-end {
-    place-items: end;
-  }
-
-  .xs\:place-items-center {
-    place-items: center;
-  }
-
-  .xs\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .xs\:place-content-center {
-    place-content: center;
-  }
-
-  .xs\:place-content-start {
-    place-content: start;
-  }
-
-  .xs\:place-content-end {
-    place-content: end;
-  }
-
-  .xs\:place-content-between {
-    place-content: space-between;
-  }
-
-  .xs\:place-content-around {
-    place-content: space-around;
-  }
-
-  .xs\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .xs\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .xs\:place-self-auto {
-    place-self: auto;
-  }
-
-  .xs\:place-self-start {
-    place-self: start;
-  }
-
-  .xs\:place-self-end {
-    place-self: end;
-  }
-
-  .xs\:place-self-center {
-    place-self: center;
-  }
-
-  .xs\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .xs\:items-start {
-    align-items: flex-start;
-  }
-
-  .xs\:items-end {
-    align-items: flex-end;
-  }
-
-  .xs\:items-center {
-    align-items: center;
-  }
-
-  .xs\:items-baseline {
-    align-items: baseline;
-  }
-
-  .xs\:items-stretch {
-    align-items: stretch;
-  }
-
-  .xs\:content-center {
-    align-content: center;
-  }
-
-  .xs\:content-start {
-    align-content: flex-start;
-  }
-
-  .xs\:content-end {
-    align-content: flex-end;
-  }
-
-  .xs\:content-between {
-    align-content: space-between;
-  }
-
-  .xs\:content-around {
-    align-content: space-around;
-  }
-
-  .xs\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .xs\:self-auto {
-    align-self: auto;
-  }
-
-  .xs\:self-start {
-    align-self: flex-start;
-  }
-
-  .xs\:self-end {
-    align-self: flex-end;
-  }
-
-  .xs\:self-center {
-    align-self: center;
-  }
-
-  .xs\:self-stretch {
-    align-self: stretch;
-  }
-
-  .xs\:justify-items-auto {
-    justify-items: auto;
-  }
-
-  .xs\:justify-items-start {
-    justify-items: start;
-  }
-
-  .xs\:justify-items-end {
-    justify-items: end;
-  }
-
-  .xs\:justify-items-center {
-    justify-items: center;
-  }
-
-  .xs\:justify-items-stretch {
-    justify-items: stretch;
-  }
-
-  .xs\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .xs\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .xs\:justify-center {
-    justify-content: center;
-  }
-
-  .xs\:justify-between {
-    justify-content: space-between;
-  }
-
-  .xs\:justify-around {
-    justify-content: space-around;
-  }
-
-  .xs\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .xs\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .xs\:justify-self-start {
-    justify-self: start;
-  }
-
-  .xs\:justify-self-end {
-    justify-self: end;
-  }
-
-  .xs\:justify-self-center {
-    justify-self: center;
-  }
-
-  .xs\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .xs\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .xs\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .xs\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .xs\:flex-none {
-    flex: none;
-  }
-
-  .xs\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .xs\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .xs\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .xs\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .xs\:order-1 {
-    order: 1;
-  }
-
-  .xs\:order-2 {
-    order: 2;
-  }
-
-  .xs\:order-3 {
-    order: 3;
-  }
-
-  .xs\:order-4 {
-    order: 4;
-  }
-
-  .xs\:order-5 {
-    order: 5;
-  }
-
-  .xs\:order-6 {
-    order: 6;
-  }
-
-  .xs\:order-7 {
-    order: 7;
-  }
-
-  .xs\:order-8 {
-    order: 8;
-  }
-
-  .xs\:order-9 {
-    order: 9;
-  }
-
-  .xs\:order-10 {
-    order: 10;
-  }
-
-  .xs\:order-11 {
-    order: 11;
-  }
-
-  .xs\:order-12 {
-    order: 12;
-  }
-
-  .xs\:order-first {
-    order: -9999;
-  }
-
-  .xs\:order-last {
-    order: 9999;
-  }
-
-  .xs\:order-none {
-    order: 0;
-  }
-
-  .xs\:float-right {
-    float: right;
-  }
-
-  .xs\:float-left {
-    float: left;
-  }
-
-  .xs\:float-none {
-    float: none;
-  }
-
-  .xs\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  .xs\:clear-left {
-    clear: left;
-  }
-
-  .xs\:clear-right {
-    clear: right;
-  }
-
-  .xs\:clear-both {
-    clear: both;
-  }
-
-  .xs\:clear-none {
-    clear: none;
-  }
-
-  .xs\:font-sans {
-    font-family: 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";
-  }
-
-  .xs\:font-serif {
-    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .xs\:font-mono {
-    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .xs\:font-hairline {
-    font-weight: 100;
-  }
-
-  .xs\:font-thin {
-    font-weight: 200;
-  }
-
-  .xs\:font-light {
-    font-weight: 300;
-  }
-
-  .xs\:font-normal {
-    font-weight: 400;
-  }
-
-  .xs\:font-medium {
-    font-weight: 500;
-  }
-
-  .xs\:font-semibold {
-    font-weight: 600;
-  }
-
-  .xs\:font-bold {
-    font-weight: 700;
-  }
-
-  .xs\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .xs\:font-black {
-    font-weight: 900;
-  }
-
-  .xs\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .xs\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .xs\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .xs\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .xs\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .xs\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .xs\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .xs\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .xs\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .xs\:focus\:font-hairline:focus {
-    font-weight: 100;
-  }
-
-  .xs\:focus\:font-thin:focus {
-    font-weight: 200;
-  }
-
-  .xs\:focus\:font-light:focus {
-    font-weight: 300;
-  }
-
-  .xs\:focus\:font-normal:focus {
-    font-weight: 400;
-  }
-
-  .xs\:focus\:font-medium:focus {
-    font-weight: 500;
-  }
-
-  .xs\:focus\:font-semibold:focus {
-    font-weight: 600;
-  }
-
-  .xs\:focus\:font-bold:focus {
-    font-weight: 700;
-  }
-
-  .xs\:focus\:font-extrabold:focus {
-    font-weight: 800;
-  }
-
-  .xs\:focus\:font-black:focus {
-    font-weight: 900;
-  }
-
-  .xs\:h-0 {
-    height: 0;
-  }
-
-  .xs\:h-1 {
-    height: 0.25rem;
-  }
-
-  .xs\:h-2 {
-    height: 0.5rem;
-  }
-
-  .xs\:h-3 {
-    height: 0.75rem;
-  }
-
-  .xs\:h-4 {
-    height: 1rem;
-  }
-
-  .xs\:h-5 {
-    height: 1.25rem;
-  }
-
-  .xs\:h-6 {
-    height: 1.5rem;
-  }
-
-  .xs\:h-8 {
-    height: 2rem;
-  }
-
-  .xs\:h-10 {
-    height: 2.5rem;
-  }
-
-  .xs\:h-12 {
-    height: 3rem;
-  }
-
-  .xs\:h-16 {
-    height: 4rem;
-  }
-
-  .xs\:h-20 {
-    height: 5rem;
-  }
-
-  .xs\:h-24 {
-    height: 6rem;
-  }
-
-  .xs\:h-32 {
-    height: 8rem;
-  }
-
-  .xs\:h-40 {
-    height: 10rem;
-  }
-
-  .xs\:h-48 {
-    height: 12rem;
-  }
-
-  .xs\:h-56 {
-    height: 14rem;
-  }
-
-  .xs\:h-64 {
-    height: 16rem;
-  }
-
-  .xs\:h-auto {
-    height: auto;
-  }
-
-  .xs\:h-px {
-    height: 1px;
-  }
-
-  .xs\:h-full {
-    height: 100%;
-  }
-
-  .xs\:h-screen {
-    height: 100vh;
-  }
-
-  .xs\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .xs\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .xs\:text-base {
-    font-size: 1rem;
-  }
-
-  .xs\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .xs\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .xs\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .xs\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .xs\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .xs\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .xs\:text-6xl {
-    font-size: 4rem;
-  }
-
-  .xs\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .xs\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .xs\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .xs\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .xs\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .xs\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .xs\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .xs\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .xs\:leading-none {
-    line-height: 1;
-  }
-
-  .xs\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .xs\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .xs\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .xs\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .xs\:leading-loose {
-    line-height: 2;
-  }
-
-  .xs\:list-inside {
-    list-style-position: inside;
-  }
-
-  .xs\:list-outside {
-    list-style-position: outside;
-  }
-
-  .xs\:list-none {
-    list-style-type: none;
-  }
-
-  .xs\:list-disc {
-    list-style-type: disc;
-  }
-
-  .xs\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .xs\:m-0 {
-    margin: 0;
-  }
-
-  .xs\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .xs\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .xs\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .xs\:m-4 {
-    margin: 1rem;
-  }
-
-  .xs\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .xs\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .xs\:m-8 {
-    margin: 2rem;
-  }
-
-  .xs\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .xs\:m-12 {
-    margin: 3rem;
-  }
-
-  .xs\:m-16 {
-    margin: 4rem;
-  }
-
-  .xs\:m-20 {
-    margin: 5rem;
-  }
-
-  .xs\:m-24 {
-    margin: 6rem;
-  }
-
-  .xs\:m-32 {
-    margin: 8rem;
-  }
-
-  .xs\:m-40 {
-    margin: 10rem;
-  }
-
-  .xs\:m-48 {
-    margin: 12rem;
-  }
-
-  .xs\:m-56 {
-    margin: 14rem;
-  }
-
-  .xs\:m-64 {
-    margin: 16rem;
-  }
-
-  .xs\:m-auto {
-    margin: auto;
-  }
-
-  .xs\:m-px {
-    margin: 1px;
-  }
-
-  .xs\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .xs\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .xs\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .xs\:-m-4 {
-    margin: -1rem;
-  }
-
-  .xs\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .xs\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .xs\:-m-8 {
-    margin: -2rem;
-  }
-
-  .xs\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .xs\:-m-12 {
-    margin: -3rem;
-  }
-
-  .xs\:-m-16 {
-    margin: -4rem;
-  }
-
-  .xs\:-m-20 {
-    margin: -5rem;
-  }
-
-  .xs\:-m-24 {
-    margin: -6rem;
-  }
-
-  .xs\:-m-32 {
-    margin: -8rem;
-  }
-
-  .xs\:-m-40 {
-    margin: -10rem;
-  }
-
-  .xs\:-m-48 {
-    margin: -12rem;
-  }
-
-  .xs\:-m-56 {
-    margin: -14rem;
-  }
-
-  .xs\:-m-64 {
-    margin: -16rem;
-  }
-
-  .xs\:-m-px {
-    margin: -1px;
-  }
-
-  .xs\:my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xs\:mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .xs\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .xs\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .xs\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .xs\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .xs\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .xs\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .xs\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .xs\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .xs\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .xs\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .xs\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .xs\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .xs\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .xs\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .xs\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .xs\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .xs\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .xs\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .xs\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .xs\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .xs\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .xs\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .xs\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .xs\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .xs\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .xs\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .xs\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .xs\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .xs\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .xs\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .xs\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .xs\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .xs\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .xs\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .xs\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .xs\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .xs\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .xs\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .xs\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .xs\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .xs\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .xs\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .xs\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .xs\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .xs\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .xs\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .xs\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .xs\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .xs\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .xs\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .xs\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .xs\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .xs\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .xs\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .xs\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .xs\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .xs\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .xs\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .xs\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .xs\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .xs\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .xs\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .xs\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .xs\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .xs\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .xs\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .xs\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .xs\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .xs\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .xs\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .xs\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .xs\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .xs\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .xs\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .xs\:mt-0 {
-    margin-top: 0;
-  }
-
-  .xs\:mr-0 {
-    margin-right: 0;
-  }
-
-  .xs\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .xs\:ml-0 {
-    margin-left: 0;
-  }
-
-  .xs\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .xs\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .xs\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .xs\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .xs\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .xs\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .xs\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .xs\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .xs\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .xs\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .xs\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .xs\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .xs\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .xs\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .xs\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .xs\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .xs\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .xs\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .xs\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .xs\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .xs\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .xs\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .xs\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .xs\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .xs\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .xs\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .xs\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .xs\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .xs\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .xs\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .xs\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .xs\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .xs\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .xs\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .xs\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .xs\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .xs\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .xs\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .xs\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .xs\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .xs\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .xs\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .xs\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .xs\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .xs\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .xs\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .xs\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .xs\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .xs\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .xs\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .xs\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .xs\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .xs\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .xs\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .xs\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .xs\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .xs\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .xs\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .xs\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .xs\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .xs\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .xs\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .xs\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .xs\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .xs\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .xs\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .xs\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .xs\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .xs\:mt-auto {
-    margin-top: auto;
-  }
-
-  .xs\:mr-auto {
-    margin-right: auto;
-  }
-
-  .xs\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .xs\:ml-auto {
-    margin-left: auto;
-  }
-
-  .xs\:mt-px {
-    margin-top: 1px;
-  }
-
-  .xs\:mr-px {
-    margin-right: 1px;
-  }
-
-  .xs\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .xs\:ml-px {
-    margin-left: 1px;
-  }
-
-  .xs\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .xs\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .xs\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .xs\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .xs\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .xs\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .xs\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .xs\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .xs\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .xs\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .xs\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .xs\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .xs\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .xs\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .xs\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .xs\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .xs\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .xs\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .xs\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .xs\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .xs\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .xs\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .xs\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .xs\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .xs\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .xs\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .xs\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .xs\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .xs\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .xs\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .xs\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .xs\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .xs\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .xs\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .xs\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .xs\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .xs\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .xs\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .xs\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .xs\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .xs\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .xs\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .xs\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .xs\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .xs\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .xs\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .xs\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .xs\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .xs\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .xs\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .xs\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .xs\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .xs\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .xs\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .xs\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .xs\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .xs\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .xs\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .xs\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .xs\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .xs\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .xs\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .xs\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .xs\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .xs\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .xs\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .xs\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .xs\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .xs\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .xs\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .xs\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .xs\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .xs\:max-h-full {
-    max-height: 100%;
-  }
-
-  .xs\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .xs\:max-w-none {
-    max-width: none;
-  }
-
-  .xs\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .xs\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .xs\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .xs\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .xs\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .xs\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .xs\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .xs\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .xs\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .xs\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .xs\:max-w-full {
-    max-width: 100%;
-  }
-
-  .xs\:max-w-screen-sm {
-    max-width: 640px;
-  }
-
-  .xs\:max-w-screen-md {
-    max-width: 768px;
-  }
-
-  .xs\:max-w-screen-lg {
-    max-width: 1024px;
-  }
-
-  .xs\:max-w-screen-xl {
-    max-width: 1280px;
-  }
-
-  .xs\:min-h-0 {
-    min-height: 0;
-  }
-
-  .xs\:min-h-full {
-    min-height: 100%;
-  }
-
-  .xs\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .xs\:min-w-0 {
-    min-width: 0;
-  }
-
-  .xs\:min-w-full {
-    min-width: 100%;
-  }
-
-  .xs\:object-contain {
-    object-fit: contain;
-  }
-
-  .xs\:object-cover {
-    object-fit: cover;
-  }
-
-  .xs\:object-fill {
-    object-fit: fill;
-  }
-
-  .xs\:object-none {
-    object-fit: none;
-  }
-
-  .xs\:object-scale-down {
-    object-fit: scale-down;
-  }
-
-  .xs\:object-bottom {
-    object-position: bottom;
-  }
-
-  .xs\:object-center {
-    object-position: center;
-  }
-
-  .xs\:object-left {
-    object-position: left;
-  }
-
-  .xs\:object-left-bottom {
-    object-position: left bottom;
-  }
-
-  .xs\:object-left-top {
-    object-position: left top;
-  }
-
-  .xs\:object-right {
-    object-position: right;
-  }
-
-  .xs\:object-right-bottom {
-    object-position: right bottom;
-  }
-
-  .xs\:object-right-top {
-    object-position: right top;
-  }
-
-  .xs\:object-top {
-    object-position: top;
-  }
-
-  .xs\:opacity-0 {
-    opacity: 0;
-  }
-
-  .xs\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .xs\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .xs\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .xs\:opacity-100 {
-    opacity: 1;
-  }
-
-  .xs\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .xs\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .xs\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .xs\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .xs\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .xs\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .xs\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .xs\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .xs\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .xs\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .xs\:outline-none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xs\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xs\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .xs\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xs\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xs\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .xs\:overflow-auto {
-    overflow: auto;
-  }
-
-  .xs\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .xs\:overflow-visible {
-    overflow: visible;
-  }
-
-  .xs\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .xs\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .xs\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .xs\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .xs\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .xs\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .xs\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .xs\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .xs\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .xs\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .xs\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .xs\:overscroll-auto {
-    overscroll-behavior: auto;
-  }
-
-  .xs\:overscroll-contain {
-    overscroll-behavior: contain;
-  }
-
-  .xs\:overscroll-none {
-    overscroll-behavior: none;
-  }
-
-  .xs\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .xs\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .xs\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .xs\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .xs\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .xs\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .xs\:p-0 {
-    padding: 0;
-  }
-
-  .xs\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .xs\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .xs\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .xs\:p-4 {
-    padding: 1rem;
-  }
-
-  .xs\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .xs\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .xs\:p-8 {
-    padding: 2rem;
-  }
-
-  .xs\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .xs\:p-12 {
-    padding: 3rem;
-  }
-
-  .xs\:p-16 {
-    padding: 4rem;
-  }
-
-  .xs\:p-20 {
-    padding: 5rem;
-  }
-
-  .xs\:p-24 {
-    padding: 6rem;
-  }
-
-  .xs\:p-32 {
-    padding: 8rem;
-  }
-
-  .xs\:p-40 {
-    padding: 10rem;
-  }
-
-  .xs\:p-48 {
-    padding: 12rem;
-  }
-
-  .xs\:p-56 {
-    padding: 14rem;
-  }
-
-  .xs\:p-64 {
-    padding: 16rem;
-  }
-
-  .xs\:p-px {
-    padding: 1px;
-  }
-
-  .xs\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .xs\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .xs\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .xs\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .xs\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .xs\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .xs\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .xs\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .xs\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .xs\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .xs\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .xs\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .xs\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .xs\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .xs\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .xs\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .xs\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .xs\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .xs\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .xs\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .xs\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .xs\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .xs\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .xs\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .xs\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .xs\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .xs\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .xs\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .xs\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .xs\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .xs\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .xs\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .xs\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .xs\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .xs\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .xs\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .xs\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .xs\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .xs\:pt-0 {
-    padding-top: 0;
-  }
-
-  .xs\:pr-0 {
-    padding-right: 0;
-  }
-
-  .xs\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .xs\:pl-0 {
-    padding-left: 0;
-  }
-
-  .xs\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .xs\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .xs\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .xs\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .xs\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .xs\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .xs\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .xs\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .xs\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .xs\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .xs\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .xs\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .xs\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .xs\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .xs\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .xs\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .xs\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .xs\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .xs\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .xs\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .xs\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .xs\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .xs\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .xs\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .xs\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .xs\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .xs\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .xs\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .xs\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .xs\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .xs\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .xs\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .xs\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .xs\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .xs\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .xs\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .xs\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .xs\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .xs\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .xs\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .xs\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .xs\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .xs\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .xs\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .xs\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .xs\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .xs\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .xs\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .xs\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .xs\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .xs\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .xs\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .xs\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .xs\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .xs\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .xs\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .xs\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .xs\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .xs\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .xs\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .xs\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .xs\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .xs\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .xs\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .xs\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .xs\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .xs\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .xs\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .xs\:pt-px {
-    padding-top: 1px;
-  }
-
-  .xs\:pr-px {
-    padding-right: 1px;
-  }
-
-  .xs\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .xs\:pl-px {
-    padding-left: 1px;
-  }
-
-  .xs\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .xs\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .xs\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .xs\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .xs\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xs\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xs\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xs\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xs\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xs\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xs\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xs\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xs\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xs\:focus\:placeholder-opacity-100:focus::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xs\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .xs\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .xs\:static {
-    position: static;
-  }
-
-  .xs\:fixed {
-    position: fixed;
-  }
-
-  .xs\:absolute {
-    position: absolute;
-  }
-
-  .xs\:relative {
-    position: relative;
-  }
-
-  .xs\:sticky {
-    position: sticky;
-  }
-
-  .xs\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .xs\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .xs\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
-  .xs\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .xs\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .xs\:inset-y-0 {
-    top: 0;
-    bottom: 0;
-  }
-
-  .xs\:inset-x-0 {
-    right: 0;
-    left: 0;
-  }
-
-  .xs\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .xs\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .xs\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .xs\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
-  .xs\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .xs\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .xs\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xs\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .xs\:top-0 {
-    top: 0;
-  }
-
-  .xs\:right-0 {
-    right: 0;
-  }
-
-  .xs\:bottom-0 {
-    bottom: 0;
-  }
-
-  .xs\:left-0 {
-    left: 0;
-  }
-
-  .xs\:top-30 {
-    top: 30%;
-  }
-
-  .xs\:right-30 {
-    right: 30%;
-  }
-
-  .xs\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .xs\:left-30 {
-    left: 30%;
-  }
-
-  .xs\:top-60 {
-    top: 60%;
-  }
-
-  .xs\:right-60 {
-    right: 60%;
-  }
-
-  .xs\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .xs\:left-60 {
-    left: 60%;
-  }
-
-  .xs\:top-auto {
-    top: auto;
-  }
-
-  .xs\:right-auto {
-    right: auto;
-  }
-
-  .xs\:bottom-auto {
-    bottom: auto;
-  }
-
-  .xs\:left-auto {
-    left: auto;
-  }
-
-  .xs\:top-1\/2 {
-    top: 50%;
-  }
-
-  .xs\:right-1\/2 {
-    right: 50%;
-  }
-
-  .xs\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .xs\:left-1\/2 {
-    left: 50%;
-  }
-
-  .xs\:resize-none {
-    resize: none;
-  }
-
-  .xs\:resize-y {
-    resize: vertical;
-  }
-
-  .xs\:resize-x {
-    resize: horizontal;
-  }
-
-  .xs\:resize {
-    resize: both;
-  }
-
-  .xs\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xs\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xs\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-  }
-
-  .xs\:shadow-none {
-    box-shadow: none;
-  }
-
-  .xs\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xs\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xs\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-  }
-
-  .xs\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .xs\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:focus\:shadow:focus {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:focus\:shadow-md:focus {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:focus\:shadow-lg:focus {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:focus\:shadow-xl:focus {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xs\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xs\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-  }
-
-  .xs\:focus\:shadow-none:focus {
-    box-shadow: none;
-  }
-
-  .xs\:fill-current {
-    fill: currentColor;
-  }
-
-  .xs\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .xs\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .xs\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .xs\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .xs\:table-auto {
-    table-layout: auto;
-  }
-
-  .xs\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .xs\:text-left {
-    text-align: left;
-  }
-
-  .xs\:text-center {
-    text-align: center;
-  }
-
-  .xs\:text-right {
-    text-align: right;
-  }
-
-  .xs\:text-justify {
-    text-align: justify;
-  }
-
-  .xs\:text-transparent {
-    color: transparent;
-  }
-
-  .xs\:text-current {
-    color: currentColor;
-  }
-
-  .xs\:text-black {
-    --text-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xs\:text-white {
-    --text-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xs\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--text-opacity));
-  }
-
-  .xs\:text-gray-200 {
-    --text-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--text-opacity));
-  }
-
-  .xs\:text-gray-300 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xs\:text-gray-400 {
-    --text-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--text-opacity));
-  }
-
-  .xs\:text-gray-500 {
-    --text-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--text-opacity));
-  }
-
-  .xs\:text-gray-600 {
-    --text-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--text-opacity));
-  }
-
-  .xs\:text-gray-700 {
-    --text-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--text-opacity));
-  }
-
-  .xs\:text-gray-800 {
-    --text-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--text-opacity));
-  }
-
-  .xs\:text-gray-900 {
-    --text-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--text-opacity));
-  }
-
-  .xs\:text-red-100 {
-    --text-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--text-opacity));
-  }
-
-  .xs\:text-red-200 {
-    --text-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--text-opacity));
-  }
-
-  .xs\:text-red-300 {
-    --text-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--text-opacity));
-  }
-
-  .xs\:text-red-400 {
-    --text-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--text-opacity));
-  }
-
-  .xs\:text-red-500 {
-    --text-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--text-opacity));
-  }
-
-  .xs\:text-red-600 {
-    --text-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--text-opacity));
-  }
-
-  .xs\:text-red-700 {
-    --text-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--text-opacity));
-  }
-
-  .xs\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--text-opacity));
-  }
-
-  .xs\:text-red-900 {
-    --text-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--text-opacity));
-  }
-
-  .xs\:text-orange-100 {
-    --text-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--text-opacity));
-  }
-
-  .xs\:text-orange-200 {
-    --text-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--text-opacity));
-  }
-
-  .xs\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--text-opacity));
-  }
-
-  .xs\:text-orange-400 {
-    --text-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--text-opacity));
-  }
-
-  .xs\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--text-opacity));
-  }
-
-  .xs\:text-orange-600 {
-    --text-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--text-opacity));
-  }
-
-  .xs\:text-orange-700 {
-    --text-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--text-opacity));
-  }
-
-  .xs\:text-orange-800 {
-    --text-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--text-opacity));
-  }
-
-  .xs\:text-orange-900 {
-    --text-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--text-opacity));
-  }
-
-  .xs\:text-green-100 {
-    --text-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--text-opacity));
-  }
-
-  .xs\:text-green-200 {
-    --text-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--text-opacity));
-  }
-
-  .xs\:text-green-300 {
-    --text-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--text-opacity));
-  }
-
-  .xs\:text-green-400 {
-    --text-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--text-opacity));
-  }
-
-  .xs\:text-green-500 {
-    --text-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--text-opacity));
-  }
-
-  .xs\:text-green-600 {
-    --text-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--text-opacity));
-  }
-
-  .xs\:text-green-700 {
-    --text-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--text-opacity));
-  }
-
-  .xs\:text-green-800 {
-    --text-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--text-opacity));
-  }
-
-  .xs\:text-green-900 {
-    --text-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--text-opacity));
-  }
-
-  .xs\:text-teal-100 {
-    --text-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--text-opacity));
-  }
-
-  .xs\:text-teal-200 {
-    --text-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--text-opacity));
-  }
-
-  .xs\:text-teal-300 {
-    --text-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--text-opacity));
-  }
-
-  .xs\:text-teal-400 {
-    --text-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--text-opacity));
-  }
-
-  .xs\:text-teal-500 {
-    --text-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--text-opacity));
-  }
-
-  .xs\:text-teal-600 {
-    --text-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--text-opacity));
-  }
-
-  .xs\:text-teal-700 {
-    --text-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--text-opacity));
-  }
-
-  .xs\:text-teal-800 {
-    --text-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--text-opacity));
-  }
-
-  .xs\:text-teal-900 {
-    --text-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--text-opacity));
-  }
-
-  .xs\:text-blue-100 {
-    --text-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--text-opacity));
-  }
-
-  .xs\:text-blue-200 {
-    --text-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--text-opacity));
-  }
-
-  .xs\:text-blue-300 {
-    --text-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--text-opacity));
-  }
-
-  .xs\:text-blue-400 {
-    --text-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--text-opacity));
-  }
-
-  .xs\:text-blue-500 {
-    --text-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--text-opacity));
-  }
-
-  .xs\:text-blue-600 {
-    --text-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--text-opacity));
-  }
-
-  .xs\:text-blue-700 {
-    --text-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--text-opacity));
-  }
-
-  .xs\:text-blue-800 {
-    --text-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--text-opacity));
-  }
-
-  .xs\:text-blue-900 {
-    --text-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--text-opacity));
-  }
-
-  .xs\:text-purple-100 {
-    --text-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--text-opacity));
-  }
-
-  .xs\:text-purple-200 {
-    --text-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--text-opacity));
-  }
-
-  .xs\:text-purple-300 {
-    --text-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--text-opacity));
-  }
-
-  .xs\:text-purple-400 {
-    --text-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--text-opacity));
-  }
-
-  .xs\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--text-opacity));
-  }
-
-  .xs\:text-purple-600 {
-    --text-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--text-opacity));
-  }
-
-  .xs\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--text-opacity));
-  }
-
-  .xs\:text-purple-800 {
-    --text-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--text-opacity));
-  }
-
-  .xs\:text-purple-900 {
-    --text-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--text-opacity));
-  }
-
-  .xs\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--text-opacity));
-  }
-
-  .xs\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--text-opacity));
-  }
-
-  .xs\:text-pink-300 {
-    --text-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--text-opacity));
-  }
-
-  .xs\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--text-opacity));
-  }
-
-  .xs\:text-pink-500 {
-    --text-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--text-opacity));
-  }
-
-  .xs\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--text-opacity));
-  }
-
-  .xs\:text-pink-700 {
-    --text-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--text-opacity));
-  }
-
-  .xs\:text-pink-800 {
-    --text-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--text-opacity));
-  }
-
-  .xs\:text-pink-900 {
-    --text-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .xs\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .xs\:hover\:text-black:hover {
-    --text-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-white:hover {
-    --text-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-100:hover {
-    --text-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-200:hover {
-    --text-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-300:hover {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-400:hover {
-    --text-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-500:hover {
-    --text-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-600:hover {
-    --text-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-700:hover {
-    --text-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-800:hover {
-    --text-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-900:hover {
-    --text-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-100:hover {
-    --text-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-200:hover {
-    --text-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-300:hover {
-    --text-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-400:hover {
-    --text-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-500:hover {
-    --text-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-600:hover {
-    --text-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-700:hover {
-    --text-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-800:hover {
-    --text-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-900:hover {
-    --text-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-100:hover {
-    --text-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-200:hover {
-    --text-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-300:hover {
-    --text-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-400:hover {
-    --text-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-500:hover {
-    --text-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-600:hover {
-    --text-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-700:hover {
-    --text-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-800:hover {
-    --text-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-900:hover {
-    --text-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-100:hover {
-    --text-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-200:hover {
-    --text-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-300:hover {
-    --text-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-400:hover {
-    --text-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-500:hover {
-    --text-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-600:hover {
-    --text-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-700:hover {
-    --text-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-800:hover {
-    --text-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-900:hover {
-    --text-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-100:hover {
-    --text-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-200:hover {
-    --text-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-300:hover {
-    --text-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-400:hover {
-    --text-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-500:hover {
-    --text-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-600:hover {
-    --text-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-700:hover {
-    --text-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-800:hover {
-    --text-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-900:hover {
-    --text-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-100:hover {
-    --text-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-200:hover {
-    --text-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-300:hover {
-    --text-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-400:hover {
-    --text-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-500:hover {
-    --text-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-600:hover {
-    --text-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-700:hover {
-    --text-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-800:hover {
-    --text-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-900:hover {
-    --text-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-100:hover {
-    --text-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-200:hover {
-    --text-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-300:hover {
-    --text-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-400:hover {
-    --text-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-500:hover {
-    --text-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-600:hover {
-    --text-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-700:hover {
-    --text-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-800:hover {
-    --text-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-900:hover {
-    --text-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-100:hover {
-    --text-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-200:hover {
-    --text-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-300:hover {
-    --text-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-400:hover {
-    --text-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-500:hover {
-    --text-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-600:hover {
-    --text-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-700:hover {
-    --text-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-800:hover {
-    --text-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-900:hover {
-    --text-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-100:hover {
-    --text-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-200:hover {
-    --text-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-300:hover {
-    --text-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-400:hover {
-    --text-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-500:hover {
-    --text-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-600:hover {
-    --text-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-700:hover {
-    --text-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-800:hover {
-    --text-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-900:hover {
-    --text-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-100:hover {
-    --text-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-200:hover {
-    --text-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-300:hover {
-    --text-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-400:hover {
-    --text-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-500:hover {
-    --text-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-600:hover {
-    --text-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-700:hover {
-    --text-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-800:hover {
-    --text-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-900:hover {
-    --text-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .xs\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .xs\:focus\:text-black:focus {
-    --text-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-white:focus {
-    --text-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-100:focus {
-    --text-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-200:focus {
-    --text-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-300:focus {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-400:focus {
-    --text-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-500:focus {
-    --text-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-600:focus {
-    --text-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-700:focus {
-    --text-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-800:focus {
-    --text-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-900:focus {
-    --text-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-100:focus {
-    --text-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-200:focus {
-    --text-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-300:focus {
-    --text-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-400:focus {
-    --text-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-500:focus {
-    --text-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-600:focus {
-    --text-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-700:focus {
-    --text-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-800:focus {
-    --text-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-900:focus {
-    --text-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-100:focus {
-    --text-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-200:focus {
-    --text-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-300:focus {
-    --text-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-400:focus {
-    --text-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-500:focus {
-    --text-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-600:focus {
-    --text-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-700:focus {
-    --text-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-800:focus {
-    --text-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-900:focus {
-    --text-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-100:focus {
-    --text-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-200:focus {
-    --text-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-300:focus {
-    --text-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-400:focus {
-    --text-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-500:focus {
-    --text-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-600:focus {
-    --text-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-700:focus {
-    --text-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-800:focus {
-    --text-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-900:focus {
-    --text-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-100:focus {
-    --text-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-200:focus {
-    --text-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-300:focus {
-    --text-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-400:focus {
-    --text-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-500:focus {
-    --text-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-600:focus {
-    --text-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-700:focus {
-    --text-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-800:focus {
-    --text-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-900:focus {
-    --text-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-100:focus {
-    --text-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-200:focus {
-    --text-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-300:focus {
-    --text-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-400:focus {
-    --text-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-500:focus {
-    --text-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-600:focus {
-    --text-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-700:focus {
-    --text-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-800:focus {
-    --text-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-900:focus {
-    --text-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-100:focus {
-    --text-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-200:focus {
-    --text-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-300:focus {
-    --text-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-400:focus {
-    --text-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-500:focus {
-    --text-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-600:focus {
-    --text-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-700:focus {
-    --text-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-800:focus {
-    --text-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-900:focus {
-    --text-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-100:focus {
-    --text-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-200:focus {
-    --text-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-300:focus {
-    --text-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-400:focus {
-    --text-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-500:focus {
-    --text-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-600:focus {
-    --text-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-700:focus {
-    --text-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-800:focus {
-    --text-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-900:focus {
-    --text-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-100:focus {
-    --text-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-200:focus {
-    --text-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-300:focus {
-    --text-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-400:focus {
-    --text-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-500:focus {
-    --text-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-600:focus {
-    --text-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-700:focus {
-    --text-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-800:focus {
-    --text-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-900:focus {
-    --text-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-100:focus {
-    --text-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-200:focus {
-    --text-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-300:focus {
-    --text-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-400:focus {
-    --text-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-500:focus {
-    --text-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-600:focus {
-    --text-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-700:focus {
-    --text-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-800:focus {
-    --text-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-900:focus {
-    --text-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--text-opacity));
-  }
-
-  .xs\:text-opacity-0 {
-    --text-opacity: 0;
-  }
-
-  .xs\:text-opacity-25 {
-    --text-opacity: 0.25;
-  }
-
-  .xs\:text-opacity-50 {
-    --text-opacity: 0.5;
-  }
-
-  .xs\:text-opacity-75 {
-    --text-opacity: 0.75;
-  }
-
-  .xs\:text-opacity-100 {
-    --text-opacity: 1;
-  }
-
-  .xs\:hover\:text-opacity-0:hover {
-    --text-opacity: 0;
-  }
-
-  .xs\:hover\:text-opacity-25:hover {
-    --text-opacity: 0.25;
-  }
-
-  .xs\:hover\:text-opacity-50:hover {
-    --text-opacity: 0.5;
-  }
-
-  .xs\:hover\:text-opacity-75:hover {
-    --text-opacity: 0.75;
-  }
-
-  .xs\:hover\:text-opacity-100:hover {
-    --text-opacity: 1;
-  }
-
-  .xs\:focus\:text-opacity-0:focus {
-    --text-opacity: 0;
-  }
-
-  .xs\:focus\:text-opacity-25:focus {
-    --text-opacity: 0.25;
-  }
-
-  .xs\:focus\:text-opacity-50:focus {
-    --text-opacity: 0.5;
-  }
-
-  .xs\:focus\:text-opacity-75:focus {
-    --text-opacity: 0.75;
-  }
-
-  .xs\:focus\:text-opacity-100:focus {
-    --text-opacity: 1;
-  }
-
-  .xs\:italic {
-    font-style: italic;
-  }
-
-  .xs\:not-italic {
-    font-style: normal;
-  }
-
-  .xs\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .xs\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .xs\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .xs\:normal-case {
-    text-transform: none;
-  }
-
-  .xs\:underline {
-    text-decoration: underline;
-  }
-
-  .xs\:line-through {
-    text-decoration: line-through;
-  }
-
-  .xs\:no-underline {
-    text-decoration: none;
-  }
-
-  .xs\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .xs\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .xs\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .xs\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .xs\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .xs\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .xs\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .xs\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .xs\:ordinal, .xs\:slashed-zero, .xs\:lining-nums, .xs\:oldstyle-nums, .xs\:proportional-nums, .xs\:tabular-nums, .xs\:diagonal-fractions, .xs\:stacked-fractions {
-    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-  }
-
-  .xs\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .xs\:ordinal {
-    --font-variant-numeric-ordinal: ordinal;
-  }
-
-  .xs\:slashed-zero {
-    --font-variant-numeric-slashed-zero: slashed-zero;
-  }
-
-  .xs\:lining-nums {
-    --font-variant-numeric-figure: lining-nums;
-  }
-
-  .xs\:oldstyle-nums {
-    --font-variant-numeric-figure: oldstyle-nums;
-  }
-
-  .xs\:proportional-nums {
-    --font-variant-numeric-spacing: proportional-nums;
-  }
-
-  .xs\:tabular-nums {
-    --font-variant-numeric-spacing: tabular-nums;
-  }
-
-  .xs\:diagonal-fractions {
-    --font-variant-numeric-fraction: diagonal-fractions;
-  }
-
-  .xs\:stacked-fractions {
-    --font-variant-numeric-fraction: stacked-fractions;
-  }
-
-  .xs\:tracking-tighter {
-    letter-spacing: -0.05em;
-  }
-
-  .xs\:tracking-tight {
-    letter-spacing: -0.025em;
-  }
-
-  .xs\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .xs\:tracking-wide {
-    letter-spacing: 0.025em;
-  }
-
-  .xs\:tracking-wider {
-    letter-spacing: 0.05em;
-  }
-
-  .xs\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .xs\:select-none {
-    -webkit-user-select: none;
-            user-select: none;
-  }
-
-  .xs\:select-text {
-    -webkit-user-select: text;
-            user-select: text;
-  }
-
-  .xs\:select-all {
-    -webkit-user-select: all;
-            user-select: all;
-  }
-
-  .xs\:select-auto {
-    -webkit-user-select: auto;
-            user-select: auto;
-  }
-
-  .xs\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .xs\:align-top {
-    vertical-align: top;
-  }
-
-  .xs\:align-middle {
-    vertical-align: middle;
-  }
-
-  .xs\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .xs\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .xs\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .xs\:visible {
-    visibility: visible;
-  }
-
-  .xs\:invisible {
-    visibility: hidden;
-  }
-
-  .xs\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .xs\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .xs\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .xs\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .xs\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .xs\:break-normal {
-    word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .xs\:break-words {
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-  }
-
-  .xs\:break-all {
-    word-break: break-all;
-  }
-
-  .xs\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .xs\:w-0 {
-    width: 0;
-  }
-
-  .xs\:w-1 {
-    width: 0.25rem;
-  }
-
-  .xs\:w-2 {
-    width: 0.5rem;
-  }
-
-  .xs\:w-3 {
-    width: 0.75rem;
-  }
-
-  .xs\:w-4 {
-    width: 1rem;
-  }
-
-  .xs\:w-5 {
-    width: 1.25rem;
-  }
-
-  .xs\:w-6 {
-    width: 1.5rem;
-  }
-
-  .xs\:w-8 {
-    width: 2rem;
-  }
-
-  .xs\:w-10 {
-    width: 2.5rem;
-  }
-
-  .xs\:w-12 {
-    width: 3rem;
-  }
-
-  .xs\:w-16 {
-    width: 4rem;
-  }
-
-  .xs\:w-20 {
-    width: 5rem;
-  }
-
-  .xs\:w-24 {
-    width: 6rem;
-  }
-
-  .xs\:w-32 {
-    width: 8rem;
-  }
-
-  .xs\:w-40 {
-    width: 10rem;
-  }
-
-  .xs\:w-48 {
-    width: 12rem;
-  }
-
-  .xs\:w-56 {
-    width: 14rem;
-  }
-
-  .xs\:w-64 {
-    width: 16rem;
-  }
-
-  .xs\:w-auto {
-    width: auto;
-  }
-
-  .xs\:w-px {
-    width: 1px;
-  }
-
-  .xs\:w-1\/2 {
-    width: 50%;
-  }
-
-  .xs\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .xs\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .xs\:w-1\/4 {
-    width: 25%;
-  }
-
-  .xs\:w-2\/4 {
-    width: 50%;
-  }
-
-  .xs\:w-3\/4 {
-    width: 75%;
-  }
-
-  .xs\:w-1\/5 {
-    width: 20%;
-  }
-
-  .xs\:w-2\/5 {
-    width: 40%;
-  }
-
-  .xs\:w-3\/5 {
-    width: 60%;
-  }
-
-  .xs\:w-4\/5 {
-    width: 80%;
-  }
-
-  .xs\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .xs\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .xs\:w-3\/6 {
-    width: 50%;
-  }
-
-  .xs\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .xs\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .xs\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .xs\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .xs\:w-3\/12 {
-    width: 25%;
-  }
-
-  .xs\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .xs\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .xs\:w-6\/12 {
-    width: 50%;
-  }
-
-  .xs\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .xs\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .xs\:w-9\/12 {
-    width: 75%;
-  }
-
-  .xs\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .xs\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .xs\:w-full {
-    width: 100%;
-  }
-
-  .xs\:w-screen {
-    width: 100vw;
-  }
-
-  .xs\:z-0 {
-    z-index: 0;
-  }
-
-  .xs\:z-10 {
-    z-index: 10;
-  }
-
-  .xs\:z-20 {
-    z-index: 20;
-  }
-
-  .xs\:z-30 {
-    z-index: 30;
-  }
-
-  .xs\:z-40 {
-    z-index: 40;
-  }
-
-  .xs\:z-50 {
-    z-index: 50;
-  }
-
-  .xs\:z-auto {
-    z-index: auto;
-  }
-
-  .xs\:gap-0 {
-    grid-gap: 0;
-    gap: 0;
-  }
-
-  .xs\:gap-1 {
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-  }
-
-  .xs\:gap-2 {
-    grid-gap: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .xs\:gap-3 {
-    grid-gap: 0.75rem;
-    gap: 0.75rem;
-  }
-
-  .xs\:gap-4 {
-    grid-gap: 1rem;
-    gap: 1rem;
-  }
-
-  .xs\:gap-5 {
-    grid-gap: 1.25rem;
-    gap: 1.25rem;
-  }
-
-  .xs\:gap-6 {
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .xs\:gap-8 {
-    grid-gap: 2rem;
-    gap: 2rem;
-  }
-
-  .xs\:gap-10 {
-    grid-gap: 2.5rem;
-    gap: 2.5rem;
-  }
-
-  .xs\:gap-12 {
-    grid-gap: 3rem;
-    gap: 3rem;
-  }
-
-  .xs\:gap-16 {
-    grid-gap: 4rem;
-    gap: 4rem;
-  }
-
-  .xs\:gap-20 {
-    grid-gap: 5rem;
-    gap: 5rem;
-  }
-
-  .xs\:gap-24 {
-    grid-gap: 6rem;
-    gap: 6rem;
-  }
-
-  .xs\:gap-32 {
-    grid-gap: 8rem;
-    gap: 8rem;
-  }
-
-  .xs\:gap-40 {
-    grid-gap: 10rem;
-    gap: 10rem;
-  }
-
-  .xs\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .xs\:gap-56 {
-    grid-gap: 14rem;
-    gap: 14rem;
-  }
-
-  .xs\:gap-64 {
-    grid-gap: 16rem;
-    gap: 16rem;
-  }
-
-  .xs\:gap-px {
-    grid-gap: 1px;
-    gap: 1px;
-  }
-
-  .xs\:col-gap-0 {
-    grid-column-gap: 0;
-    column-gap: 0;
-  }
-
-  .xs\:col-gap-1 {
-    grid-column-gap: 0.25rem;
-    column-gap: 0.25rem;
-  }
-
-  .xs\:col-gap-2 {
-    grid-column-gap: 0.5rem;
-    column-gap: 0.5rem;
-  }
-
-  .xs\:col-gap-3 {
-    grid-column-gap: 0.75rem;
-    column-gap: 0.75rem;
-  }
-
-  .xs\:col-gap-4 {
-    grid-column-gap: 1rem;
-    column-gap: 1rem;
-  }
-
-  .xs\:col-gap-5 {
-    grid-column-gap: 1.25rem;
-    column-gap: 1.25rem;
-  }
-
-  .xs\:col-gap-6 {
-    grid-column-gap: 1.5rem;
-    column-gap: 1.5rem;
-  }
-
-  .xs\:col-gap-8 {
-    grid-column-gap: 2rem;
-    column-gap: 2rem;
-  }
-
-  .xs\:col-gap-10 {
-    grid-column-gap: 2.5rem;
-    column-gap: 2.5rem;
-  }
-
-  .xs\:col-gap-12 {
-    grid-column-gap: 3rem;
-    column-gap: 3rem;
-  }
-
-  .xs\:col-gap-16 {
-    grid-column-gap: 4rem;
-    column-gap: 4rem;
-  }
-
-  .xs\:col-gap-20 {
-    grid-column-gap: 5rem;
-    column-gap: 5rem;
-  }
-
-  .xs\:col-gap-24 {
-    grid-column-gap: 6rem;
-    column-gap: 6rem;
-  }
-
-  .xs\:col-gap-32 {
-    grid-column-gap: 8rem;
-    column-gap: 8rem;
-  }
-
-  .xs\:col-gap-40 {
-    grid-column-gap: 10rem;
-    column-gap: 10rem;
-  }
-
-  .xs\:col-gap-48 {
-    grid-column-gap: 12rem;
-    column-gap: 12rem;
-  }
-
-  .xs\:col-gap-56 {
-    grid-column-gap: 14rem;
-    column-gap: 14rem;
-  }
-
-  .xs\:col-gap-64 {
-    grid-column-gap: 16rem;
-    column-gap: 16rem;
-  }
-
-  .xs\:col-gap-px {
-    grid-column-gap: 1px;
-    column-gap: 1px;
-  }
-
-  .xs\:gap-x-0 {
-    grid-column-gap: 0;
-    column-gap: 0;
-  }
-
-  .xs\:gap-x-1 {
-    grid-column-gap: 0.25rem;
-    column-gap: 0.25rem;
-  }
-
-  .xs\:gap-x-2 {
-    grid-column-gap: 0.5rem;
-    column-gap: 0.5rem;
-  }
-
-  .xs\:gap-x-3 {
-    grid-column-gap: 0.75rem;
-    column-gap: 0.75rem;
-  }
-
-  .xs\:gap-x-4 {
-    grid-column-gap: 1rem;
-    column-gap: 1rem;
-  }
-
-  .xs\:gap-x-5 {
-    grid-column-gap: 1.25rem;
-    column-gap: 1.25rem;
-  }
-
-  .xs\:gap-x-6 {
-    grid-column-gap: 1.5rem;
-    column-gap: 1.5rem;
-  }
-
-  .xs\:gap-x-8 {
-    grid-column-gap: 2rem;
-    column-gap: 2rem;
-  }
-
-  .xs\:gap-x-10 {
-    grid-column-gap: 2.5rem;
-    column-gap: 2.5rem;
-  }
-
-  .xs\:gap-x-12 {
-    grid-column-gap: 3rem;
-    column-gap: 3rem;
-  }
-
-  .xs\:gap-x-16 {
-    grid-column-gap: 4rem;
-    column-gap: 4rem;
-  }
-
-  .xs\:gap-x-20 {
-    grid-column-gap: 5rem;
-    column-gap: 5rem;
-  }
-
-  .xs\:gap-x-24 {
-    grid-column-gap: 6rem;
-    column-gap: 6rem;
-  }
-
-  .xs\:gap-x-32 {
-    grid-column-gap: 8rem;
-    column-gap: 8rem;
-  }
-
-  .xs\:gap-x-40 {
-    grid-column-gap: 10rem;
-    column-gap: 10rem;
-  }
-
-  .xs\:gap-x-48 {
-    grid-column-gap: 12rem;
-    column-gap: 12rem;
-  }
-
-  .xs\:gap-x-56 {
-    grid-column-gap: 14rem;
-    column-gap: 14rem;
-  }
-
-  .xs\:gap-x-64 {
-    grid-column-gap: 16rem;
-    column-gap: 16rem;
-  }
-
-  .xs\:gap-x-px {
-    grid-column-gap: 1px;
-    column-gap: 1px;
-  }
-
-  .xs\:row-gap-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .xs\:row-gap-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .xs\:row-gap-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .xs\:row-gap-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .xs\:row-gap-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .xs\:row-gap-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .xs\:row-gap-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .xs\:row-gap-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .xs\:row-gap-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .xs\:row-gap-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .xs\:row-gap-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .xs\:row-gap-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .xs\:row-gap-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .xs\:row-gap-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .xs\:row-gap-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .xs\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xs\:row-gap-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .xs\:row-gap-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .xs\:row-gap-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .xs\:gap-y-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .xs\:gap-y-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .xs\:gap-y-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .xs\:gap-y-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .xs\:gap-y-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .xs\:gap-y-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .xs\:gap-y-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .xs\:gap-y-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .xs\:gap-y-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .xs\:gap-y-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .xs\:gap-y-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .xs\:gap-y-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .xs\:gap-y-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .xs\:gap-y-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .xs\:gap-y-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .xs\:gap-y-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xs\:gap-y-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .xs\:gap-y-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .xs\:gap-y-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .xs\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .xs\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .xs\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .xs\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .xs\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .xs\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .xs\:auto-cols-min {
-    grid-auto-columns: min-content;
-  }
-
-  .xs\:auto-cols-max {
-    grid-auto-columns: max-content;
-  }
-
-  .xs\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .xs\:col-auto {
-    grid-column: auto;
-  }
-
-  .xs\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .xs\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .xs\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .xs\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .xs\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .xs\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .xs\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .xs\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .xs\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .xs\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .xs\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .xs\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .xs\:col-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .xs\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .xs\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .xs\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .xs\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .xs\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .xs\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .xs\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .xs\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .xs\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .xs\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .xs\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .xs\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .xs\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .xs\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .xs\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .xs\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .xs\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .xs\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .xs\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .xs\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .xs\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .xs\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .xs\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .xs\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .xs\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .xs\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .xs\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .xs\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .xs\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .xs\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .xs\:auto-rows-min {
-    grid-auto-rows: min-content;
-  }
-
-  .xs\:auto-rows-max {
-    grid-auto-rows: max-content;
-  }
-
-  .xs\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .xs\:row-auto {
-    grid-row: auto;
-  }
-
-  .xs\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .xs\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .xs\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .xs\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .xs\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .xs\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .xs\:row-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .xs\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .xs\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .xs\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .xs\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .xs\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .xs\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .xs\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .xs\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .xs\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .xs\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .xs\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .xs\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .xs\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .xs\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .xs\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .xs\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .xs\:transform {
-    --transform-translate-x: 0;
-    --transform-translate-y: 0;
-    --transform-rotate: 0;
-    --transform-skew-x: 0;
-    --transform-skew-y: 0;
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-  }
-
-  .xs\:transform-none {
-    transform: none;
-  }
-
-  .xs\:origin-center {
-    transform-origin: center;
-  }
-
-  .xs\:origin-top {
-    transform-origin: top;
-  }
-
-  .xs\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .xs\:origin-right {
-    transform-origin: right;
-  }
-
-  .xs\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .xs\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .xs\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .xs\:origin-left {
-    transform-origin: left;
-  }
-
-  .xs\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .xs\:scale-0 {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xs\:scale-50 {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xs\:scale-75 {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xs\:scale-90 {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xs\:scale-95 {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xs\:scale-100 {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xs\:scale-105 {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:scale-110 {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:scale-125 {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:scale-150 {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:scale-x-0 {
-    --transform-scale-x: 0;
-  }
-
-  .xs\:scale-x-50 {
-    --transform-scale-x: .5;
-  }
-
-  .xs\:scale-x-75 {
-    --transform-scale-x: .75;
-  }
-
-  .xs\:scale-x-90 {
-    --transform-scale-x: .9;
-  }
-
-  .xs\:scale-x-95 {
-    --transform-scale-x: .95;
-  }
-
-  .xs\:scale-x-100 {
-    --transform-scale-x: 1;
-  }
-
-  .xs\:scale-x-105 {
-    --transform-scale-x: 1.05;
-  }
-
-  .xs\:scale-x-110 {
-    --transform-scale-x: 1.1;
-  }
-
-  .xs\:scale-x-125 {
-    --transform-scale-x: 1.25;
-  }
-
-  .xs\:scale-x-150 {
-    --transform-scale-x: 1.5;
-  }
-
-  .xs\:scale-y-0 {
-    --transform-scale-y: 0;
-  }
-
-  .xs\:scale-y-50 {
-    --transform-scale-y: .5;
-  }
-
-  .xs\:scale-y-75 {
-    --transform-scale-y: .75;
-  }
-
-  .xs\:scale-y-90 {
-    --transform-scale-y: .9;
-  }
-
-  .xs\:scale-y-95 {
-    --transform-scale-y: .95;
-  }
-
-  .xs\:scale-y-100 {
-    --transform-scale-y: 1;
-  }
-
-  .xs\:scale-y-105 {
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:scale-y-110 {
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:scale-y-125 {
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:scale-y-150 {
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:hover\:scale-0:hover {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xs\:hover\:scale-50:hover {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xs\:hover\:scale-75:hover {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xs\:hover\:scale-90:hover {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xs\:hover\:scale-95:hover {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xs\:hover\:scale-100:hover {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xs\:hover\:scale-105:hover {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:hover\:scale-110:hover {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:hover\:scale-125:hover {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:hover\:scale-150:hover {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:hover\:scale-x-0:hover {
-    --transform-scale-x: 0;
-  }
-
-  .xs\:hover\:scale-x-50:hover {
-    --transform-scale-x: .5;
-  }
-
-  .xs\:hover\:scale-x-75:hover {
-    --transform-scale-x: .75;
-  }
-
-  .xs\:hover\:scale-x-90:hover {
-    --transform-scale-x: .9;
-  }
-
-  .xs\:hover\:scale-x-95:hover {
-    --transform-scale-x: .95;
-  }
-
-  .xs\:hover\:scale-x-100:hover {
-    --transform-scale-x: 1;
-  }
-
-  .xs\:hover\:scale-x-105:hover {
-    --transform-scale-x: 1.05;
-  }
-
-  .xs\:hover\:scale-x-110:hover {
-    --transform-scale-x: 1.1;
-  }
-
-  .xs\:hover\:scale-x-125:hover {
-    --transform-scale-x: 1.25;
-  }
-
-  .xs\:hover\:scale-x-150:hover {
-    --transform-scale-x: 1.5;
-  }
-
-  .xs\:hover\:scale-y-0:hover {
-    --transform-scale-y: 0;
-  }
-
-  .xs\:hover\:scale-y-50:hover {
-    --transform-scale-y: .5;
-  }
-
-  .xs\:hover\:scale-y-75:hover {
-    --transform-scale-y: .75;
-  }
-
-  .xs\:hover\:scale-y-90:hover {
-    --transform-scale-y: .9;
-  }
-
-  .xs\:hover\:scale-y-95:hover {
-    --transform-scale-y: .95;
-  }
-
-  .xs\:hover\:scale-y-100:hover {
-    --transform-scale-y: 1;
-  }
-
-  .xs\:hover\:scale-y-105:hover {
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:hover\:scale-y-110:hover {
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:hover\:scale-y-125:hover {
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:hover\:scale-y-150:hover {
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:focus\:scale-0:focus {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xs\:focus\:scale-50:focus {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xs\:focus\:scale-75:focus {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xs\:focus\:scale-90:focus {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xs\:focus\:scale-95:focus {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xs\:focus\:scale-100:focus {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xs\:focus\:scale-105:focus {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:focus\:scale-110:focus {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:focus\:scale-125:focus {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:focus\:scale-150:focus {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:focus\:scale-x-0:focus {
-    --transform-scale-x: 0;
-  }
-
-  .xs\:focus\:scale-x-50:focus {
-    --transform-scale-x: .5;
-  }
-
-  .xs\:focus\:scale-x-75:focus {
-    --transform-scale-x: .75;
-  }
-
-  .xs\:focus\:scale-x-90:focus {
-    --transform-scale-x: .9;
-  }
-
-  .xs\:focus\:scale-x-95:focus {
-    --transform-scale-x: .95;
-  }
-
-  .xs\:focus\:scale-x-100:focus {
-    --transform-scale-x: 1;
-  }
-
-  .xs\:focus\:scale-x-105:focus {
-    --transform-scale-x: 1.05;
-  }
-
-  .xs\:focus\:scale-x-110:focus {
-    --transform-scale-x: 1.1;
-  }
-
-  .xs\:focus\:scale-x-125:focus {
-    --transform-scale-x: 1.25;
-  }
-
-  .xs\:focus\:scale-x-150:focus {
-    --transform-scale-x: 1.5;
-  }
-
-  .xs\:focus\:scale-y-0:focus {
-    --transform-scale-y: 0;
-  }
-
-  .xs\:focus\:scale-y-50:focus {
-    --transform-scale-y: .5;
-  }
-
-  .xs\:focus\:scale-y-75:focus {
-    --transform-scale-y: .75;
-  }
-
-  .xs\:focus\:scale-y-90:focus {
-    --transform-scale-y: .9;
-  }
-
-  .xs\:focus\:scale-y-95:focus {
-    --transform-scale-y: .95;
-  }
-
-  .xs\:focus\:scale-y-100:focus {
-    --transform-scale-y: 1;
-  }
-
-  .xs\:focus\:scale-y-105:focus {
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:focus\:scale-y-110:focus {
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:focus\:scale-y-125:focus {
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:focus\:scale-y-150:focus {
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:rotate-0 {
-    --transform-rotate: 0;
-  }
-
-  .xs\:rotate-1 {
-    --transform-rotate: 1deg;
-  }
-
-  .xs\:rotate-2 {
-    --transform-rotate: 2deg;
-  }
-
-  .xs\:rotate-3 {
-    --transform-rotate: 3deg;
-  }
-
-  .xs\:rotate-6 {
-    --transform-rotate: 6deg;
-  }
-
-  .xs\:rotate-12 {
-    --transform-rotate: 12deg;
-  }
-
-  .xs\:rotate-45 {
-    --transform-rotate: 45deg;
-  }
-
-  .xs\:rotate-90 {
-    --transform-rotate: 90deg;
-  }
-
-  .xs\:rotate-180 {
-    --transform-rotate: 180deg;
-  }
-
-  .xs\:-rotate-180 {
-    --transform-rotate: -180deg;
-  }
-
-  .xs\:-rotate-90 {
-    --transform-rotate: -90deg;
-  }
-
-  .xs\:-rotate-45 {
-    --transform-rotate: -45deg;
-  }
-
-  .xs\:-rotate-12 {
-    --transform-rotate: -12deg;
-  }
-
-  .xs\:-rotate-6 {
-    --transform-rotate: -6deg;
-  }
-
-  .xs\:-rotate-3 {
-    --transform-rotate: -3deg;
-  }
-
-  .xs\:-rotate-2 {
-    --transform-rotate: -2deg;
-  }
-
-  .xs\:-rotate-1 {
-    --transform-rotate: -1deg;
-  }
-
-  .xs\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .xs\:hover\:rotate-1:hover {
-    --transform-rotate: 1deg;
-  }
-
-  .xs\:hover\:rotate-2:hover {
-    --transform-rotate: 2deg;
-  }
-
-  .xs\:hover\:rotate-3:hover {
-    --transform-rotate: 3deg;
-  }
-
-  .xs\:hover\:rotate-6:hover {
-    --transform-rotate: 6deg;
-  }
-
-  .xs\:hover\:rotate-12:hover {
-    --transform-rotate: 12deg;
-  }
-
-  .xs\:hover\:rotate-45:hover {
-    --transform-rotate: 45deg;
-  }
-
-  .xs\:hover\:rotate-90:hover {
-    --transform-rotate: 90deg;
-  }
-
-  .xs\:hover\:rotate-180:hover {
-    --transform-rotate: 180deg;
-  }
-
-  .xs\:hover\:-rotate-180:hover {
-    --transform-rotate: -180deg;
-  }
-
-  .xs\:hover\:-rotate-90:hover {
-    --transform-rotate: -90deg;
-  }
-
-  .xs\:hover\:-rotate-45:hover {
-    --transform-rotate: -45deg;
-  }
-
-  .xs\:hover\:-rotate-12:hover {
-    --transform-rotate: -12deg;
-  }
-
-  .xs\:hover\:-rotate-6:hover {
-    --transform-rotate: -6deg;
-  }
-
-  .xs\:hover\:-rotate-3:hover {
-    --transform-rotate: -3deg;
-  }
-
-  .xs\:hover\:-rotate-2:hover {
-    --transform-rotate: -2deg;
-  }
-
-  .xs\:hover\:-rotate-1:hover {
-    --transform-rotate: -1deg;
-  }
-
-  .xs\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .xs\:focus\:rotate-1:focus {
-    --transform-rotate: 1deg;
-  }
-
-  .xs\:focus\:rotate-2:focus {
-    --transform-rotate: 2deg;
-  }
-
-  .xs\:focus\:rotate-3:focus {
-    --transform-rotate: 3deg;
-  }
-
-  .xs\:focus\:rotate-6:focus {
-    --transform-rotate: 6deg;
-  }
-
-  .xs\:focus\:rotate-12:focus {
-    --transform-rotate: 12deg;
-  }
-
-  .xs\:focus\:rotate-45:focus {
-    --transform-rotate: 45deg;
-  }
-
-  .xs\:focus\:rotate-90:focus {
-    --transform-rotate: 90deg;
-  }
-
-  .xs\:focus\:rotate-180:focus {
-    --transform-rotate: 180deg;
-  }
-
-  .xs\:focus\:-rotate-180:focus {
-    --transform-rotate: -180deg;
-  }
-
-  .xs\:focus\:-rotate-90:focus {
-    --transform-rotate: -90deg;
-  }
-
-  .xs\:focus\:-rotate-45:focus {
-    --transform-rotate: -45deg;
-  }
-
-  .xs\:focus\:-rotate-12:focus {
-    --transform-rotate: -12deg;
-  }
-
-  .xs\:focus\:-rotate-6:focus {
-    --transform-rotate: -6deg;
-  }
-
-  .xs\:focus\:-rotate-3:focus {
-    --transform-rotate: -3deg;
-  }
-
-  .xs\:focus\:-rotate-2:focus {
-    --transform-rotate: -2deg;
-  }
-
-  .xs\:focus\:-rotate-1:focus {
-    --transform-rotate: -1deg;
-  }
-
-  .xs\:translate-x-0 {
-    --transform-translate-x: 0;
-  }
-
-  .xs\:translate-x-1 {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xs\:translate-x-2 {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xs\:translate-x-3 {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xs\:translate-x-4 {
-    --transform-translate-x: 1rem;
-  }
-
-  .xs\:translate-x-5 {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xs\:translate-x-6 {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xs\:translate-x-8 {
-    --transform-translate-x: 2rem;
-  }
-
-  .xs\:translate-x-10 {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xs\:translate-x-12 {
-    --transform-translate-x: 3rem;
-  }
-
-  .xs\:translate-x-16 {
-    --transform-translate-x: 4rem;
-  }
-
-  .xs\:translate-x-20 {
-    --transform-translate-x: 5rem;
-  }
-
-  .xs\:translate-x-24 {
-    --transform-translate-x: 6rem;
-  }
-
-  .xs\:translate-x-32 {
-    --transform-translate-x: 8rem;
-  }
-
-  .xs\:translate-x-40 {
-    --transform-translate-x: 10rem;
-  }
-
-  .xs\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .xs\:translate-x-56 {
-    --transform-translate-x: 14rem;
-  }
-
-  .xs\:translate-x-64 {
-    --transform-translate-x: 16rem;
-  }
-
-  .xs\:translate-x-px {
-    --transform-translate-x: 1px;
-  }
-
-  .xs\:-translate-x-1 {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xs\:-translate-x-2 {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xs\:-translate-x-3 {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xs\:-translate-x-4 {
-    --transform-translate-x: -1rem;
-  }
-
-  .xs\:-translate-x-5 {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xs\:-translate-x-6 {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xs\:-translate-x-8 {
-    --transform-translate-x: -2rem;
-  }
-
-  .xs\:-translate-x-10 {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xs\:-translate-x-12 {
-    --transform-translate-x: -3rem;
-  }
-
-  .xs\:-translate-x-16 {
-    --transform-translate-x: -4rem;
-  }
-
-  .xs\:-translate-x-20 {
-    --transform-translate-x: -5rem;
-  }
-
-  .xs\:-translate-x-24 {
-    --transform-translate-x: -6rem;
-  }
-
-  .xs\:-translate-x-32 {
-    --transform-translate-x: -8rem;
-  }
-
-  .xs\:-translate-x-40 {
-    --transform-translate-x: -10rem;
-  }
-
-  .xs\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .xs\:-translate-x-56 {
-    --transform-translate-x: -14rem;
-  }
-
-  .xs\:-translate-x-64 {
-    --transform-translate-x: -16rem;
-  }
-
-  .xs\:-translate-x-px {
-    --transform-translate-x: -1px;
-  }
-
-  .xs\:-translate-x-full {
-    --transform-translate-x: -100%;
-  }
-
-  .xs\:-translate-x-1\/2 {
-    --transform-translate-x: -50%;
-  }
-
-  .xs\:translate-x-1\/2 {
-    --transform-translate-x: 50%;
-  }
-
-  .xs\:translate-x-full {
-    --transform-translate-x: 100%;
-  }
-
-  .xs\:translate-y-0 {
-    --transform-translate-y: 0;
-  }
-
-  .xs\:translate-y-1 {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xs\:translate-y-2 {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xs\:translate-y-3 {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xs\:translate-y-4 {
-    --transform-translate-y: 1rem;
-  }
-
-  .xs\:translate-y-5 {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xs\:translate-y-6 {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xs\:translate-y-8 {
-    --transform-translate-y: 2rem;
-  }
-
-  .xs\:translate-y-10 {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xs\:translate-y-12 {
-    --transform-translate-y: 3rem;
-  }
-
-  .xs\:translate-y-16 {
-    --transform-translate-y: 4rem;
-  }
-
-  .xs\:translate-y-20 {
-    --transform-translate-y: 5rem;
-  }
-
-  .xs\:translate-y-24 {
-    --transform-translate-y: 6rem;
-  }
-
-  .xs\:translate-y-32 {
-    --transform-translate-y: 8rem;
-  }
-
-  .xs\:translate-y-40 {
-    --transform-translate-y: 10rem;
-  }
-
-  .xs\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .xs\:translate-y-56 {
-    --transform-translate-y: 14rem;
-  }
-
-  .xs\:translate-y-64 {
-    --transform-translate-y: 16rem;
-  }
-
-  .xs\:translate-y-px {
-    --transform-translate-y: 1px;
-  }
-
-  .xs\:-translate-y-1 {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xs\:-translate-y-2 {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xs\:-translate-y-3 {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xs\:-translate-y-4 {
-    --transform-translate-y: -1rem;
-  }
-
-  .xs\:-translate-y-5 {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xs\:-translate-y-6 {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xs\:-translate-y-8 {
-    --transform-translate-y: -2rem;
-  }
-
-  .xs\:-translate-y-10 {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xs\:-translate-y-12 {
-    --transform-translate-y: -3rem;
-  }
-
-  .xs\:-translate-y-16 {
-    --transform-translate-y: -4rem;
-  }
-
-  .xs\:-translate-y-20 {
-    --transform-translate-y: -5rem;
-  }
-
-  .xs\:-translate-y-24 {
-    --transform-translate-y: -6rem;
-  }
-
-  .xs\:-translate-y-32 {
-    --transform-translate-y: -8rem;
-  }
-
-  .xs\:-translate-y-40 {
-    --transform-translate-y: -10rem;
-  }
-
-  .xs\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .xs\:-translate-y-56 {
-    --transform-translate-y: -14rem;
-  }
-
-  .xs\:-translate-y-64 {
-    --transform-translate-y: -16rem;
-  }
-
-  .xs\:-translate-y-px {
-    --transform-translate-y: -1px;
-  }
-
-  .xs\:-translate-y-full {
-    --transform-translate-y: -100%;
-  }
-
-  .xs\:-translate-y-1\/2 {
-    --transform-translate-y: -50%;
-  }
-
-  .xs\:translate-y-1\/2 {
-    --transform-translate-y: 50%;
-  }
-
-  .xs\:translate-y-full {
-    --transform-translate-y: 100%;
-  }
-
-  .xs\:hover\:translate-x-0:hover {
-    --transform-translate-x: 0;
-  }
-
-  .xs\:hover\:translate-x-1:hover {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xs\:hover\:translate-x-2:hover {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xs\:hover\:translate-x-3:hover {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xs\:hover\:translate-x-4:hover {
-    --transform-translate-x: 1rem;
-  }
-
-  .xs\:hover\:translate-x-5:hover {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xs\:hover\:translate-x-6:hover {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xs\:hover\:translate-x-8:hover {
-    --transform-translate-x: 2rem;
-  }
-
-  .xs\:hover\:translate-x-10:hover {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xs\:hover\:translate-x-12:hover {
-    --transform-translate-x: 3rem;
-  }
-
-  .xs\:hover\:translate-x-16:hover {
-    --transform-translate-x: 4rem;
-  }
-
-  .xs\:hover\:translate-x-20:hover {
-    --transform-translate-x: 5rem;
-  }
-
-  .xs\:hover\:translate-x-24:hover {
-    --transform-translate-x: 6rem;
-  }
-
-  .xs\:hover\:translate-x-32:hover {
-    --transform-translate-x: 8rem;
-  }
-
-  .xs\:hover\:translate-x-40:hover {
-    --transform-translate-x: 10rem;
-  }
-
-  .xs\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .xs\:hover\:translate-x-56:hover {
-    --transform-translate-x: 14rem;
-  }
-
-  .xs\:hover\:translate-x-64:hover {
-    --transform-translate-x: 16rem;
-  }
-
-  .xs\:hover\:translate-x-px:hover {
-    --transform-translate-x: 1px;
-  }
-
-  .xs\:hover\:-translate-x-1:hover {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xs\:hover\:-translate-x-2:hover {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xs\:hover\:-translate-x-3:hover {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xs\:hover\:-translate-x-4:hover {
-    --transform-translate-x: -1rem;
-  }
-
-  .xs\:hover\:-translate-x-5:hover {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xs\:hover\:-translate-x-6:hover {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xs\:hover\:-translate-x-8:hover {
-    --transform-translate-x: -2rem;
-  }
-
-  .xs\:hover\:-translate-x-10:hover {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xs\:hover\:-translate-x-12:hover {
-    --transform-translate-x: -3rem;
-  }
-
-  .xs\:hover\:-translate-x-16:hover {
-    --transform-translate-x: -4rem;
-  }
-
-  .xs\:hover\:-translate-x-20:hover {
-    --transform-translate-x: -5rem;
-  }
-
-  .xs\:hover\:-translate-x-24:hover {
-    --transform-translate-x: -6rem;
-  }
-
-  .xs\:hover\:-translate-x-32:hover {
-    --transform-translate-x: -8rem;
-  }
-
-  .xs\:hover\:-translate-x-40:hover {
-    --transform-translate-x: -10rem;
-  }
-
-  .xs\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .xs\:hover\:-translate-x-56:hover {
-    --transform-translate-x: -14rem;
-  }
-
-  .xs\:hover\:-translate-x-64:hover {
-    --transform-translate-x: -16rem;
-  }
-
-  .xs\:hover\:-translate-x-px:hover {
-    --transform-translate-x: -1px;
-  }
-
-  .xs\:hover\:-translate-x-full:hover {
-    --transform-translate-x: -100%;
-  }
-
-  .xs\:hover\:-translate-x-1\/2:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .xs\:hover\:translate-x-1\/2:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .xs\:hover\:translate-x-full:hover {
-    --transform-translate-x: 100%;
-  }
-
-  .xs\:hover\:translate-y-0:hover {
-    --transform-translate-y: 0;
-  }
-
-  .xs\:hover\:translate-y-1:hover {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xs\:hover\:translate-y-2:hover {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xs\:hover\:translate-y-3:hover {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xs\:hover\:translate-y-4:hover {
-    --transform-translate-y: 1rem;
-  }
-
-  .xs\:hover\:translate-y-5:hover {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xs\:hover\:translate-y-6:hover {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xs\:hover\:translate-y-8:hover {
-    --transform-translate-y: 2rem;
-  }
-
-  .xs\:hover\:translate-y-10:hover {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xs\:hover\:translate-y-12:hover {
-    --transform-translate-y: 3rem;
-  }
-
-  .xs\:hover\:translate-y-16:hover {
-    --transform-translate-y: 4rem;
-  }
-
-  .xs\:hover\:translate-y-20:hover {
-    --transform-translate-y: 5rem;
-  }
-
-  .xs\:hover\:translate-y-24:hover {
-    --transform-translate-y: 6rem;
-  }
-
-  .xs\:hover\:translate-y-32:hover {
-    --transform-translate-y: 8rem;
-  }
-
-  .xs\:hover\:translate-y-40:hover {
-    --transform-translate-y: 10rem;
-  }
-
-  .xs\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .xs\:hover\:translate-y-56:hover {
-    --transform-translate-y: 14rem;
-  }
-
-  .xs\:hover\:translate-y-64:hover {
-    --transform-translate-y: 16rem;
-  }
-
-  .xs\:hover\:translate-y-px:hover {
-    --transform-translate-y: 1px;
-  }
-
-  .xs\:hover\:-translate-y-1:hover {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xs\:hover\:-translate-y-2:hover {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xs\:hover\:-translate-y-3:hover {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xs\:hover\:-translate-y-4:hover {
-    --transform-translate-y: -1rem;
-  }
-
-  .xs\:hover\:-translate-y-5:hover {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xs\:hover\:-translate-y-6:hover {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xs\:hover\:-translate-y-8:hover {
-    --transform-translate-y: -2rem;
-  }
-
-  .xs\:hover\:-translate-y-10:hover {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xs\:hover\:-translate-y-12:hover {
-    --transform-translate-y: -3rem;
-  }
-
-  .xs\:hover\:-translate-y-16:hover {
-    --transform-translate-y: -4rem;
-  }
-
-  .xs\:hover\:-translate-y-20:hover {
-    --transform-translate-y: -5rem;
-  }
-
-  .xs\:hover\:-translate-y-24:hover {
-    --transform-translate-y: -6rem;
-  }
-
-  .xs\:hover\:-translate-y-32:hover {
-    --transform-translate-y: -8rem;
-  }
-
-  .xs\:hover\:-translate-y-40:hover {
-    --transform-translate-y: -10rem;
-  }
-
-  .xs\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .xs\:hover\:-translate-y-56:hover {
-    --transform-translate-y: -14rem;
-  }
-
-  .xs\:hover\:-translate-y-64:hover {
-    --transform-translate-y: -16rem;
-  }
-
-  .xs\:hover\:-translate-y-px:hover {
-    --transform-translate-y: -1px;
-  }
-
-  .xs\:hover\:-translate-y-full:hover {
-    --transform-translate-y: -100%;
-  }
-
-  .xs\:hover\:-translate-y-1\/2:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .xs\:hover\:translate-y-1\/2:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .xs\:hover\:translate-y-full:hover {
-    --transform-translate-y: 100%;
-  }
-
-  .xs\:focus\:translate-x-0:focus {
-    --transform-translate-x: 0;
-  }
-
-  .xs\:focus\:translate-x-1:focus {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xs\:focus\:translate-x-2:focus {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xs\:focus\:translate-x-3:focus {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xs\:focus\:translate-x-4:focus {
-    --transform-translate-x: 1rem;
-  }
-
-  .xs\:focus\:translate-x-5:focus {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xs\:focus\:translate-x-6:focus {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xs\:focus\:translate-x-8:focus {
-    --transform-translate-x: 2rem;
-  }
-
-  .xs\:focus\:translate-x-10:focus {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xs\:focus\:translate-x-12:focus {
-    --transform-translate-x: 3rem;
-  }
-
-  .xs\:focus\:translate-x-16:focus {
-    --transform-translate-x: 4rem;
-  }
-
-  .xs\:focus\:translate-x-20:focus {
-    --transform-translate-x: 5rem;
-  }
-
-  .xs\:focus\:translate-x-24:focus {
-    --transform-translate-x: 6rem;
-  }
-
-  .xs\:focus\:translate-x-32:focus {
-    --transform-translate-x: 8rem;
-  }
-
-  .xs\:focus\:translate-x-40:focus {
-    --transform-translate-x: 10rem;
-  }
-
-  .xs\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .xs\:focus\:translate-x-56:focus {
-    --transform-translate-x: 14rem;
-  }
-
-  .xs\:focus\:translate-x-64:focus {
-    --transform-translate-x: 16rem;
-  }
-
-  .xs\:focus\:translate-x-px:focus {
-    --transform-translate-x: 1px;
-  }
-
-  .xs\:focus\:-translate-x-1:focus {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xs\:focus\:-translate-x-2:focus {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xs\:focus\:-translate-x-3:focus {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xs\:focus\:-translate-x-4:focus {
-    --transform-translate-x: -1rem;
-  }
-
-  .xs\:focus\:-translate-x-5:focus {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xs\:focus\:-translate-x-6:focus {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xs\:focus\:-translate-x-8:focus {
-    --transform-translate-x: -2rem;
-  }
-
-  .xs\:focus\:-translate-x-10:focus {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xs\:focus\:-translate-x-12:focus {
-    --transform-translate-x: -3rem;
-  }
-
-  .xs\:focus\:-translate-x-16:focus {
-    --transform-translate-x: -4rem;
-  }
-
-  .xs\:focus\:-translate-x-20:focus {
-    --transform-translate-x: -5rem;
-  }
-
-  .xs\:focus\:-translate-x-24:focus {
-    --transform-translate-x: -6rem;
-  }
-
-  .xs\:focus\:-translate-x-32:focus {
-    --transform-translate-x: -8rem;
-  }
-
-  .xs\:focus\:-translate-x-40:focus {
-    --transform-translate-x: -10rem;
-  }
-
-  .xs\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .xs\:focus\:-translate-x-56:focus {
-    --transform-translate-x: -14rem;
-  }
-
-  .xs\:focus\:-translate-x-64:focus {
-    --transform-translate-x: -16rem;
-  }
-
-  .xs\:focus\:-translate-x-px:focus {
-    --transform-translate-x: -1px;
-  }
-
-  .xs\:focus\:-translate-x-full:focus {
-    --transform-translate-x: -100%;
-  }
-
-  .xs\:focus\:-translate-x-1\/2:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .xs\:focus\:translate-x-1\/2:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .xs\:focus\:translate-x-full:focus {
-    --transform-translate-x: 100%;
-  }
-
-  .xs\:focus\:translate-y-0:focus {
-    --transform-translate-y: 0;
-  }
-
-  .xs\:focus\:translate-y-1:focus {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xs\:focus\:translate-y-2:focus {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xs\:focus\:translate-y-3:focus {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xs\:focus\:translate-y-4:focus {
-    --transform-translate-y: 1rem;
-  }
-
-  .xs\:focus\:translate-y-5:focus {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xs\:focus\:translate-y-6:focus {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xs\:focus\:translate-y-8:focus {
-    --transform-translate-y: 2rem;
-  }
-
-  .xs\:focus\:translate-y-10:focus {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xs\:focus\:translate-y-12:focus {
-    --transform-translate-y: 3rem;
-  }
-
-  .xs\:focus\:translate-y-16:focus {
-    --transform-translate-y: 4rem;
-  }
-
-  .xs\:focus\:translate-y-20:focus {
-    --transform-translate-y: 5rem;
-  }
-
-  .xs\:focus\:translate-y-24:focus {
-    --transform-translate-y: 6rem;
-  }
-
-  .xs\:focus\:translate-y-32:focus {
-    --transform-translate-y: 8rem;
-  }
-
-  .xs\:focus\:translate-y-40:focus {
-    --transform-translate-y: 10rem;
-  }
-
-  .xs\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .xs\:focus\:translate-y-56:focus {
-    --transform-translate-y: 14rem;
-  }
-
-  .xs\:focus\:translate-y-64:focus {
-    --transform-translate-y: 16rem;
-  }
-
-  .xs\:focus\:translate-y-px:focus {
-    --transform-translate-y: 1px;
-  }
-
-  .xs\:focus\:-translate-y-1:focus {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xs\:focus\:-translate-y-2:focus {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xs\:focus\:-translate-y-3:focus {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xs\:focus\:-translate-y-4:focus {
-    --transform-translate-y: -1rem;
-  }
-
-  .xs\:focus\:-translate-y-5:focus {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xs\:focus\:-translate-y-6:focus {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xs\:focus\:-translate-y-8:focus {
-    --transform-translate-y: -2rem;
-  }
-
-  .xs\:focus\:-translate-y-10:focus {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xs\:focus\:-translate-y-12:focus {
-    --transform-translate-y: -3rem;
-  }
-
-  .xs\:focus\:-translate-y-16:focus {
-    --transform-translate-y: -4rem;
-  }
-
-  .xs\:focus\:-translate-y-20:focus {
-    --transform-translate-y: -5rem;
-  }
-
-  .xs\:focus\:-translate-y-24:focus {
-    --transform-translate-y: -6rem;
-  }
-
-  .xs\:focus\:-translate-y-32:focus {
-    --transform-translate-y: -8rem;
-  }
-
-  .xs\:focus\:-translate-y-40:focus {
-    --transform-translate-y: -10rem;
-  }
-
-  .xs\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .xs\:focus\:-translate-y-56:focus {
-    --transform-translate-y: -14rem;
-  }
-
-  .xs\:focus\:-translate-y-64:focus {
-    --transform-translate-y: -16rem;
-  }
-
-  .xs\:focus\:-translate-y-px:focus {
-    --transform-translate-y: -1px;
-  }
-
-  .xs\:focus\:-translate-y-full:focus {
-    --transform-translate-y: -100%;
-  }
-
-  .xs\:focus\:-translate-y-1\/2:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .xs\:focus\:translate-y-1\/2:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .xs\:focus\:translate-y-full:focus {
-    --transform-translate-y: 100%;
-  }
-
-  .xs\:skew-x-0 {
-    --transform-skew-x: 0;
-  }
-
-  .xs\:skew-x-1 {
-    --transform-skew-x: 1deg;
-  }
-
-  .xs\:skew-x-2 {
-    --transform-skew-x: 2deg;
-  }
-
-  .xs\:skew-x-3 {
-    --transform-skew-x: 3deg;
-  }
-
-  .xs\:skew-x-6 {
-    --transform-skew-x: 6deg;
-  }
-
-  .xs\:skew-x-12 {
-    --transform-skew-x: 12deg;
-  }
-
-  .xs\:-skew-x-12 {
-    --transform-skew-x: -12deg;
-  }
-
-  .xs\:-skew-x-6 {
-    --transform-skew-x: -6deg;
-  }
-
-  .xs\:-skew-x-3 {
-    --transform-skew-x: -3deg;
-  }
-
-  .xs\:-skew-x-2 {
-    --transform-skew-x: -2deg;
-  }
-
-  .xs\:-skew-x-1 {
-    --transform-skew-x: -1deg;
-  }
-
-  .xs\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .xs\:skew-y-1 {
-    --transform-skew-y: 1deg;
-  }
-
-  .xs\:skew-y-2 {
-    --transform-skew-y: 2deg;
-  }
-
-  .xs\:skew-y-3 {
-    --transform-skew-y: 3deg;
-  }
-
-  .xs\:skew-y-6 {
-    --transform-skew-y: 6deg;
-  }
-
-  .xs\:skew-y-12 {
-    --transform-skew-y: 12deg;
-  }
-
-  .xs\:-skew-y-12 {
-    --transform-skew-y: -12deg;
-  }
-
-  .xs\:-skew-y-6 {
-    --transform-skew-y: -6deg;
-  }
-
-  .xs\:-skew-y-3 {
-    --transform-skew-y: -3deg;
-  }
-
-  .xs\:-skew-y-2 {
-    --transform-skew-y: -2deg;
-  }
-
-  .xs\:-skew-y-1 {
-    --transform-skew-y: -1deg;
-  }
-
-  .xs\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .xs\:hover\:skew-x-1:hover {
-    --transform-skew-x: 1deg;
-  }
-
-  .xs\:hover\:skew-x-2:hover {
-    --transform-skew-x: 2deg;
-  }
-
-  .xs\:hover\:skew-x-3:hover {
-    --transform-skew-x: 3deg;
-  }
-
-  .xs\:hover\:skew-x-6:hover {
-    --transform-skew-x: 6deg;
-  }
-
-  .xs\:hover\:skew-x-12:hover {
-    --transform-skew-x: 12deg;
-  }
-
-  .xs\:hover\:-skew-x-12:hover {
-    --transform-skew-x: -12deg;
-  }
-
-  .xs\:hover\:-skew-x-6:hover {
-    --transform-skew-x: -6deg;
-  }
-
-  .xs\:hover\:-skew-x-3:hover {
-    --transform-skew-x: -3deg;
-  }
+.hover\:skew-y-1:hover {
+  --transform-skew-y: 1deg;
+}
 
-  .xs\:hover\:-skew-x-2:hover {
-    --transform-skew-x: -2deg;
-  }
+.hover\:skew-y-2:hover {
+  --transform-skew-y: 2deg;
+}
 
-  .xs\:hover\:-skew-x-1:hover {
-    --transform-skew-x: -1deg;
-  }
+.hover\:skew-y-3:hover {
+  --transform-skew-y: 3deg;
+}
 
-  .xs\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
+.hover\:skew-y-6:hover {
+  --transform-skew-y: 6deg;
+}
 
-  .xs\:hover\:skew-y-1:hover {
-    --transform-skew-y: 1deg;
-  }
+.hover\:skew-y-12:hover {
+  --transform-skew-y: 12deg;
+}
 
-  .xs\:hover\:skew-y-2:hover {
-    --transform-skew-y: 2deg;
-  }
+.hover\:-skew-y-12:hover {
+  --transform-skew-y: -12deg;
+}
 
-  .xs\:hover\:skew-y-3:hover {
-    --transform-skew-y: 3deg;
-  }
+.hover\:-skew-y-6:hover {
+  --transform-skew-y: -6deg;
+}
 
-  .xs\:hover\:skew-y-6:hover {
-    --transform-skew-y: 6deg;
-  }
+.hover\:-skew-y-3:hover {
+  --transform-skew-y: -3deg;
+}
 
-  .xs\:hover\:skew-y-12:hover {
-    --transform-skew-y: 12deg;
-  }
+.hover\:-skew-y-2:hover {
+  --transform-skew-y: -2deg;
+}
 
-  .xs\:hover\:-skew-y-12:hover {
-    --transform-skew-y: -12deg;
-  }
+.hover\:-skew-y-1:hover {
+  --transform-skew-y: -1deg;
+}
 
-  .xs\:hover\:-skew-y-6:hover {
-    --transform-skew-y: -6deg;
-  }
+.focus\:skew-x-0:focus {
+  --transform-skew-x: 0;
+}
 
-  .xs\:hover\:-skew-y-3:hover {
-    --transform-skew-y: -3deg;
-  }
+.focus\:skew-x-1:focus {
+  --transform-skew-x: 1deg;
+}
 
-  .xs\:hover\:-skew-y-2:hover {
-    --transform-skew-y: -2deg;
-  }
+.focus\:skew-x-2:focus {
+  --transform-skew-x: 2deg;
+}
 
-  .xs\:hover\:-skew-y-1:hover {
-    --transform-skew-y: -1deg;
-  }
+.focus\:skew-x-3:focus {
+  --transform-skew-x: 3deg;
+}
 
-  .xs\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
+.focus\:skew-x-6:focus {
+  --transform-skew-x: 6deg;
+}
 
-  .xs\:focus\:skew-x-1:focus {
-    --transform-skew-x: 1deg;
-  }
+.focus\:skew-x-12:focus {
+  --transform-skew-x: 12deg;
+}
 
-  .xs\:focus\:skew-x-2:focus {
-    --transform-skew-x: 2deg;
-  }
+.focus\:-skew-x-12:focus {
+  --transform-skew-x: -12deg;
+}
 
-  .xs\:focus\:skew-x-3:focus {
-    --transform-skew-x: 3deg;
-  }
+.focus\:-skew-x-6:focus {
+  --transform-skew-x: -6deg;
+}
 
-  .xs\:focus\:skew-x-6:focus {
-    --transform-skew-x: 6deg;
-  }
+.focus\:-skew-x-3:focus {
+  --transform-skew-x: -3deg;
+}
 
-  .xs\:focus\:skew-x-12:focus {
-    --transform-skew-x: 12deg;
-  }
+.focus\:-skew-x-2:focus {
+  --transform-skew-x: -2deg;
+}
 
-  .xs\:focus\:-skew-x-12:focus {
-    --transform-skew-x: -12deg;
-  }
+.focus\:-skew-x-1:focus {
+  --transform-skew-x: -1deg;
+}
 
-  .xs\:focus\:-skew-x-6:focus {
-    --transform-skew-x: -6deg;
-  }
+.focus\:skew-y-0:focus {
+  --transform-skew-y: 0;
+}
 
-  .xs\:focus\:-skew-x-3:focus {
-    --transform-skew-x: -3deg;
-  }
+.focus\:skew-y-1:focus {
+  --transform-skew-y: 1deg;
+}
 
-  .xs\:focus\:-skew-x-2:focus {
-    --transform-skew-x: -2deg;
-  }
+.focus\:skew-y-2:focus {
+  --transform-skew-y: 2deg;
+}
 
-  .xs\:focus\:-skew-x-1:focus {
-    --transform-skew-x: -1deg;
-  }
+.focus\:skew-y-3:focus {
+  --transform-skew-y: 3deg;
+}
 
-  .xs\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
+.focus\:skew-y-6:focus {
+  --transform-skew-y: 6deg;
+}
 
-  .xs\:focus\:skew-y-1:focus {
-    --transform-skew-y: 1deg;
-  }
+.focus\:skew-y-12:focus {
+  --transform-skew-y: 12deg;
+}
 
-  .xs\:focus\:skew-y-2:focus {
-    --transform-skew-y: 2deg;
-  }
+.focus\:-skew-y-12:focus {
+  --transform-skew-y: -12deg;
+}
 
-  .xs\:focus\:skew-y-3:focus {
-    --transform-skew-y: 3deg;
-  }
+.focus\:-skew-y-6:focus {
+  --transform-skew-y: -6deg;
+}
 
-  .xs\:focus\:skew-y-6:focus {
-    --transform-skew-y: 6deg;
-  }
+.focus\:-skew-y-3:focus {
+  --transform-skew-y: -3deg;
+}
 
-  .xs\:focus\:skew-y-12:focus {
-    --transform-skew-y: 12deg;
-  }
+.focus\:-skew-y-2:focus {
+  --transform-skew-y: -2deg;
+}
 
-  .xs\:focus\:-skew-y-12:focus {
-    --transform-skew-y: -12deg;
-  }
+.focus\:-skew-y-1:focus {
+  --transform-skew-y: -1deg;
+}
 
-  .xs\:focus\:-skew-y-6:focus {
-    --transform-skew-y: -6deg;
-  }
+.transition-none {
+  transition-property: none;
+}
 
-  .xs\:focus\:-skew-y-3:focus {
-    --transform-skew-y: -3deg;
-  }
+.transition-all {
+  transition-property: all;
+}
 
-  .xs\:focus\:-skew-y-2:focus {
-    --transform-skew-y: -2deg;
-  }
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
 
-  .xs\:focus\:-skew-y-1:focus {
-    --transform-skew-y: -1deg;
-  }
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+}
 
-  .xs\:transition-none {
-    transition-property: none;
-  }
+.transition-opacity {
+  transition-property: opacity;
+}
 
-  .xs\:transition-all {
-    transition-property: all;
-  }
+.transition-shadow {
+  transition-property: box-shadow;
+}
 
-  .xs\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
+.transition-transform {
+  transition-property: transform;
+}
 
-  .xs\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
+.ease-linear {
+  transition-timing-function: linear;
+}
 
-  .xs\:transition-opacity {
-    transition-property: opacity;
-  }
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
 
-  .xs\:transition-shadow {
-    transition-property: box-shadow;
-  }
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 
-  .xs\:transition-transform {
-    transition-property: transform;
-  }
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 
-  .xs\:ease-linear {
-    transition-timing-function: linear;
-  }
+.duration-75 {
+  transition-duration: 75ms;
+}
 
-  .xs\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
+.duration-100 {
+  transition-duration: 100ms;
+}
 
-  .xs\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
+.duration-150 {
+  transition-duration: 150ms;
+}
 
-  .xs\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
+.duration-200 {
+  transition-duration: 200ms;
+}
 
-  .xs\:duration-75 {
-    transition-duration: 75ms;
-  }
+.duration-300 {
+  transition-duration: 300ms;
+}
 
-  .xs\:duration-100 {
-    transition-duration: 100ms;
-  }
+.duration-500 {
+  transition-duration: 500ms;
+}
 
-  .xs\:duration-150 {
-    transition-duration: 150ms;
-  }
+.duration-700 {
+  transition-duration: 700ms;
+}
 
-  .xs\:duration-200 {
-    transition-duration: 200ms;
-  }
+.duration-1000 {
+  transition-duration: 1000ms;
+}
 
-  .xs\:duration-300 {
-    transition-duration: 300ms;
-  }
+.delay-75 {
+  transition-delay: 75ms;
+}
 
-  .xs\:duration-500 {
-    transition-duration: 500ms;
-  }
+.delay-100 {
+  transition-delay: 100ms;
+}
 
-  .xs\:duration-700 {
-    transition-duration: 700ms;
-  }
+.delay-150 {
+  transition-delay: 150ms;
+}
 
-  .xs\:duration-1000 {
-    transition-duration: 1000ms;
-  }
+.delay-200 {
+  transition-delay: 200ms;
+}
 
-  .xs\:delay-75 {
-    transition-delay: 75ms;
-  }
+.delay-300 {
+  transition-delay: 300ms;
+}
 
-  .xs\:delay-100 {
-    transition-delay: 100ms;
-  }
+.delay-500 {
+  transition-delay: 500ms;
+}
 
-  .xs\:delay-150 {
-    transition-delay: 150ms;
-  }
+.delay-700 {
+  transition-delay: 700ms;
+}
 
-  .xs\:delay-200 {
-    transition-delay: 200ms;
-  }
+.delay-1000 {
+  transition-delay: 1000ms;
+}
 
-  .xs\:delay-300 {
-    transition-delay: 300ms;
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
   }
+}
 
-  .xs\:delay-500 {
-    transition-delay: 500ms;
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
   }
+}
 
-  .xs\:delay-700 {
-    transition-delay: 700ms;
+@keyframes pulse {
+  50% {
+    opacity: .5;
   }
+}
 
-  .xs\:delay-1000 {
-    transition-delay: 1000ms;
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
   }
 
-  .xs\:animate-none {
-    animation: none;
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
   }
+}
 
-  .xs\:animate-spin {
-    animation: spin 1s linear infinite;
-  }
+.animate-none {
+  animation: none;
+}
 
-  .xs\:animate-ping {
-    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
 
-  .xs\:animate-pulse {
-    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
+.animate-ping {
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
 
-  .xs\:animate-bounce {
-    animation: bounce 1s infinite;
-  }
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  animation: bounce 1s infinite;
 }
 
 @media (min-width: 640px) {
@@ -51532,20 +32740,6 @@ video {
     left: 0;
   }
 
-  .sm\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .sm\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .sm\:inset-auto {
     top: auto;
     right: auto;
@@ -51553,13 +32747,6 @@ video {
     left: auto;
   }
 
-  .sm\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .sm\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -51570,26 +32757,6 @@ video {
     left: 0;
   }
 
-  .sm\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .sm\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .sm\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .sm\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .sm\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -51600,16 +32767,6 @@ video {
     left: auto;
   }
 
-  .sm\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .sm\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .sm\:top-0 {
     top: 0;
   }
@@ -51626,38 +32783,6 @@ video {
     left: 0;
   }
 
-  .sm\:top-30 {
-    top: 30%;
-  }
-
-  .sm\:right-30 {
-    right: 30%;
-  }
-
-  .sm\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .sm\:left-30 {
-    left: 30%;
-  }
-
-  .sm\:top-60 {
-    top: 60%;
-  }
-
-  .sm\:right-60 {
-    right: 60%;
-  }
-
-  .sm\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .sm\:left-60 {
-    left: 60%;
-  }
-
   .sm\:top-auto {
     top: auto;
   }
@@ -51674,22 +32799,6 @@ video {
     left: auto;
   }
 
-  .sm\:top-1\/2 {
-    top: 50%;
-  }
-
-  .sm\:right-1\/2 {
-    right: 50%;
-  }
-
-  .sm\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .sm\:left-1\/2 {
-    left: 50%;
-  }
-
   .sm\:resize-none {
     resize: none;
   }
@@ -70367,20 +51476,6 @@ video {
     left: 0;
   }
 
-  .md\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .md\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .md\:inset-auto {
     top: auto;
     right: auto;
@@ -70388,13 +51483,6 @@ video {
     left: auto;
   }
 
-  .md\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .md\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -70405,26 +51493,6 @@ video {
     left: 0;
   }
 
-  .md\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .md\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .md\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .md\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .md\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -70435,16 +51503,6 @@ video {
     left: auto;
   }
 
-  .md\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .md\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .md\:top-0 {
     top: 0;
   }
@@ -70461,38 +51519,6 @@ video {
     left: 0;
   }
 
-  .md\:top-30 {
-    top: 30%;
-  }
-
-  .md\:right-30 {
-    right: 30%;
-  }
-
-  .md\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .md\:left-30 {
-    left: 30%;
-  }
-
-  .md\:top-60 {
-    top: 60%;
-  }
-
-  .md\:right-60 {
-    right: 60%;
-  }
-
-  .md\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .md\:left-60 {
-    left: 60%;
-  }
-
   .md\:top-auto {
     top: auto;
   }
@@ -70509,22 +51535,6 @@ video {
     left: auto;
   }
 
-  .md\:top-1\/2 {
-    top: 50%;
-  }
-
-  .md\:right-1\/2 {
-    right: 50%;
-  }
-
-  .md\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .md\:left-1\/2 {
-    left: 50%;
-  }
-
   .md\:resize-none {
     resize: none;
   }
@@ -89202,20 +70212,6 @@ video {
     left: 0;
   }
 
-  .lg\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .lg\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .lg\:inset-auto {
     top: auto;
     right: auto;
@@ -89223,13 +70219,6 @@ video {
     left: auto;
   }
 
-  .lg\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .lg\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -89240,26 +70229,6 @@ video {
     left: 0;
   }
 
-  .lg\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .lg\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .lg\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .lg\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .lg\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -89270,16 +70239,6 @@ video {
     left: auto;
   }
 
-  .lg\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .lg\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .lg\:top-0 {
     top: 0;
   }
@@ -89296,38 +70255,6 @@ video {
     left: 0;
   }
 
-  .lg\:top-30 {
-    top: 30%;
-  }
-
-  .lg\:right-30 {
-    right: 30%;
-  }
-
-  .lg\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .lg\:left-30 {
-    left: 30%;
-  }
-
-  .lg\:top-60 {
-    top: 60%;
-  }
-
-  .lg\:right-60 {
-    right: 60%;
-  }
-
-  .lg\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .lg\:left-60 {
-    left: 60%;
-  }
-
   .lg\:top-auto {
     top: auto;
   }
@@ -89344,22 +70271,6 @@ video {
     left: auto;
   }
 
-  .lg\:top-1\/2 {
-    top: 50%;
-  }
-
-  .lg\:right-1\/2 {
-    right: 50%;
-  }
-
-  .lg\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .lg\:left-1\/2 {
-    left: 50%;
-  }
-
   .lg\:resize-none {
     resize: none;
   }
@@ -108037,20 +88948,6 @@ video {
     left: 0;
   }
 
-  .xl\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .xl\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .xl\:inset-auto {
     top: auto;
     right: auto;
@@ -108058,13 +88955,6 @@ video {
     left: auto;
   }
 
-  .xl\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .xl\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -108075,26 +88965,6 @@ video {
     left: 0;
   }
 
-  .xl\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .xl\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .xl\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .xl\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .xl\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -108105,16 +88975,6 @@ video {
     left: auto;
   }
 
-  .xl\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xl\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .xl\:top-0 {
     top: 0;
   }
@@ -108131,38 +88991,6 @@ video {
     left: 0;
   }
 
-  .xl\:top-30 {
-    top: 30%;
-  }
-
-  .xl\:right-30 {
-    right: 30%;
-  }
-
-  .xl\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .xl\:left-30 {
-    left: 30%;
-  }
-
-  .xl\:top-60 {
-    top: 60%;
-  }
-
-  .xl\:right-60 {
-    right: 60%;
-  }
-
-  .xl\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .xl\:left-60 {
-    left: 60%;
-  }
-
   .xl\:top-auto {
     top: auto;
   }
@@ -108179,22 +89007,6 @@ video {
     left: auto;
   }
 
-  .xl\:top-1\/2 {
-    top: 50%;
-  }
-
-  .xl\:right-1\/2 {
-    right: 50%;
-  }
-
-  .xl\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .xl\:left-1\/2 {
-    left: 50%;
-  }
-
   .xl\:resize-none {
     resize: none;
   }
diff --git a/yarn.lock b/yarn.lock
index 272b382..c0adae2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,33 +2,24 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@7.8.3", "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
   integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
   dependencies:
     "@babel/highlight" "^7.8.3"
 
-"@babel/code-frame@^7.10.4":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
   integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/compat-data@^7.12.1", "@babel/compat-data@^7.9.0":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.12.1.tgz#d7386a689aa0ddf06255005b4b991988021101a0"
-  integrity sha512-725AQupWJZ8ba0jbKceeFblZTY90McUBWMwHhkFQ9q1zKPJ95GUktljFcgcsIVwRnTnRKlcYzfiNImg5G9m6ZQ==
-
-"@babel/compat-data@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.8.4.tgz#bbe65d05a291667a8394fe8a0e0e277ef22b0d2a"
-  integrity sha512-lHLhlsvFjJAqNU71b7k6Vv9ewjmTXKvqaMv7n0G1etdCabWLw3nEYE8mmgoVOxMIFE07xOvo7H7XBASirX6Rrg==
-  dependencies:
-    browserslist "^4.8.5"
-    invariant "^2.2.4"
-    semver "^5.5.0"
+"@babel/compat-data@^7.12.1", "@babel/compat-data@^7.12.5", "@babel/compat-data@^7.9.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.12.5.tgz#f56db0c4bb1bbbf221b4e81345aab4141e7cb0e9"
+  integrity sha512-DTsS7cxrsH3by8nqQSpFSyjSfSYl57D6Cf4q8dW3LK83tBKBDCkfcay1nYkXq1nIHXnpX8WMMb/O25HOy3h1zg==
 
 "@babel/core@7.9.0":
   version "7.9.0"
@@ -53,43 +44,34 @@
     source-map "^0.5.0"
 
 "@babel/core@^7.1.0", "@babel/core@^7.4.5":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.8.4.tgz#d496799e5c12195b3602d0fddd77294e3e38e80e"
-  integrity sha512-0LiLrB2PwrVI+a2/IEskBopDYSd8BCb3rOvH7D5tzoWd696TBEduBvuLVm4Nx6rltrLZqvI3MCalB2K2aVzQjA==
+  version "7.12.3"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.3.tgz#1b436884e1e3bff6fb1328dc02b208759de92ad8"
+  integrity sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g==
   dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/generator" "^7.8.4"
-    "@babel/helpers" "^7.8.4"
-    "@babel/parser" "^7.8.4"
-    "@babel/template" "^7.8.3"
-    "@babel/traverse" "^7.8.4"
-    "@babel/types" "^7.8.3"
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.12.1"
+    "@babel/helper-module-transforms" "^7.12.1"
+    "@babel/helpers" "^7.12.1"
+    "@babel/parser" "^7.12.3"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.12.1"
+    "@babel/types" "^7.12.1"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.1"
-    json5 "^2.1.0"
-    lodash "^4.17.13"
+    json5 "^2.1.2"
+    lodash "^4.17.19"
     resolve "^1.3.2"
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.12.1", "@babel/generator@^7.9.0":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.1.tgz#0d70be32bdaa03d7c51c8597dda76e0df1f15468"
-  integrity sha512-DB+6rafIdc9o72Yc3/Ph5h+6hUjeOp66pF0naQBgUFFuPqzQwIlPTm3xZR7YNvduIMtkDIj2t21LSQwnbCrXvg==
-  dependencies:
-    "@babel/types" "^7.12.1"
-    jsesc "^2.5.1"
-    source-map "^0.5.0"
-
-"@babel/generator@^7.4.0", "@babel/generator@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.8.4.tgz#35bbc74486956fe4251829f9f6c48330e8d0985e"
-  integrity sha512-PwhclGdRpNAf3IxZb0YVuITPZmmrXz9zf6fH8lT4XbrmfQKr6ryBzhv593P5C6poJRciFCL/eHGW2NuGrgEyxA==
+"@babel/generator@^7.12.1", "@babel/generator@^7.12.5", "@babel/generator@^7.4.0", "@babel/generator@^7.9.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.5.tgz#a2c50de5c8b6d708ab95be5e6053936c1884a4de"
+  integrity sha512-m16TQQJ8hPt7E+OS/XVQg/7U184MLXtvuGbCdA7na61vha+ImkyyNM/9DDA0unYCVZn3ZOhng+qz48/KBOT96A==
   dependencies:
-    "@babel/types" "^7.8.3"
+    "@babel/types" "^7.12.5"
     jsesc "^2.5.1"
-    lodash "^4.17.13"
     source-map "^0.5.0"
 
 "@babel/helper-annotate-as-pure@^7.0.0", "@babel/helper-annotate-as-pure@^7.10.4":
@@ -99,25 +81,18 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-annotate-as-pure@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.8.3.tgz#60bc0bc657f63a0924ff9a4b4a0b24a13cf4deee"
-  integrity sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.8.3.tgz#c84097a427a061ac56a1c30ebf54b7b22d241503"
-  integrity sha512-5eFOm2SyFPK4Rh3XMMRDjN7lBH0orh3ss0g3rTYZnBQ+r6YPj7lgDyCvPphynHvUrobJmeMignBr6Acw9mAPlw==
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.4.tgz#bb0b75f31bf98cbf9ff143c1ae578b87274ae1a3"
+  integrity sha512-L0zGlFrGWZK4PbT8AszSfLTM5sDU1+Az/En9VrdT8/LmEiJt4zXt+Jve9DCAnQcbqDhCI+29y/L93mrDzddCcg==
   dependencies:
-    "@babel/helper-explode-assignable-expression" "^7.8.3"
-    "@babel/types" "^7.8.3"
+    "@babel/helper-explode-assignable-expression" "^7.10.4"
+    "@babel/types" "^7.10.4"
 
 "@babel/helper-builder-react-jsx-experimental@^7.12.1":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.12.1.tgz#1f1ad4c95f1d059856d2fdbc0763489d020cd02d"
-  integrity sha512-82to8lR7TofZWbTd3IEZT1xNHfeU/Ef4rDm/GLXddzqDh+yQ19QuGSzqww51aNxVH8rwfRIzL0EUQsvODVhtyw==
+  version "7.12.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.12.4.tgz#55fc1ead5242caa0ca2875dcb8eed6d311e50f48"
+  integrity sha512-AjEa0jrQqNk7eDQOo0pTfUOwQBMF+xVqrausQwT9/rTKy0g04ggFNaJpaE09IQMn9yExluigWMJcj0WC7bq+Og==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.10.4"
     "@babel/helper-module-imports" "^7.12.1"
@@ -131,45 +106,17 @@
     "@babel/helper-annotate-as-pure" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helper-builder-react-jsx@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.8.3.tgz#dee98d7d79cc1f003d80b76fe01c7f8945665ff6"
-  integrity sha512-JT8mfnpTkKNCboTqZsQTdGo3l3Ik3l7QIt9hh0O9DYiwVel37VoJpILKM4YFbP2euF32nkQSb+F9cUk9b7DDXQ==
-  dependencies:
-    "@babel/types" "^7.8.3"
-    esutils "^2.0.0"
-
-"@babel/helper-call-delegate@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-call-delegate/-/helper-call-delegate-7.8.3.tgz#de82619898aa605d409c42be6ffb8d7204579692"
-  integrity sha512-6Q05px0Eb+N4/GTyKPPvnkig7Lylw+QzihMpws9iiZQv7ZImf84ZsZpQH7QoWN4n4tm81SnSzPgHw2qtO0Zf3A==
-  dependencies:
-    "@babel/helper-hoist-variables" "^7.8.3"
-    "@babel/traverse" "^7.8.3"
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-compilation-targets@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.8.4.tgz#03d7ecd454b7ebe19a254f76617e61770aed2c88"
-  integrity sha512-3k3BsKMvPp5bjxgMdrFyq0UaEO48HciVrOVF0+lon8pp95cyJ2ujAh0TrBHNMnJGT2rr0iKOJPFFbSqjDyf/Pg==
-  dependencies:
-    "@babel/compat-data" "^7.8.4"
-    browserslist "^4.8.5"
-    invariant "^2.2.4"
-    levenary "^1.1.1"
-    semver "^5.5.0"
-
-"@babel/helper-compilation-targets@^7.8.7":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.1.tgz#310e352888fbdbdd8577be8dfdd2afb9e7adcf50"
-  integrity sha512-jtBEif7jsPwP27GPHs06v4WBV0KrE8a/P7n0N0sSvHn2hwUCYnolP/CLmz51IzAW4NlN+HuoBtb9QcwnRo9F/g==
+"@babel/helper-compilation-targets@^7.12.1", "@babel/helper-compilation-targets@^7.8.7":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.5.tgz#cb470c76198db6a24e9dbc8987275631e5d29831"
+  integrity sha512-+qH6NrscMolUlzOYngSBMIOQpKUGPPsc61Bu5W10mg84LxZ7cmvnBHzARKbDoFxVvqqAbj6Tg6N7bSrWSPXMyw==
   dependencies:
-    "@babel/compat-data" "^7.12.1"
+    "@babel/compat-data" "^7.12.5"
     "@babel/helper-validator-option" "^7.12.1"
-    browserslist "^4.12.0"
+    browserslist "^4.14.5"
     semver "^5.5.0"
 
-"@babel/helper-create-class-features-plugin@^7.12.1":
+"@babel/helper-create-class-features-plugin@^7.12.1", "@babel/helper-create-class-features-plugin@^7.8.3":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.1.tgz#3c45998f431edd4a9214c5f1d3ad1448a6137f6e"
   integrity sha512-hkL++rWeta/OVOBTRJc9a5Azh5mt5WgZUGAKMD8JM141YsE08K//bp1unBBieO6rUKkIPyUE0USQ30jAy3Sk1w==
@@ -180,18 +127,6 @@
     "@babel/helper-replace-supers" "^7.12.1"
     "@babel/helper-split-export-declaration" "^7.10.4"
 
-"@babel/helper-create-class-features-plugin@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.8.3.tgz#5b94be88c255f140fd2c10dd151e7f98f4bff397"
-  integrity sha512-qmp4pD7zeTxsv0JNecSBsEmG1ei2MqwJq4YQcK3ZWm/0t07QstWfvuV/vm3Qt5xNMFETn2SZqpMx2MQzbtq+KA==
-  dependencies:
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/helper-member-expression-to-functions" "^7.8.3"
-    "@babel/helper-optimise-call-expression" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-replace-supers" "^7.8.3"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-
 "@babel/helper-create-regexp-features-plugin@^7.12.1":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.1.tgz#18b1302d4677f9dc4740fe8c9ed96680e29d37e8"
@@ -201,14 +136,6 @@
     "@babel/helper-regex" "^7.10.4"
     regexpu-core "^4.7.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.3.tgz#c774268c95ec07ee92476a3862b75cc2839beb79"
-  integrity sha512-Gcsm1OHCUr9o9TcJln57xhWHtdXbA2pgQ58S0Lxlks0WMGNXuki4+GLfX0p+L2ZkINUGZvfkz8rzoqJQSthI+Q==
-  dependencies:
-    "@babel/helper-regex" "^7.8.3"
-    regexpu-core "^4.6.0"
-
 "@babel/helper-define-map@^7.10.4":
   version "7.10.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.10.5.tgz#b53c10db78a640800152692b13393147acb9bb30"
@@ -218,22 +145,12 @@
     "@babel/types" "^7.10.5"
     lodash "^4.17.19"
 
-"@babel/helper-define-map@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.8.3.tgz#a0655cad5451c3760b726eba875f1cd8faa02c15"
-  integrity sha512-PoeBYtxoZGtct3md6xZOCWPcKuMuk3IHhgxsRRNtnNShebf4C8YonTSblsK4tvDbm+eJAw2HAPOfCr+Q/YRG/g==
-  dependencies:
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/types" "^7.8.3"
-    lodash "^4.17.13"
-
-"@babel/helper-explode-assignable-expression@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.8.3.tgz#a728dc5b4e89e30fc2dfc7d04fa28a930653f982"
-  integrity sha512-N+8eW86/Kj147bO9G2uclsg5pwfs/fqqY5rwgIL7eTBklgXjcOJ3btzS5iM6AitJcftnY7pm2lGsrJVYLGjzIw==
+"@babel/helper-explode-assignable-expression@^7.10.4":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.12.1.tgz#8006a466695c4ad86a2a5f2fb15b5f2c31ad5633"
+  integrity sha512-dmUwH8XmlrUpVqgtZ737tK88v07l840z9j3OEhCLwKTkjlvKpfqXVIZ0wpK3aeOxspwGrf/5AP5qLx4rO3w5rA==
   dependencies:
-    "@babel/traverse" "^7.8.3"
-    "@babel/types" "^7.8.3"
+    "@babel/types" "^7.12.1"
 
 "@babel/helper-function-name@^7.10.4":
   version "7.10.4"
@@ -244,15 +161,6 @@
     "@babel/template" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helper-function-name@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz#eeeb665a01b1f11068e9fb86ad56a1cb1a824cca"
-  integrity sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.8.3"
-    "@babel/template" "^7.8.3"
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-get-function-arity@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz#98c1cbea0e2332f33f9a4661b8ce1505b2c19ba2"
@@ -260,13 +168,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-get-function-arity@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
-  integrity sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-hoist-variables@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz#d49b001d1d5a68ca5e6604dda01a6297f7c9381e"
@@ -274,13 +175,6 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-hoist-variables@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.8.3.tgz#1dbe9b6b55d78c9b4183fc8cdc6e30ceb83b7134"
-  integrity sha512-ky1JLOjcDUtSc+xkt0xhYff7Z6ILTAHKmZLHPxAhOP0Nd77O+3nCsd6uSVYur6nJnCI029CrNbYlc0LoPfAPQg==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-member-expression-to-functions@^7.12.1":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.1.tgz#fba0f2fcff3fba00e6ecb664bb5e6e26e2d6165c"
@@ -288,26 +182,12 @@
   dependencies:
     "@babel/types" "^7.12.1"
 
-"@babel/helper-member-expression-to-functions@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz#659b710498ea6c1d9907e0c73f206eee7dadc24c"
-  integrity sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.1":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.1.tgz#1644c01591a15a2f084dd6d092d9430eb1d1216c"
-  integrity sha512-ZeC1TlMSvikvJNy1v/wPIazCu3NdOwgYZLIkmIyAsGhqkNpiDoQQRmaCK8YP4Pq3GPTLPV9WXaPCJKvx06JxKA==
-  dependencies:
-    "@babel/types" "^7.12.1"
-
-"@babel/helper-module-imports@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.8.3.tgz#7fe39589b39c016331b6b8c3f441e8f0b1419498"
-  integrity sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.1", "@babel/helper-module-imports@^7.8.3":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz#1bfc0229f794988f76ed0a4d4e90860850b54dfb"
+  integrity sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==
   dependencies:
-    "@babel/types" "^7.8.3"
+    "@babel/types" "^7.12.5"
 
 "@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.9.0":
   version "7.12.1"
@@ -324,18 +204,6 @@
     "@babel/types" "^7.12.1"
     lodash "^4.17.19"
 
-"@babel/helper-module-transforms@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.8.3.tgz#d305e35d02bee720fbc2c3c3623aa0c316c01590"
-  integrity sha512-C7NG6B7vfBa/pwCOshpMbOYUmrYQDfCpVL/JCRu0ek8B5p8kue1+BCXpg2vOYs7w5ACB9GTOBYQ5U6NwrMg+3Q==
-  dependencies:
-    "@babel/helper-module-imports" "^7.8.3"
-    "@babel/helper-simple-access" "^7.8.3"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-    "@babel/template" "^7.8.3"
-    "@babel/types" "^7.8.3"
-    lodash "^4.17.13"
-
 "@babel/helper-optimise-call-expression@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz#50dc96413d594f995a77905905b05893cd779673"
@@ -343,19 +211,7 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-optimise-call-expression@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz#7ed071813d09c75298ef4f208956006b6111ecb9"
-  integrity sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz#9ea293be19babc0f52ff8ca88b34c3611b208670"
-  integrity sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==
-
-"@babel/helper-plugin-utils@^7.10.4":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
   integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
@@ -367,43 +223,24 @@
   dependencies:
     lodash "^4.17.19"
 
-"@babel/helper-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.8.3.tgz#139772607d51b93f23effe72105b319d2a4c6965"
-  integrity sha512-BWt0QtYv/cg/NecOAZMdcn/waj/5P26DR4mVLXfFtDokSR6fyuG0Pj+e2FqtSME+MqED1khnSMulkmGl8qWiUQ==
-  dependencies:
-    lodash "^4.17.13"
-
-"@babel/helper-remap-async-to-generator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.8.3.tgz#273c600d8b9bf5006142c1e35887d555c12edd86"
-  integrity sha512-kgwDmw4fCg7AVgS4DukQR/roGp+jP+XluJE5hsRZwxCYGg+Rv9wSGErDWhlI90FODdYfd4xG4AQRiMDjjN0GzA==
+"@babel/helper-remap-async-to-generator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.12.1.tgz#8c4dbbf916314f6047dc05e6a2217074238347fd"
+  integrity sha512-9d0KQCRM8clMPcDwo8SevNs+/9a8yWVVmaE80FGJcEP8N1qToREmWEGnBn8BUlJhYRFz6fqxeRL1sl5Ogsed7A==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.8.3"
-    "@babel/helper-wrap-function" "^7.8.3"
-    "@babel/template" "^7.8.3"
-    "@babel/traverse" "^7.8.3"
-    "@babel/types" "^7.8.3"
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-wrap-function" "^7.10.4"
+    "@babel/types" "^7.12.1"
 
 "@babel/helper-replace-supers@^7.12.1":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.1.tgz#f15c9cc897439281891e11d5ce12562ac0cf3fa9"
-  integrity sha512-zJjTvtNJnCFsCXVi5rUInstLd/EIVNmIKA1Q9ynESmMBWPWd+7sdR+G4/wdu+Mppfep0XLyG2m7EBPvjCeFyrw==
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.5.tgz#f009a17543bbbbce16b06206ae73b63d3fca68d9"
+  integrity sha512-5YILoed0ZyIpF4gKcpZitEnXEJ9UoDRki1Ey6xz46rxOzfNMAhVIJMoune1hmPVxh40LRv1+oafz7UsWX+vyWA==
   dependencies:
     "@babel/helper-member-expression-to-functions" "^7.12.1"
     "@babel/helper-optimise-call-expression" "^7.10.4"
-    "@babel/traverse" "^7.12.1"
-    "@babel/types" "^7.12.1"
-
-"@babel/helper-replace-supers@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.8.3.tgz#91192d25f6abbcd41da8a989d4492574fb1530bc"
-  integrity sha512-xOUssL6ho41U81etpLoT2RTdvdus4VfHamCuAm4AHxGr+0it5fnwoVdwUJ7GFEqCsQYzJUhcbsN9wB9apcYKFA==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.8.3"
-    "@babel/helper-optimise-call-expression" "^7.8.3"
-    "@babel/traverse" "^7.8.3"
-    "@babel/types" "^7.8.3"
+    "@babel/traverse" "^7.12.5"
+    "@babel/types" "^7.12.5"
 
 "@babel/helper-simple-access@^7.12.1":
   version "7.12.1"
@@ -412,14 +249,6 @@
   dependencies:
     "@babel/types" "^7.12.1"
 
-"@babel/helper-simple-access@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.8.3.tgz#7f8109928b4dab4654076986af575231deb639ae"
-  integrity sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==
-  dependencies:
-    "@babel/template" "^7.8.3"
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-skip-transparent-expression-wrappers@^7.12.1":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz#462dc63a7e435ade8468385c63d2b84cce4b3cbf"
@@ -434,13 +263,6 @@
   dependencies:
     "@babel/types" "^7.11.0"
 
-"@babel/helper-split-export-declaration@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
-  integrity sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-validator-identifier@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
@@ -451,35 +273,26 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.1.tgz#175567380c3e77d60ff98a54bb015fe78f2178d9"
   integrity sha512-YpJabsXlJVWP0USHjnC/AQDTLlZERbON577YUVO/wLpqyj6HAtVYnWaQaN0iUN+1/tWn3c+uKKXjRut5115Y2A==
 
-"@babel/helper-wrap-function@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.8.3.tgz#9dbdb2bb55ef14aaa01fe8c99b629bd5352d8610"
-  integrity sha512-LACJrbUET9cQDzb6kG7EeD7+7doC3JNvUgTEQOx2qaO1fKlzE/Bf05qs9w1oXQMmXlPO65lC3Tq9S6gZpTErEQ==
-  dependencies:
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/template" "^7.8.3"
-    "@babel/traverse" "^7.8.3"
-    "@babel/types" "^7.8.3"
-
-"@babel/helpers@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.8.4.tgz#754eb3ee727c165e0a240d6c207de7c455f36f73"
-  integrity sha512-VPbe7wcQ4chu4TDQjimHv/5tj73qz88o12EPkO2ValS2QiQS/1F2SsjyIGNnAD0vF/nZS6Cf9i+vW6HIlnaR8w==
+"@babel/helper-wrap-function@^7.10.4":
+  version "7.12.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.12.3.tgz#3332339fc4d1fbbf1c27d7958c27d34708e990d9"
+  integrity sha512-Cvb8IuJDln3rs6tzjW3Y8UeelAOdnpB8xtQ4sme2MSZ9wOxrbThporC0y/EtE16VAtoyEfLM404Xr1e0OOp+ow==
   dependencies:
-    "@babel/template" "^7.8.3"
-    "@babel/traverse" "^7.8.4"
-    "@babel/types" "^7.8.3"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
 
-"@babel/helpers@^7.9.0":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.12.1.tgz#8a8261c1d438ec18cb890434df4ec768734c1e79"
-  integrity sha512-9JoDSBGoWtmbay98efmT2+mySkwjzeFeAL9BuWNoVQpkPFQF8SIIFUfY5os9u8wVzglzoiPRSW7cuJmBDUt43g==
+"@babel/helpers@^7.12.1", "@babel/helpers@^7.9.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.12.5.tgz#1a1ba4a768d9b58310eda516c449913fe647116e"
+  integrity sha512-lgKGMQlKqA8meJqKsW6rUnc4MdUk35Ln0ATDqdM1a/UpARODdI4j5Y5lVfUScnSNkJcdCRAaWkspykNoFg9sJA==
   dependencies:
     "@babel/template" "^7.10.4"
-    "@babel/traverse" "^7.12.1"
-    "@babel/types" "^7.12.1"
+    "@babel/traverse" "^7.12.5"
+    "@babel/types" "^7.12.5"
 
-"@babel/highlight@^7.10.4":
+"@babel/highlight@^7.10.4", "@babel/highlight@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
   integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
@@ -488,32 +301,18 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/highlight@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.8.3.tgz#28f173d04223eaaa59bc1d439a3836e6d1265797"
-  integrity sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==
-  dependencies:
-    chalk "^2.0.0"
-    esutils "^2.0.2"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.4.3", "@babel/parser@^7.8.3", "@babel/parser@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.4.tgz#d1dbe64691d60358a974295fa53da074dd2ce8e8"
-  integrity sha512-0fKu/QqildpXmPVaRBoXOlyBb3MC+J0A66x97qEfLOMkn3u6nfY5esWogQwi/K0BjASYy4DbnsEWnpNL6qT5Mw==
-
-"@babel/parser@^7.10.4", "@babel/parser@^7.12.1", "@babel/parser@^7.7.0", "@babel/parser@^7.9.0":
-  version "7.12.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.3.tgz#a305415ebe7a6c7023b40b5122a0662d928334cd"
-  integrity sha512-kFsOS0IbsuhO5ojF8Hc8z/8vEIOkylVBrjiZUbLTE3XFe0Qi+uu6HjzQixkFaqr0ZPAMZcBVxEwmsnsLPZ2Xsw==
+"@babel/parser@^7.1.0", "@babel/parser@^7.10.4", "@babel/parser@^7.12.3", "@babel/parser@^7.12.5", "@babel/parser@^7.4.3", "@babel/parser@^7.7.0", "@babel/parser@^7.9.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.5.tgz#b4af32ddd473c0bfa643bd7ff0728b8e71b81ea0"
+  integrity sha512-FVM6RZQ0mn2KCf1VUED7KepYeUWoVShczewOCfm3nzoBybaih51h+sYVVGthW9M6lPByEPTQf+xm27PBdlpwmQ==
 
-"@babel/plugin-proposal-async-generator-functions@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.8.3.tgz#bad329c670b382589721b27540c7d288601c6e6f"
-  integrity sha512-NZ9zLv848JsV3hs8ryEh7Uaz/0KsmPLqv0+PdkDJL1cJy0K4kOCFa8zc1E3mp+RHPQcpdfb/6GovEsW4VDrOMw==
+"@babel/plugin-proposal-async-generator-functions@^7.12.1", "@babel/plugin-proposal-async-generator-functions@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.1.tgz#dc6c1170e27d8aca99ff65f4925bd06b1c90550e"
+  integrity sha512-d+/o30tJxFxrA1lhzJqiUcEJdI6jKlNregCv5bASeGf2Q4MXmnwH7viDo7nhx1/ohf09oaH8j1GVYG/e3Yqk6A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-remap-async-to-generator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.12.1"
     "@babel/plugin-syntax-async-generators" "^7.8.0"
 
 "@babel/plugin-proposal-class-properties@7.8.3":
@@ -524,6 +323,14 @@
     "@babel/helper-create-class-features-plugin" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-proposal-class-properties@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.12.1.tgz#a082ff541f2a29a4821065b8add9346c0c16e5de"
+  integrity sha512-cKp3dlQsFsEs5CWKnN7BnSHOd0EOW8EKpEjkoz1pO2E5KzIDNV9Ros1b0CnmbVgAGXJubOYVBOGCT1OmJwOI7w==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-proposal-decorators@7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.8.3.tgz#2156860ab65c5abf068c3f67042184041066543e"
@@ -533,23 +340,39 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-decorators" "^7.8.3"
 
-"@babel/plugin-proposal-dynamic-import@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.8.3.tgz#38c4fe555744826e97e2ae930b0fb4cc07e66054"
-  integrity sha512-NyaBbyLFXFLT9FP+zk0kYlUlA8XtCUbehs67F0nnEg7KICgMc2mNkIeu9TYhKzyXMkrapZFwAhXLdnt4IYHy1w==
+"@babel/plugin-proposal-dynamic-import@^7.12.1", "@babel/plugin-proposal-dynamic-import@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.1.tgz#43eb5c2a3487ecd98c5c8ea8b5fdb69a2749b2dc"
+  integrity sha512-a4rhUSZFuq5W8/OO8H7BL5zspjnc1FLd9hlOxIK/f7qG4a0qsqk8uvF/ywgBA8/OmjsapjpvaEOYItfGG1qIvQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-dynamic-import" "^7.8.0"
 
-"@babel/plugin-proposal-json-strings@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.8.3.tgz#da5216b238a98b58a1e05d6852104b10f9a70d6b"
-  integrity sha512-KGhQNZ3TVCQG/MjRbAUwuH+14y9q0tpxs1nWWs3pbSleRdDro9SAMMDyye8HhY1gqZ7/NqIc8SKhya0wRDgP1Q==
+"@babel/plugin-proposal-export-namespace-from@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.12.1.tgz#8b9b8f376b2d88f5dd774e4d24a5cc2e3679b6d4"
+  integrity sha512-6CThGf0irEkzujYS5LQcjBx8j/4aQGiVv7J9+2f7pGfxqyKh3WnmVJYW3hdrQjyksErMGBPQrCnHfOtna+WLbw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-proposal-json-strings@^7.12.1", "@babel/plugin-proposal-json-strings@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.12.1.tgz#d45423b517714eedd5621a9dfdc03fa9f4eb241c"
+  integrity sha512-GoLDUi6U9ZLzlSda2Df++VSqDJg3CG+dR0+iWsv6XRw1rEq+zwt4DirM9yrxW6XWaTpmai1cWJLMfM8qQJf+yw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-json-strings" "^7.8.0"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@7.8.3", "@babel/plugin-proposal-nullish-coalescing-operator@^7.8.3":
+"@babel/plugin-proposal-logical-assignment-operators@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.12.1.tgz#f2c490d36e1b3c9659241034a5d2cd50263a2751"
+  integrity sha512-k8ZmVv0JU+4gcUGeCDZOGd0lCIamU/sMtIiX3UWnUc5yzgq6YUGyEolNYD+MLYKfSzgECPcqetVcJP9Afe/aCA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
+"@babel/plugin-proposal-nullish-coalescing-operator@7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.8.3.tgz#e4572253fdeed65cddeecfdab3f928afeb2fd5d2"
   integrity sha512-TS9MlfzXpXKt6YYomudb/KU7nQI6/xnapG6in1uZxoxDghuSMZsPb6D2fyUwNYSAp4l1iR7QtFOjkqcRYcUsfw==
@@ -557,6 +380,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
 
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.12.1.tgz#3ed4fff31c015e7f3f1467f190dbe545cd7b046c"
+  integrity sha512-nZY0ESiaQDI1y96+jk6VxMOaL4LPo/QDHBqL+SF3/vl6dHkTwHlOI8L4ZwuRBHgakRBw5zsVylel7QPbbGuYgg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+
 "@babel/plugin-proposal-numeric-separator@7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.8.3.tgz#5d6769409699ec9b3b68684cd8116cedff93bad8"
@@ -565,23 +396,15 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-numeric-separator" "^7.8.3"
 
-"@babel/plugin-proposal-numeric-separator@^7.8.3":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.1.tgz#0e2c6774c4ce48be412119b4d693ac777f7685a6"
-  integrity sha512-MR7Ok+Af3OhNTCxYVjJZHS0t97ydnJZt/DbR4WISO39iDnhiD8XHrY12xuSJ90FFEGjir0Fzyyn7g/zY6hxbxA==
+"@babel/plugin-proposal-numeric-separator@^7.12.1", "@babel/plugin-proposal-numeric-separator@^7.8.3":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.5.tgz#b1ce757156d40ed79d59d467cb2b154a5c4149ba"
+  integrity sha512-UiAnkKuOrCyjZ3sYNHlRlfuZJbBHknMQ9VMwVeX97Ofwx7RpD6gS2HfqTCh8KNUQgcOm8IKt103oR4KIjh7Q8g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-proposal-object-rest-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.8.3.tgz#eb5ae366118ddca67bed583b53d7554cad9951bb"
-  integrity sha512-8qvuPwU/xxUCt78HocNlv0mXXo0wdh9VT1R04WU8HGOfaOob26pF+9P5/lYjN/q7DHOX1bvX60hnhOvuQUJdbA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-
-"@babel/plugin-proposal-object-rest-spread@^7.9.0":
+"@babel/plugin-proposal-object-rest-spread@^7.12.1", "@babel/plugin-proposal-object-rest-spread@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz#def9bd03cea0f9b72283dac0ec22d289c7691069"
   integrity sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA==
@@ -590,12 +413,12 @@
     "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
     "@babel/plugin-transform-parameters" "^7.12.1"
 
-"@babel/plugin-proposal-optional-catch-binding@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.8.3.tgz#9dee96ab1650eed88646ae9734ca167ac4a9c5c9"
-  integrity sha512-0gkX7J7E+AtAw9fcwlVQj8peP61qhdg/89D5swOkjYbkboA2CVckn3kiyum1DE0wskGb7KJJxBdyEBApDLLVdw==
+"@babel/plugin-proposal-optional-catch-binding@^7.12.1", "@babel/plugin-proposal-optional-catch-binding@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.12.1.tgz#ccc2421af64d3aae50b558a71cede929a5ab2942"
+  integrity sha512-hFvIjgprh9mMw5v42sJWLI1lzU5L2sznP805zeT6rySVRA0Y18StRhDqhSxlap0oVgItRsB6WSROp4YnJTJz0g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
 
 "@babel/plugin-proposal-optional-chaining@7.9.0":
@@ -606,15 +429,7 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
-"@babel/plugin-proposal-optional-chaining@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.8.3.tgz#ae10b3214cb25f7adb1f3bc87ba42ca10b7e2543"
-  integrity sha512-QIoIR9abkVn+seDE3OjA08jWcs3eZ9+wJCKSRgo3WdEU2csFYgdScb+8qHB3+WXsGJD55u+5hWCISI7ejXS+kg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
-
-"@babel/plugin-proposal-optional-chaining@^7.9.0":
+"@babel/plugin-proposal-optional-chaining@^7.12.1", "@babel/plugin-proposal-optional-chaining@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.1.tgz#cce122203fc8a32794296fc377c6dedaf4363797"
   integrity sha512-c2uRpY6WzaVDzynVY9liyykS+kVU+WRZPMPYpkelXH8KBt1oXoI89kPbZKKG/jDT5UK92FTW2fZkZaJhdiBabw==
@@ -623,7 +438,15 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.4.4":
+"@babel/plugin-proposal-private-methods@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.12.1.tgz#86814f6e7a21374c980c10d38b4493e703f4a389"
+  integrity sha512-mwZ1phvH7/NHK6Kf8LP7MYDogGV+DKB1mryFOEwx5EBNQrosvIczzZFTUmWaeujd5xT6G1ELYWUz3CutMhjE1w==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-proposal-unicode-property-regex@^7.12.1", "@babel/plugin-proposal-unicode-property-regex@^7.4.4", "@babel/plugin-proposal-unicode-property-regex@^7.8.3":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.12.1.tgz#2a183958d417765b9eae334f47758e5d6a82e072"
   integrity sha512-MYq+l+PvHuw/rKUz1at/vb6nCnQ2gmJBNaM62z0OgH7B2W1D9pvkpYtlti9bGtizNIU1K3zm4bZF9F91efVY0w==
@@ -631,14 +454,6 @@
     "@babel/helper-create-regexp-features-plugin" "^7.12.1"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.3.tgz#b646c3adea5f98800c9ab45105ac34d06cd4a47f"
-  integrity sha512-1/1/rEZv2XGweRwwSkLpY+s60za9OZ1hJs4YDqFHCw0kYWYwL5IFljVY1MYBL+weT1l9pokDO2uhSTLVxzoHkQ==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-syntax-async-generators@^7.8.0":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
@@ -646,6 +461,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-class-properties@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.1.tgz#bcb297c5366e79bebadef509549cd93b04f19978"
+  integrity sha512-U40A76x5gTwmESz+qiqssqmeEsKvcSyvtgktrm0uzcARAmM9I1jR221f6Oq+GmHrcD+LvZDag1UTOTe2fL3TeA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-decorators@^7.8.3":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.12.1.tgz#81a8b535b284476c41be6de06853a8802b98c5dd"
@@ -660,6 +482,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-export-namespace-from@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
+  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+
 "@babel/plugin-syntax-flow@^7.8.3":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.12.1.tgz#a77670d9abe6d63e8acadf4c31bb1eb5a506bbdd"
@@ -681,12 +510,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-jsx@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.8.3.tgz#521b06c83c40480f1e58b4fd33b92eceb1d6ea94"
-  integrity sha512-WxdW9xyLgBdefoo0Ynn3MRSkhe5tFVxxKNVdnZSh318WrG2e2jH+E9wd/++JsqcLJZPfz87njQJ8j2Upjm0M0A==
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0":
   version "7.8.3"
@@ -723,12 +552,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-top-level-await@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.8.3.tgz#3acdece695e6b13aaf57fc291d1a800950c71391"
-  integrity sha512-kwj1j9lL/6Wd0hROD3b/OZZ7MSrZLqqn9RAZ5+cYYsflQ9HZBIKCUkr3+uL1MEJ1NePiUbf98jjiMQSv0NMR9g==
+"@babel/plugin-syntax-top-level-await@^7.12.1", "@babel/plugin-syntax-top-level-await@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.1.tgz#dd6c0b357ac1bb142d98537450a319625d13d2a0"
+  integrity sha512-i7ooMZFS+a/Om0crxZodrTzNEPJHZrlMVGMTEpFAj6rYY/bKCddB0Dk/YxfPuYXOopuhKk/e1jV6h+WUU9XN3A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-typescript@^7.12.1":
   version "7.12.1"
@@ -737,52 +566,37 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-arrow-functions@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.8.3.tgz#82776c2ed0cd9e1a49956daeb896024c9473b8b6"
-  integrity sha512-0MRF+KC8EqH4dbuITCWwPSzsyO3HIWWlm30v8BbbpOrS1B++isGxPnnuq/IZvOX5J2D/p7DQalQm+/2PnlKGxg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-transform-async-to-generator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.8.3.tgz#4308fad0d9409d71eafb9b1a6ee35f9d64b64086"
-  integrity sha512-imt9tFLD9ogt56Dd5CI/6XgpukMwd/fLGSrix2httihVe7LOGVPhyhMh1BU5kDM7iHD08i8uUtmV2sWaBFlHVQ==
+"@babel/plugin-transform-arrow-functions@^7.12.1", "@babel/plugin-transform-arrow-functions@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.12.1.tgz#8083ffc86ac8e777fbe24b5967c4b2521f3cb2b3"
+  integrity sha512-5QB50qyN44fzzz4/qxDPQMBCTHgxg3n0xRBLJUmBlLoU/sFvxVWGZF/ZUfMVDQuJUKXaBhbupxIzIfZ6Fwk/0A==
   dependencies:
-    "@babel/helper-module-imports" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-remap-async-to-generator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-block-scoped-functions@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.8.3.tgz#437eec5b799b5852072084b3ae5ef66e8349e8a3"
-  integrity sha512-vo4F2OewqjbB1+yaJ7k2EJFHlTP3jR634Z9Cj9itpqNjuLXvhlVxgnjsHsdRgASR8xYDrx6onw4vW5H6We0Jmg==
+"@babel/plugin-transform-async-to-generator@^7.12.1", "@babel/plugin-transform-async-to-generator@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.12.1.tgz#3849a49cc2a22e9743cbd6b52926d30337229af1"
+  integrity sha512-SDtqoEcarK1DFlRJ1hHRY5HvJUj5kX4qmtpMAm2QnhOlyuMC4TMdCRgW6WXpv93rZeYNeLP22y8Aq2dbcDRM1A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-module-imports" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.12.1"
 
-"@babel/plugin-transform-block-scoping@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.8.3.tgz#97d35dab66857a437c166358b91d09050c868f3a"
-  integrity sha512-pGnYfm7RNRgYRi7bids5bHluENHqJhrV4bCZRwc5GamaWIIs07N4rZECcmJL6ZClwjDz1GbdMZFtPs27hTB06w==
+"@babel/plugin-transform-block-scoped-functions@^7.12.1", "@babel/plugin-transform-block-scoped-functions@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.12.1.tgz#f2a1a365bde2b7112e0a6ded9067fdd7c07905d9"
+  integrity sha512-5OpxfuYnSgPalRpo8EWGPzIYf0lHBWORCkj5M0oLBwHdlux9Ri36QqGW3/LR13RSVOAoUUMzoPI/jpE4ABcHoA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    lodash "^4.17.13"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-classes@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.8.3.tgz#46fd7a9d2bb9ea89ce88720477979fe0d71b21b8"
-  integrity sha512-SjT0cwFJ+7Rbr1vQsvphAHwUHvSUPmMjMU/0P59G8U2HLFqSa082JO7zkbDNWs9kH/IUqpHI6xWNesGf8haF1w==
+"@babel/plugin-transform-block-scoping@^7.12.1", "@babel/plugin-transform-block-scoping@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.1.tgz#f0ee727874b42a208a48a586b84c3d222c2bbef1"
+  integrity sha512-zJyAC9sZdE60r1nVQHblcfCj29Dh2Y0DOvlMkcqSo0ckqjiCwNiUezUKw+RjOCwGfpLRwnAeQ2XlLpsnGkvv9w==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.8.3"
-    "@babel/helper-define-map" "^7.8.3"
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/helper-optimise-call-expression" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-replace-supers" "^7.8.3"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-    globals "^11.1.0"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-classes@^7.9.0":
+"@babel/plugin-transform-classes@^7.12.1", "@babel/plugin-transform-classes@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.1.tgz#65e650fcaddd3d88ddce67c0f834a3d436a32db6"
   integrity sha512-/74xkA7bVdzQTBeSUhLLJgYIcxw/dpEpCdRDiHgPJ3Mv6uC11UhjpOhl72CgqbBCmt1qtssCyB2xnJm1+PFjog==
@@ -796,21 +610,21 @@
     "@babel/helper-split-export-declaration" "^7.10.4"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.8.3.tgz#96d0d28b7f7ce4eb5b120bb2e0e943343c86f81b"
-  integrity sha512-O5hiIpSyOGdrQZRQ2ccwtTVkgUDBBiCuK//4RJ6UfePllUTCENOzKxfh6ulckXKc0DixTFLCfb2HVkNA7aDpzA==
+"@babel/plugin-transform-computed-properties@^7.12.1", "@babel/plugin-transform-computed-properties@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.12.1.tgz#d68cf6c9b7f838a8a4144badbe97541ea0904852"
+  integrity sha512-vVUOYpPWB7BkgUWPo4C44mUQHpTZXakEqFjbv8rQMg7TC6S6ZhGZ3otQcRH6u7+adSlE5i0sp63eMC/XGffrzg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-destructuring@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.8.3.tgz#20ddfbd9e4676906b1056ee60af88590cc7aaa0b"
-  integrity sha512-H4X646nCkiEcHZUZaRkhE2XVsoz0J/1x3VVujnn96pSoGCtKPA99ZZA+va+gK+92Zycd6OBKCD8tDb/731bhgQ==
+"@babel/plugin-transform-destructuring@^7.12.1", "@babel/plugin-transform-destructuring@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.12.1.tgz#b9a570fe0d0a8d460116413cb4f97e8e08b2f847"
+  integrity sha512-fRMYFKuzi/rSiYb2uRLiUENJOKq4Gnl+6qOv5f8z0TZXg3llUwUhsNNwrwaT/6dUhJTzNpBr+CUvEWBtfNY1cw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-dotall-regex@^7.4.4":
+"@babel/plugin-transform-dotall-regex@^7.12.1", "@babel/plugin-transform-dotall-regex@^7.4.4", "@babel/plugin-transform-dotall-regex@^7.8.3":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.12.1.tgz#a1d16c14862817b6409c0a678d6f9373ca9cd975"
   integrity sha512-B2pXeRKoLszfEW7J4Hg9LoFaWEbr/kzo3teWHmtFCszjRNa/b40f9mfeqZsIDLLt/FjwQ6pz/Gdlwy85xNckBA==
@@ -818,28 +632,20 @@
     "@babel/helper-create-regexp-features-plugin" "^7.12.1"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-dotall-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz#c3c6ec5ee6125c6993c5cbca20dc8621a9ea7a6e"
-  integrity sha512-kLs1j9Nn4MQoBYdRXH6AeaXMbEJFaFu/v1nQkvib6QzTj8MZI5OQzqmD83/2jEM1z0DLilra5aWO5YpyC0ALIw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-transform-duplicate-keys@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.8.3.tgz#8d12df309aa537f272899c565ea1768e286e21f1"
-  integrity sha512-s8dHiBUbcbSgipS4SMFuWGqCvyge5V2ZeAWzR6INTVC3Ltjig/Vw1G2Gztv0vU/hRG9X8IvKvYdoksnUfgXOEQ==
+"@babel/plugin-transform-duplicate-keys@^7.12.1", "@babel/plugin-transform-duplicate-keys@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.12.1.tgz#745661baba295ac06e686822797a69fbaa2ca228"
+  integrity sha512-iRght0T0HztAb/CazveUpUQrZY+aGKKaWXMJ4uf9YJtqxSUe09j3wteztCUDRHs+SRAL7yMuFqUsLoAKKzgXjw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-exponentiation-operator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.8.3.tgz#581a6d7f56970e06bf51560cd64f5e947b70d7b7"
-  integrity sha512-zwIpuIymb3ACcInbksHaNcR12S++0MDLKkiqXHl3AzpgdKlFNhog+z/K0+TGW+b0w5pgTq4H6IwV/WhxbGYSjQ==
+"@babel/plugin-transform-exponentiation-operator@^7.12.1", "@babel/plugin-transform-exponentiation-operator@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.12.1.tgz#b0f2ed356ba1be1428ecaf128ff8a24f02830ae0"
+  integrity sha512-7tqwy2bv48q+c1EHbXK0Zx3KXd2RVQp6OC7PbwFNt/dPTAV3Lu5sWtWuAj8owr5wqtWnqHfl2/mJlUmqkChKug==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-transform-flow-strip-types@7.9.0":
   version "7.9.0"
@@ -849,52 +655,36 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-flow" "^7.8.3"
 
-"@babel/plugin-transform-for-of@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.8.4.tgz#6fe8eae5d6875086ee185dd0b098a8513783b47d"
-  integrity sha512-iAXNlOWvcYUYoV8YIxwS7TxGRJcxyl8eQCfT+A5j8sKUzRFvJdcyjp97jL2IghWSRDaL2PU2O2tX8Cu9dTBq5A==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-transform-for-of@^7.9.0":
+"@babel/plugin-transform-for-of@^7.12.1", "@babel/plugin-transform-for-of@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.12.1.tgz#07640f28867ed16f9511c99c888291f560921cfa"
   integrity sha512-Zaeq10naAsuHo7heQvyV0ptj4dlZJwZgNAtBYBnu5nNKJoW62m0zKcIEyVECrUKErkUkg6ajMy4ZfnVZciSBhg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-function-name@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.8.3.tgz#279373cb27322aaad67c2683e776dfc47196ed8b"
-  integrity sha512-rO/OnDS78Eifbjn5Py9v8y0aR+aSYhDhqAwVfsTl0ERuMZyr05L1aFSCJnbv2mmsLkit/4ReeQ9N2BgLnOcPCQ==
-  dependencies:
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-transform-literals@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.8.3.tgz#aef239823d91994ec7b68e55193525d76dbd5dc1"
-  integrity sha512-3Tqf8JJ/qB7TeldGl+TT55+uQei9JfYaregDcEAyBZ7akutriFrt6C/wLYIer6OYhleVQvH/ntEhjE/xMmy10A==
+"@babel/plugin-transform-function-name@^7.12.1", "@babel/plugin-transform-function-name@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.12.1.tgz#2ec76258c70fe08c6d7da154003a480620eba667"
+  integrity sha512-JF3UgJUILoFrFMEnOJLJkRHSk6LUSXLmEFsA23aR2O5CSLUxbeUX1IZ1YQ7Sn0aXb601Ncwjx73a+FVqgcljVw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-member-expression-literals@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.8.3.tgz#963fed4b620ac7cbf6029c755424029fa3a40410"
-  integrity sha512-3Wk2EXhnw+rP+IDkK6BdtPKsUE5IeZ6QOGrPYvw52NwBStw9V1ZVzxgK6fSKSxqUvH9eQPR3tm3cOq79HlsKYA==
+"@babel/plugin-transform-literals@^7.12.1", "@babel/plugin-transform-literals@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.12.1.tgz#d73b803a26b37017ddf9d3bb8f4dc58bfb806f57"
+  integrity sha512-+PxVGA+2Ag6uGgL0A5f+9rklOnnMccwEBzwYFL3EUaKuiyVnUipyXncFcfjSkbimLrODoqki1U9XxZzTvfN7IQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-modules-amd@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.8.3.tgz#65606d44616b50225e76f5578f33c568a0b876a5"
-  integrity sha512-MadJiU3rLKclzT5kBH4yxdry96odTUwuqrZM+GllFI/VhxfPz+k9MshJM+MwhfkCdxxclSbSBbUGciBngR+kEQ==
+"@babel/plugin-transform-member-expression-literals@^7.12.1", "@babel/plugin-transform-member-expression-literals@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.12.1.tgz#496038602daf1514a64d43d8e17cbb2755e0c3ad"
+  integrity sha512-1sxePl6z9ad0gFMB9KqmYofk34flq62aqMt9NqliS/7hPEpURUCMbyHXrMPlo282iY7nAvUB1aQd5mg79UD9Jg==
   dependencies:
-    "@babel/helper-module-transforms" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    babel-plugin-dynamic-import-node "^2.3.0"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-modules-amd@^7.9.0":
+"@babel/plugin-transform-modules-amd@^7.12.1", "@babel/plugin-transform-modules-amd@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.12.1.tgz#3154300b026185666eebb0c0ed7f8415fefcf6f9"
   integrity sha512-tDW8hMkzad5oDtzsB70HIQQRBiTKrhfgwC/KkJeGsaNFTdWhKNt/BiE8c5yj19XiGyrxpbkOfH87qkNg1YGlOQ==
@@ -903,17 +693,7 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.8.3.tgz#df251706ec331bd058a34bdd72613915f82928a5"
-  integrity sha512-JpdMEfA15HZ/1gNuB9XEDlZM1h/gF/YOH7zaZzQu2xCFRfwc01NXBMHHSTT6hRjlXJJs5x/bfODM3LiCk94Sxg==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-simple-access" "^7.8.3"
-    babel-plugin-dynamic-import-node "^2.3.0"
-
-"@babel/plugin-transform-modules-commonjs@^7.9.0":
+"@babel/plugin-transform-modules-commonjs@^7.12.1", "@babel/plugin-transform-modules-commonjs@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.12.1.tgz#fa403124542636c786cf9b460a0ffbb48a86e648"
   integrity sha512-dY789wq6l0uLY8py9c1B48V8mVL5gZh/+PQ5ZPrylPYsnAvnEMjqsUXkuoDVPeVK+0VyGar+D08107LzDQ6pag==
@@ -921,19 +701,9 @@
     "@babel/helper-module-transforms" "^7.12.1"
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-simple-access" "^7.12.1"
-    babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-systemjs@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.8.3.tgz#d8bbf222c1dbe3661f440f2f00c16e9bb7d0d420"
-  integrity sha512-8cESMCJjmArMYqa9AO5YuMEkE4ds28tMpZcGZB/jl3n0ZzlsxOAi3mC+SKypTfT8gjMupCnd3YiXCkMjj2jfOg==
-  dependencies:
-    "@babel/helper-hoist-variables" "^7.8.3"
-    "@babel/helper-module-transforms" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    babel-plugin-dynamic-import-node "^2.3.0"
+    babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-systemjs@^7.9.0":
+"@babel/plugin-transform-modules-systemjs@^7.12.1", "@babel/plugin-transform-modules-systemjs@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.12.1.tgz#663fea620d593c93f214a464cd399bf6dc683086"
   integrity sha512-Hn7cVvOavVh8yvW6fLwveFqSnd7rbQN3zJvoPNyNaQSvgfKmDBO9U1YL9+PCXGRlZD9tNdWTy5ACKqMuzyn32Q==
@@ -944,15 +714,7 @@
     "@babel/helper-validator-identifier" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-umd@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.8.3.tgz#592d578ce06c52f5b98b02f913d653ffe972661a"
-  integrity sha512-evhTyWhbwbI3/U6dZAnx/ePoV7H6OUG+OjiJFHmhr9FPn0VShjwC2kdxqIuQ/+1P50TMrneGzMeyMTFOjKSnAw==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-transform-modules-umd@^7.9.0":
+"@babel/plugin-transform-modules-umd@^7.12.1", "@babel/plugin-transform-modules-umd@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.12.1.tgz#eb5a218d6b1c68f3d6217b8fa2cc82fec6547902"
   integrity sha512-aEIubCS0KHKM0zUos5fIoQm+AZUMt1ZvMpqz0/H5qAQ7vWylr9+PLYurT+Ic7ID/bKLd4q8hDovaG3Zch2uz5Q==
@@ -960,27 +722,27 @@
     "@babel/helper-module-transforms" "^7.12.1"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz#a2a72bffa202ac0e2d0506afd0939c5ecbc48c6c"
-  integrity sha512-f+tF/8UVPU86TrCb06JoPWIdDpTNSGGcAtaD9mLP0aYGA0OS0j7j7DHJR0GTFrUZPUU6loZhbsVZgTh0N+Qdnw==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.12.1", "@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.12.1.tgz#b407f5c96be0d9f5f88467497fa82b30ac3e8753"
+  integrity sha512-tB43uQ62RHcoDp9v2Nsf+dSM8sbNodbEicbQNA53zHz8pWUhsgHSJCGpt7daXxRydjb0KnfmB+ChXOv3oADp1Q==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
+    "@babel/helper-create-regexp-features-plugin" "^7.12.1"
 
-"@babel/plugin-transform-new-target@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.8.3.tgz#60cc2ae66d85c95ab540eb34babb6434d4c70c43"
-  integrity sha512-QuSGysibQpyxexRyui2vca+Cmbljo8bcRckgzYV4kRIsHpVeyeC3JDO63pY+xFZ6bWOBn7pfKZTqV4o/ix9sFw==
+"@babel/plugin-transform-new-target@^7.12.1", "@babel/plugin-transform-new-target@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.12.1.tgz#80073f02ee1bb2d365c3416490e085c95759dec0"
+  integrity sha512-+eW/VLcUL5L9IvJH7rT1sT0CzkdUTvPrXC2PXTn/7z7tXLBuKvezYbGdxD5WMRoyvyaujOq2fWoKl869heKjhw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-object-super@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.8.3.tgz#ebb6a1e7a86ffa96858bd6ac0102d65944261725"
-  integrity sha512-57FXk+gItG/GejofIyLIgBKTas4+pEU47IXKDBWFTxdPd7F80H8zybyAY7UoblVfBhBGs2EKM+bJUu2+iUYPDQ==
+"@babel/plugin-transform-object-super@^7.12.1", "@babel/plugin-transform-object-super@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.12.1.tgz#4ea08696b8d2e65841d0c7706482b048bed1066e"
+  integrity sha512-AvypiGJH9hsquNUn+RXVcBdeE3KHPZexWRdimhuV59cSoOt5kFBmqlByorAeUlGG2CJWd0U+4ZtNKga/TB0cAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-replace-supers" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.12.1"
 
 "@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.8.7":
   version "7.12.1"
@@ -989,115 +751,88 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-parameters@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.8.4.tgz#1d5155de0b65db0ccf9971165745d3bb990d77d3"
-  integrity sha512-IsS3oTxeTsZlE5KqzTbcC2sV0P9pXdec53SU+Yxv7o/6dvGM5AkTotQKhoSffhNgZ/dftsSiOoxy7evCYJXzVA==
-  dependencies:
-    "@babel/helper-call-delegate" "^7.8.3"
-    "@babel/helper-get-function-arity" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-transform-property-literals@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.8.3.tgz#33194300d8539c1ed28c62ad5087ba3807b98263"
-  integrity sha512-uGiiXAZMqEoQhRWMK17VospMZh5sXWg+dlh2soffpkAl96KAm+WZuJfa6lcELotSRmooLqg0MWdH6UUq85nmmg==
+"@babel/plugin-transform-property-literals@^7.12.1", "@babel/plugin-transform-property-literals@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.12.1.tgz#41bc81200d730abb4456ab8b3fbd5537b59adecd"
+  integrity sha512-6MTCR/mZ1MQS+AwZLplX4cEySjCpnIF26ToWo942nqn8hXSm7McaHQNeGx/pt7suI1TWOWMfa/NgBhiqSnX0cQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-transform-react-constant-elements@^7.0.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.8.3.tgz#784c25294bddaad2323eb4ff0c9f4a3f6c87d6bc"
-  integrity sha512-glrzN2U+egwRfkNFtL34xIBYTxbbUF2qJTP8HD3qETBBqzAWSeNB821X0GjU06+dNpq/UyCIjI72FmGE5NNkQQ==
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.12.1.tgz#4471f0851feec3231cc9aaa0dccde39947c1ac1e"
+  integrity sha512-KOHd0tIRLoER+J+8f9DblZDa1fLGPwaaN1DI1TVHuQFOpjHV22C3CUB3obeC4fexHY9nx+fH0hQNvLFFfA1mxA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-react-display-name@7.8.3", "@babel/plugin-transform-react-display-name@^7.8.3":
+"@babel/plugin-transform-react-display-name@7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.8.3.tgz#70ded987c91609f78353dd76d2fb2a0bb991e8e5"
   integrity sha512-3Jy/PCw8Fe6uBKtEgz3M82ljt+lTg+xJaM4og+eyu83qLT87ZUSckn0wy7r31jflURWLO83TW6Ylf7lyXj3m5A==
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-transform-react-jsx-development@^7.9.0":
+"@babel/plugin-transform-react-display-name@^7.12.1", "@babel/plugin-transform-react-display-name@^7.8.3":
   version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.12.1.tgz#0b8f8cd531dcf7991f1e5f2c10a2a4f1cfc78e36"
-  integrity sha512-IilcGWdN1yNgEGOrB96jbTplRh+V2Pz1EoEwsKsHfX1a/L40cUYuD71Zepa7C+ujv7kJIxnDftWeZbKNEqZjCQ==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.12.1.tgz#1cbcd0c3b1d6648c55374a22fc9b6b7e5341c00d"
+  integrity sha512-cAzB+UzBIrekfYxyLlFqf/OagTvHLcVBb5vpouzkYkBclRPraiygVnafvAoipErZLI8ANv8Ecn6E/m5qPXD26w==
   dependencies:
-    "@babel/helper-builder-react-jsx-experimental" "^7.12.1"
     "@babel/helper-plugin-utils" "^7.10.4"
-    "@babel/plugin-syntax-jsx" "^7.12.1"
 
-"@babel/plugin-transform-react-jsx-self@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.8.3.tgz#c4f178b2aa588ecfa8d077ea80d4194ee77ed702"
-  integrity sha512-01OT7s5oa0XTLf2I8XGsL8+KqV9lx3EZV+jxn/L2LQ97CGKila2YMroTkCEIE0HV/FF7CMSRsIAybopdN9NTdg==
+"@babel/plugin-transform-react-jsx-development@^7.12.5", "@babel/plugin-transform-react-jsx-development@^7.9.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.12.5.tgz#677de5b96da310430d6cfb7fee16a1603afa3d56"
+  integrity sha512-1JJusg3iPgsZDthyWiCr3KQiGs31ikU/mSf2N2dSYEAO0GEImmVUbWf0VoSDGDFTAn5Dj4DUiR6SdIXHY7tELA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-syntax-jsx" "^7.8.3"
+    "@babel/helper-builder-react-jsx-experimental" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.12.1"
 
-"@babel/plugin-transform-react-jsx-self@^7.9.0":
+"@babel/plugin-transform-react-jsx-self@^7.12.1", "@babel/plugin-transform-react-jsx-self@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.12.1.tgz#ef43cbca2a14f1bd17807dbe4376ff89d714cf28"
   integrity sha512-FbpL0ieNWiiBB5tCldX17EtXgmzeEZjFrix72rQYeq9X6nUK38HCaxexzVQrZWXanxKJPKVVIU37gFjEQYkPkA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-react-jsx-source@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.8.3.tgz#951e75a8af47f9f120db731be095d2b2c34920e0"
-  integrity sha512-PLMgdMGuVDtRS/SzjNEQYUT8f4z1xb2BAT54vM1X5efkVuYBf5WyGUMbpmARcfq3NaglIwz08UVQK4HHHbC6ag==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-syntax-jsx" "^7.8.3"
-
-"@babel/plugin-transform-react-jsx-source@^7.9.0":
+"@babel/plugin-transform-react-jsx-source@^7.12.1", "@babel/plugin-transform-react-jsx-source@^7.9.0":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.12.1.tgz#d07de6863f468da0809edcf79a1aa8ce2a82a26b"
   integrity sha512-keQ5kBfjJNRc6zZN1/nVHCd6LLIHq4aUKcVnvE/2l+ZZROSbqoiGFRtT5t3Is89XJxBQaP7NLZX2jgGHdZvvFQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-react-jsx@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.8.3.tgz#4220349c0390fdefa505365f68c103562ab2fc4a"
-  integrity sha512-r0h+mUiyL595ikykci+fbwm9YzmuOrUBi0b+FDIKmi3fPQyFokWVEMJnRWHJPPQEjyFJyna9WZC6Viv6UHSv1g==
-  dependencies:
-    "@babel/helper-builder-react-jsx" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-syntax-jsx" "^7.8.3"
-
-"@babel/plugin-transform-react-jsx@^7.9.1":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.12.1.tgz#c2d96c77c2b0e4362cc4e77a43ce7c2539d478cb"
-  integrity sha512-RmKejwnT0T0QzQUzcbP5p1VWlpnP8QHtdhEtLG55ZDQnJNalbF3eeDyu3dnGKvGzFIQiBzFhBYTwvv435p9Xpw==
+"@babel/plugin-transform-react-jsx@^7.12.5", "@babel/plugin-transform-react-jsx@^7.9.1":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.12.5.tgz#39ede0e30159770561b6963be143e40af3bde00c"
+  integrity sha512-2xkcPqqrYiOQgSlM/iwto1paPijjsDbUynN13tI6bosDz/jOW3CRzYguIE8wKX32h+msbBM22Dv5fwrFkUOZjQ==
   dependencies:
     "@babel/helper-builder-react-jsx" "^7.10.4"
     "@babel/helper-builder-react-jsx-experimental" "^7.12.1"
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-jsx" "^7.12.1"
 
-"@babel/plugin-transform-regenerator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.8.3.tgz#b31031e8059c07495bf23614c97f3d9698bc6ec8"
-  integrity sha512-qt/kcur/FxrQrzFR432FGZznkVAjiyFtCOANjkAKwCbt465L6ZCiUQh2oMYGU3Wo8LRFJxNDFwWn106S5wVUNA==
+"@babel/plugin-transform-react-pure-annotations@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.12.1.tgz#05d46f0ab4d1339ac59adf20a1462c91b37a1a42"
+  integrity sha512-RqeaHiwZtphSIUZ5I85PEH19LOSzxfuEazoY7/pWASCAIBuATQzpSVD+eT6MebeeZT2F4eSL0u4vw6n4Nm0Mjg==
   dependencies:
-    regenerator-transform "^0.14.0"
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-regenerator@^7.8.7":
+"@babel/plugin-transform-regenerator@^7.12.1", "@babel/plugin-transform-regenerator@^7.8.7":
   version "7.12.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.12.1.tgz#5f0a28d842f6462281f06a964e88ba8d7ab49753"
   integrity sha512-gYrHqs5itw6i4PflFX3OdBPMQdPbF4bj2REIUxlMRUFk0/ZOAIpDFuViuxPjUL7YC8UPnf+XG7/utJvqXdPKng==
   dependencies:
     regenerator-transform "^0.14.2"
 
-"@babel/plugin-transform-reserved-words@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.8.3.tgz#9a0635ac4e665d29b162837dd3cc50745dfdf1f5"
-  integrity sha512-mwMxcycN3omKFDjDQUl+8zyMsBfjRFr0Zn/64I41pmjv4NJuqcYlEtezwYtw9TFd9WR1vN5kiM+O0gMZzO6L0A==
+"@babel/plugin-transform-reserved-words@^7.12.1", "@babel/plugin-transform-reserved-words@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.12.1.tgz#6fdfc8cc7edcc42b36a7c12188c6787c873adcd8"
+  integrity sha512-pOnUfhyPKvZpVyBHhSBoX8vfA09b7r00Pmm1sH+29ae2hMTKVmSp4Ztsr8KBKjLjx17H0eJqaRC3bR2iThM54A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-transform-runtime@7.9.0":
   version "7.9.0"
@@ -1109,42 +844,42 @@
     resolve "^1.8.1"
     semver "^5.5.1"
 
-"@babel/plugin-transform-shorthand-properties@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.8.3.tgz#28545216e023a832d4d3a1185ed492bcfeac08c8"
-  integrity sha512-I9DI6Odg0JJwxCHzbzW08ggMdCezoWcuQRz3ptdudgwaHxTjxw5HgdFJmZIkIMlRymL6YiZcped4TTCB0JcC8w==
+"@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.1.tgz#0bf9cac5550fce0cfdf043420f661d645fdc75e3"
+  integrity sha512-GFZS3c/MhX1OusqB1MZ1ct2xRzX5ppQh2JU1h2Pnfk88HtFTM+TWQqJNfwkmxtPQtb/s1tk87oENfXJlx7rSDw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.8.3.tgz#9c8ffe8170fdfb88b114ecb920b82fb6e95fe5e8"
-  integrity sha512-CkuTU9mbmAoFOI1tklFWYYbzX5qCIZVXPVy0jpXgGwkplCndQAa58s2jr66fTeQnA64bDox0HL4U56CFYoyC7g==
+"@babel/plugin-transform-spread@^7.12.1", "@babel/plugin-transform-spread@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.12.1.tgz#527f9f311be4ec7fdc2b79bb89f7bf884b3e1e1e"
+  integrity sha512-vuLp8CP0BE18zVYjsEBZ5xoCecMK6LBMMxYzJnh01rxQRvhNhH1csMMmBfNo5tGpGO+NhdSNW2mzIvBu3K1fng==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
 
-"@babel/plugin-transform-sticky-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.8.3.tgz#be7a1290f81dae767475452199e1f76d6175b100"
-  integrity sha512-9Spq0vGCD5Bb4Z/ZXXSK5wbbLFMG085qd2vhL1JYu1WcQ5bXqZBAYRzU1d+p79GcHs2szYv5pVQCX13QgldaWw==
+"@babel/plugin-transform-sticky-regex@^7.12.1", "@babel/plugin-transform-sticky-regex@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.12.1.tgz#5c24cf50de396d30e99afc8d1c700e8bce0f5caf"
+  integrity sha512-CiUgKQ3AGVk7kveIaPEET1jNDhZZEl1RPMWdTBE1799bdz++SwqDHStmxfCtDfBhQgCl38YRiSnrMuUMZIWSUQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-regex" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
 
-"@babel/plugin-transform-template-literals@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.8.3.tgz#7bfa4732b455ea6a43130adc0ba767ec0e402a80"
-  integrity sha512-820QBtykIQOLFT8NZOcTRJ1UNuztIELe4p9DCgvj4NK+PwluSJ49we7s9FB1HIGNIYT7wFUJ0ar2QpCDj0escQ==
+"@babel/plugin-transform-template-literals@^7.12.1", "@babel/plugin-transform-template-literals@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.12.1.tgz#b43ece6ed9a79c0c71119f576d299ef09d942843"
+  integrity sha512-b4Zx3KHi+taXB1dVRBhVJtEPi9h1THCeKmae2qP0YdUHIFhVjtpqqNfxeVAa1xeHVhAy4SbHxEwx5cltAu5apw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-typeof-symbol@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.8.4.tgz#ede4062315ce0aaf8a657a920858f1a2f35fc412"
-  integrity sha512-2QKyfjGdvuNfHsb7qnBBlKclbD4CfshH2KvDabiijLMGXPHJXGxtDzwIF7bQP+T0ysw8fYTtxPafgfs/c1Lrqg==
+"@babel/plugin-transform-typeof-symbol@^7.12.1", "@babel/plugin-transform-typeof-symbol@^7.8.4":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.12.1.tgz#9ca6be343d42512fbc2e68236a82ae64bc7af78a"
+  integrity sha512-EPGgpGy+O5Kg5pJFNDKuxt9RdmTgj5sgrus2XVeMp/ZIbOESadgILUbm50SNpghOh3/6yrbsH+NB5+WJTmsA7Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-transform-typescript@^7.9.0":
   version "7.12.1"
@@ -1155,13 +890,20 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-typescript" "^7.12.1"
 
-"@babel/plugin-transform-unicode-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.8.3.tgz#0cef36e3ba73e5c57273effb182f46b91a1ecaad"
-  integrity sha512-+ufgJjYdmWfSQ+6NS9VGUR2ns8cjJjYbrbi11mZBTaWm+Fui/ncTLFF28Ei1okavY+xkojGr1eJxNsWYeA5aZw==
+"@babel/plugin-transform-unicode-escapes@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.12.1.tgz#5232b9f81ccb07070b7c3c36c67a1b78f1845709"
+  integrity sha512-I8gNHJLIc7GdApm7wkVnStWssPNbSRMPtgHdmH3sRM1zopz09UWPS4x5V4n1yz/MIWTVnJ9sp6IkuXdWM4w+2Q==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-unicode-regex@^7.12.1", "@babel/plugin-transform-unicode-regex@^7.8.3":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.12.1.tgz#cc9661f61390db5c65e3febaccefd5c6ac3faecb"
+  integrity sha512-SqH4ClNngh/zGwHZOOQMTD+e8FGWexILV+ePMyiDJttAWRh5dhDL8rcl5lSgU3Huiq6Zn6pWTMvdPAb21Dwdyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/preset-env@7.9.0":
   version "7.9.0"
@@ -1230,66 +972,75 @@
     semver "^5.5.0"
 
 "@babel/preset-env@^7.4.5":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.8.4.tgz#9dac6df5f423015d3d49b6e9e5fa3413e4a72c4e"
-  integrity sha512-HihCgpr45AnSOHRbS5cWNTINs0TwaR8BS8xIIH+QwiW8cKL0llV91njQMpeMReEPVs+1Ao0x3RLEBLtt1hOq4w==
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.1.tgz#9c7e5ca82a19efc865384bb4989148d2ee5d7ac2"
+  integrity sha512-H8kxXmtPaAGT7TyBvSSkoSTUK6RHh61So05SyEbpmr0MCZrsNYn7mGMzzeYoOUCdHzww61k8XBft2TaES+xPLg==
   dependencies:
-    "@babel/compat-data" "^7.8.4"
-    "@babel/helper-compilation-targets" "^7.8.4"
-    "@babel/helper-module-imports" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-proposal-async-generator-functions" "^7.8.3"
-    "@babel/plugin-proposal-dynamic-import" "^7.8.3"
-    "@babel/plugin-proposal-json-strings" "^7.8.3"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-proposal-object-rest-spread" "^7.8.3"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-proposal-optional-chaining" "^7.8.3"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.8.3"
+    "@babel/compat-data" "^7.12.1"
+    "@babel/helper-compilation-targets" "^7.12.1"
+    "@babel/helper-module-imports" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-validator-option" "^7.12.1"
+    "@babel/plugin-proposal-async-generator-functions" "^7.12.1"
+    "@babel/plugin-proposal-class-properties" "^7.12.1"
+    "@babel/plugin-proposal-dynamic-import" "^7.12.1"
+    "@babel/plugin-proposal-export-namespace-from" "^7.12.1"
+    "@babel/plugin-proposal-json-strings" "^7.12.1"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.12.1"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.12.1"
+    "@babel/plugin-proposal-numeric-separator" "^7.12.1"
+    "@babel/plugin-proposal-object-rest-spread" "^7.12.1"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.12.1"
+    "@babel/plugin-proposal-optional-chaining" "^7.12.1"
+    "@babel/plugin-proposal-private-methods" "^7.12.1"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.12.1"
     "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/plugin-syntax-class-properties" "^7.12.1"
     "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
     "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
     "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
-    "@babel/plugin-syntax-top-level-await" "^7.8.3"
-    "@babel/plugin-transform-arrow-functions" "^7.8.3"
-    "@babel/plugin-transform-async-to-generator" "^7.8.3"
-    "@babel/plugin-transform-block-scoped-functions" "^7.8.3"
-    "@babel/plugin-transform-block-scoping" "^7.8.3"
-    "@babel/plugin-transform-classes" "^7.8.3"
-    "@babel/plugin-transform-computed-properties" "^7.8.3"
-    "@babel/plugin-transform-destructuring" "^7.8.3"
-    "@babel/plugin-transform-dotall-regex" "^7.8.3"
-    "@babel/plugin-transform-duplicate-keys" "^7.8.3"
-    "@babel/plugin-transform-exponentiation-operator" "^7.8.3"
-    "@babel/plugin-transform-for-of" "^7.8.4"
-    "@babel/plugin-transform-function-name" "^7.8.3"
-    "@babel/plugin-transform-literals" "^7.8.3"
-    "@babel/plugin-transform-member-expression-literals" "^7.8.3"
-    "@babel/plugin-transform-modules-amd" "^7.8.3"
-    "@babel/plugin-transform-modules-commonjs" "^7.8.3"
-    "@babel/plugin-transform-modules-systemjs" "^7.8.3"
-    "@babel/plugin-transform-modules-umd" "^7.8.3"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.8.3"
-    "@babel/plugin-transform-new-target" "^7.8.3"
-    "@babel/plugin-transform-object-super" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.8.4"
-    "@babel/plugin-transform-property-literals" "^7.8.3"
-    "@babel/plugin-transform-regenerator" "^7.8.3"
-    "@babel/plugin-transform-reserved-words" "^7.8.3"
-    "@babel/plugin-transform-shorthand-properties" "^7.8.3"
-    "@babel/plugin-transform-spread" "^7.8.3"
-    "@babel/plugin-transform-sticky-regex" "^7.8.3"
-    "@babel/plugin-transform-template-literals" "^7.8.3"
-    "@babel/plugin-transform-typeof-symbol" "^7.8.4"
-    "@babel/plugin-transform-unicode-regex" "^7.8.3"
-    "@babel/types" "^7.8.3"
-    browserslist "^4.8.5"
+    "@babel/plugin-syntax-top-level-await" "^7.12.1"
+    "@babel/plugin-transform-arrow-functions" "^7.12.1"
+    "@babel/plugin-transform-async-to-generator" "^7.12.1"
+    "@babel/plugin-transform-block-scoped-functions" "^7.12.1"
+    "@babel/plugin-transform-block-scoping" "^7.12.1"
+    "@babel/plugin-transform-classes" "^7.12.1"
+    "@babel/plugin-transform-computed-properties" "^7.12.1"
+    "@babel/plugin-transform-destructuring" "^7.12.1"
+    "@babel/plugin-transform-dotall-regex" "^7.12.1"
+    "@babel/plugin-transform-duplicate-keys" "^7.12.1"
+    "@babel/plugin-transform-exponentiation-operator" "^7.12.1"
+    "@babel/plugin-transform-for-of" "^7.12.1"
+    "@babel/plugin-transform-function-name" "^7.12.1"
+    "@babel/plugin-transform-literals" "^7.12.1"
+    "@babel/plugin-transform-member-expression-literals" "^7.12.1"
+    "@babel/plugin-transform-modules-amd" "^7.12.1"
+    "@babel/plugin-transform-modules-commonjs" "^7.12.1"
+    "@babel/plugin-transform-modules-systemjs" "^7.12.1"
+    "@babel/plugin-transform-modules-umd" "^7.12.1"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.12.1"
+    "@babel/plugin-transform-new-target" "^7.12.1"
+    "@babel/plugin-transform-object-super" "^7.12.1"
+    "@babel/plugin-transform-parameters" "^7.12.1"
+    "@babel/plugin-transform-property-literals" "^7.12.1"
+    "@babel/plugin-transform-regenerator" "^7.12.1"
+    "@babel/plugin-transform-reserved-words" "^7.12.1"
+    "@babel/plugin-transform-shorthand-properties" "^7.12.1"
+    "@babel/plugin-transform-spread" "^7.12.1"
+    "@babel/plugin-transform-sticky-regex" "^7.12.1"
+    "@babel/plugin-transform-template-literals" "^7.12.1"
+    "@babel/plugin-transform-typeof-symbol" "^7.12.1"
+    "@babel/plugin-transform-unicode-escapes" "^7.12.1"
+    "@babel/plugin-transform-unicode-regex" "^7.12.1"
+    "@babel/preset-modules" "^0.1.3"
+    "@babel/types" "^7.12.1"
     core-js-compat "^3.6.2"
-    invariant "^2.2.2"
-    levenary "^1.1.1"
     semver "^5.5.0"
 
 "@babel/preset-modules@^0.1.3":
@@ -1316,15 +1067,17 @@
     "@babel/plugin-transform-react-jsx-source" "^7.9.0"
 
 "@babel/preset-react@^7.0.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.8.3.tgz#23dc63f1b5b0751283e04252e78cf1d6589273d2"
-  integrity sha512-9hx0CwZg92jGb7iHYQVgi0tOEHP/kM60CtWJQnmbATSPIQQ2xYzfoCI3EdqAhFBeeJwYMdWQuDUHMsuDbH9hyQ==
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.12.5.tgz#d45625f65d53612078a43867c5c6750e78772c56"
+  integrity sha512-jcs++VPrgyFehkMezHtezS2BpnUlR7tQFAyesJn1vGTO9aTFZrgIQrA5YydlTwxbcjMwkFY6i04flCigRRr3GA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/plugin-transform-react-display-name" "^7.8.3"
-    "@babel/plugin-transform-react-jsx" "^7.8.3"
-    "@babel/plugin-transform-react-jsx-self" "^7.8.3"
-    "@babel/plugin-transform-react-jsx-source" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-transform-react-display-name" "^7.12.1"
+    "@babel/plugin-transform-react-jsx" "^7.12.5"
+    "@babel/plugin-transform-react-jsx-development" "^7.12.5"
+    "@babel/plugin-transform-react-jsx-self" "^7.12.1"
+    "@babel/plugin-transform-react-jsx-source" "^7.12.1"
+    "@babel/plugin-transform-react-pure-annotations" "^7.12.1"
 
 "@babel/preset-typescript@7.9.0":
   version "7.9.0"
@@ -1334,22 +1087,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-transform-typescript" "^7.9.0"
 
-"@babel/runtime-corejs3@^7.10.2", "@babel/runtime-corejs3@^7.8.3":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.12.1.tgz#51b9092befbeeed938335a109dbe0df51451e9dc"
-  integrity sha512-umhPIcMrlBZ2aTWlWjUseW9LjQKxi1dpFlQS8DzsxB//5K+u6GLTC/JliPKHsd5kJVPIU6X/Hy0YvWOYPcMxBw==
+"@babel/runtime-corejs3@^7.10.2", "@babel/runtime-corejs3@^7.12.1":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.12.5.tgz#ffee91da0eb4c6dae080774e94ba606368e414f4"
+  integrity sha512-roGr54CsTmNPPzZoCP1AmDXuBoNao7tnSA83TXTwt+UK5QVyh1DIJnrgYRPWKCF2flqZQXwa7Yr8v7VmLzF0YQ==
   dependencies:
     core-js-pure "^3.0.0"
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime-corejs3@^7.7.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.8.4.tgz#ccc4e042e2fae419c67fa709567e5d2179ed3940"
-  integrity sha512-+wpLqy5+fbQhvbllvlJEVRIpYj+COUWnnsm+I4jZlA8Lo7/MJmBhGTCHyk1/RWfOqBRJ2MbadddG6QltTKTlrg==
-  dependencies:
-    core-js-pure "^3.0.0"
-    regenerator-runtime "^0.13.2"
-
 "@babel/runtime@7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.0.tgz#337eda67401f5b066a6f205a3113d4ac18ba495b"
@@ -1357,28 +1102,14 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.4.tgz#d79f5a2040f7caa24d53e563aad49cbc05581308"
-  integrity sha512-neAp3zt80trRVBI1x0azq6c57aNBqYZH8KhMm3TaB7wEI5Q4A2SHfBHE8w9gOhI/lrqxtEbXZgQIrHP+wvSGwQ==
-  dependencies:
-    regenerator-runtime "^0.13.2"
-
-"@babel/runtime@^7.1.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
   version "7.12.5"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e"
   integrity sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.5.1", "@babel/runtime@^7.8.4":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.1.tgz#b4116a6b6711d010b2dad3b7b6e43bf1b9954740"
-  integrity sha512-J5AIf3vPj3UwXaAzb5j1xM4WAQDX3EMgemF8rjCP3SoW09LfRKAXQKt6CoVYl230P6iWdRcBbnLDDdnqWxZSCA==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
-"@babel/template@^7.10.4", "@babel/template@^7.8.6":
+"@babel/template@^7.10.4", "@babel/template@^7.4.0", "@babel/template@^7.8.6":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.4.tgz#3251996c4200ebc71d1a8fc405fba940f36ba278"
   integrity sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==
@@ -1387,67 +1118,34 @@
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/template@^7.4.0", "@babel/template@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.3.tgz#e02ad04fe262a657809327f578056ca15fd4d1b8"
-  integrity sha512-04m87AcQgAFdvuoyiQ2kgELr2tV8B4fP/xJAVUL3Yb3bkNdMedD3d0rlSQr3PegP0cms3eHjl1F7PWlvWbU8FQ==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/parser" "^7.8.3"
-    "@babel/types" "^7.8.3"
-
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.8.3", "@babel/traverse@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.8.4.tgz#f0845822365f9d5b0e312ed3959d3f827f869e3c"
-  integrity sha512-NGLJPZwnVEyBPLI+bl9y9aSnxMhsKz42so7ApAv9D+b4vAFPpY013FTS9LdKxcABoIYFU52HcYga1pPlx454mg==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/generator" "^7.8.4"
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-    "@babel/parser" "^7.8.4"
-    "@babel/types" "^7.8.3"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.13"
-
-"@babel/traverse@^7.12.1", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0", "@babel/traverse@^7.9.0":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.1.tgz#941395e0c5cc86d5d3e75caa095d3924526f0c1e"
-  integrity sha512-MA3WPoRt1ZHo2ZmoGKNqi20YnPt0B1S0GTZEPhhd+hw2KGUzBlHuVunj6K4sNuK+reEvyiPwtp0cpaqLzJDmAw==
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.10.4", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.5", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0", "@babel/traverse@^7.9.0":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.5.tgz#78a0c68c8e8a35e4cacfd31db8bb303d5606f095"
+  integrity sha512-xa15FbQnias7z9a62LwYAA5SZZPkHIXpd42C6uW68o8uTuua96FHZy1y61Va5P/i83FAAcMpW8+A/QayntzuqA==
   dependencies:
     "@babel/code-frame" "^7.10.4"
-    "@babel/generator" "^7.12.1"
+    "@babel/generator" "^7.12.5"
     "@babel/helper-function-name" "^7.10.4"
     "@babel/helper-split-export-declaration" "^7.11.0"
-    "@babel/parser" "^7.12.1"
-    "@babel/types" "^7.12.1"
+    "@babel/parser" "^7.12.5"
+    "@babel/types" "^7.12.5"
     debug "^4.1.0"
     globals "^11.1.0"
     lodash "^4.17.19"
 
-"@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.8.3.tgz#5a383dffa5416db1b73dedffd311ffd0788fb31c"
-  integrity sha512-jBD+G8+LWpMBBWvVcdr4QysjUE4mU/syrhN17o1u3gx0/WzJB1kwiVZAXRtWbsIPOwW8pF/YJV5+nmetPzepXg==
-  dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.12.1", "@babel/types@^7.7.0", "@babel/types@^7.9.0":
-  version "7.12.1"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.1.tgz#e109d9ab99a8de735be287ee3d6a9947a190c4ae"
-  integrity sha512-BzSY3NJBKM4kyatSOWh3D/JJ2O3CVzBybHWxtgxnggaxEuaSTTDqeiSb/xk9lrkw2Tbqyivw5ZU4rT+EfznQsA==
+"@babel/types@^7.0.0", "@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.12.1", "@babel/types@^7.12.5", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.7.0", "@babel/types@^7.9.0":
+  version "7.12.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.6.tgz#ae0e55ef1cce1fbc881cd26f8234eb3e657edc96"
+  integrity sha512-hwyjw6GvjBLiyy3W0YQf0Z5Zf4NpYejUnKFcfcUhZCSffoBBp30w6wP2Wn6pk31jMYZvcOrB/1b7cGXvEoKogA==
   dependencies:
     "@babel/helper-validator-identifier" "^7.10.4"
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
 "@cnakazawa/watch@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
-  integrity sha512-r5160ogAvGyHsal38Kux7YYtodEKOj89RGb28ht1jh3SJb08VwRwAKKJL0bGb04Zd/3r9FL3BFIc3bBidYffCA==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
+  integrity sha512-v9kIhKwjeZThiWrLmj0y17CWoyddASLj9O2yvbZkbvw/N3rWOYy9zkV66ursAoVr0mV15bL8g0c4QZUE6cdDoQ==
   dependencies:
     exec-sh "^0.3.2"
     minimist "^1.2.0"
@@ -1489,10 +1187,10 @@
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
 
-"@eslint/eslintrc@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.1.3.tgz#7d1a2b2358552cc04834c0979bd4275362e37085"
-  integrity sha512-4YVwPkANLeNtRjMekzux1ci8hIaH5eGKktGqR0d3LWsKNn5B2X/1Z6Trxy7jQXl9EBGE6Yj02O+t09FMeRllaA==
+"@eslint/eslintrc@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.2.1.tgz#f72069c330461a06684d119384435e12a5d76e3c"
+  integrity sha512-XRUeBZ5zBWLYgSANMpThFddrZZkEbGHgUdt5UJjZfnlN9BGCiUBrf+nvbRupSjMvqzwnQN0qwCmOxITt1cfywA==
   dependencies:
     ajv "^6.12.4"
     debug "^4.1.1"
@@ -1777,9 +1475,9 @@
   integrity sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA==
 
 "@hapi/hoek@8.x.x", "@hapi/hoek@^8.3.0":
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.5.0.tgz#2f9ce301c8898e1c3248b0a8564696b24d1a9a5a"
-  integrity sha512-7XYT10CZfPsH7j9F1Jmg1+d0ezOux2oM2GfArAzLwWe4mE2Dr3hVjsAL6+TFY49RRJlCdJDMw3nJsLFroTc8Kw==
+  version "8.5.1"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.5.1.tgz#fde96064ca446dec8c55a8c2f130957b070c6e06"
+  integrity sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow==
 
 "@hapi/joi@^15.0.0":
   version "15.1.1"
@@ -1956,10 +1654,10 @@
     "@types/yargs" "^15.0.0"
     chalk "^3.0.0"
 
-"@jest/types@^26.6.0":
-  version "26.6.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.0.tgz#2c045f231bfd79d52514cda3fbc93ef46157fa6a"
-  integrity sha512-8pDeq/JVyAYw7jBGU83v8RMYAkdrRxLG3BGnAJuqaQAUd6GWBmND2uyl+awI88+hit48suLoLjNFtR+ZXxWaYg==
+"@jest/types@^26.6.2":
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
+  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
@@ -1985,6 +1683,24 @@
     react-is "^16.8.0"
     react-transition-group "^4.4.0"
 
+"@material-ui/icons@^4.9.1":
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@material-ui/icons/-/icons-4.9.1.tgz#fdeadf8cb3d89208945b33dbc50c7c616d0bd665"
+  integrity sha512-GBitL3oBWO0hzBhvA9KxqcowRUsA0qzwKkURyC8nppnC3fw54KPKZ+d4V1Eeg/UnDRSzDaI9nGCdel/eh9AQMg==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+
+"@material-ui/lab@^4.0.0-alpha.56":
+  version "4.0.0-alpha.56"
+  resolved "https://registry.yarnpkg.com/@material-ui/lab/-/lab-4.0.0-alpha.56.tgz#ff63080949b55b40625e056bbda05e130d216d34"
+  integrity sha512-xPlkK+z/6y/24ka4gVJgwPfoCF4RCh8dXb1BNE7MtF9bXEBLN/lBxNTK8VAa0qm3V2oinA6xtUIdcRh0aeRtVw==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@material-ui/utils" "^4.10.2"
+    clsx "^1.0.4"
+    prop-types "^15.7.2"
+    react-is "^16.8.0"
+
 "@material-ui/styles@^4.10.0":
   version "4.10.0"
   resolved "https://registry.yarnpkg.com/@material-ui/styles/-/styles-4.10.0.tgz#2406dc23aa358217aa8cc772e6237bd7f0544071"
@@ -2227,18 +1943,18 @@
     loader-utils "^1.2.3"
 
 "@testing-library/dom@*":
-  version "7.26.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.26.0.tgz#da4d052dc426a4ccc916303369c6e7552126f680"
-  integrity sha512-fyKFrBbS1IigaE3FV21LyeC7kSGF84lqTlSYdKmGaHuK2eYQ/bXVPM5vAa2wx/AU1iPD6oQHsxy2QQ17q9AMCg==
+  version "7.26.6"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.26.6.tgz#d558db63070a3acea5bea7e2497e631cd12541cc"
+  integrity sha512-/poL7WMpolcGFOHMcxfcFkf1u38DcBUjk3YwNYpBs/MdJ546lg0YdvP2Lq3ujuQzAZxgs8vVvadj3MBnZsBjjA==
   dependencies:
     "@babel/code-frame" "^7.10.4"
-    "@babel/runtime" "^7.10.3"
+    "@babel/runtime" "^7.12.5"
     "@types/aria-query" "^4.2.0"
     aria-query "^4.2.2"
     chalk "^4.1.0"
-    dom-accessibility-api "^0.5.1"
+    dom-accessibility-api "^0.5.4"
     lz-string "^1.4.4"
-    pretty-format "^26.4.2"
+    pretty-format "^26.6.2"
 
 "@testing-library/dom@^6.15.0":
   version "6.16.0"
@@ -2288,9 +2004,9 @@
   integrity sha512-iIgQNzCm0v7QMhhe4Jjn9uRh+I6GoPmt03CbEtwx3ao8/EfoQcmgtqH4vQ5Db/lxiIGaWDv6nwvunuh0RyX0+A==
 
 "@types/babel__core@^7.1.0":
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.3.tgz#e441ea7df63cd080dfcd02ab199e6d16a735fc30"
-  integrity sha512-8fBo0UR2CcwWxeX7WIIgJ7lXjasFxoYgRnFHUj+hRvKkpiBJbxhdAPTCY6/ZKM0uxANFVzt4yObSLuTiTnazDA==
+  version "7.1.12"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.12.tgz#4d8e9e51eb265552a7e4f1ff2219ab6133bdfb2d"
+  integrity sha512-wMTHiiTiBAAPebqaPiPDLFA4LYPKr6Ph0Xq/6rq1Ur3v66HXyG+clfR9CNETkD7MQS8ZHvpQOtA53DLws5WAEQ==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
@@ -2299,24 +2015,24 @@
     "@types/babel__traverse" "*"
 
 "@types/babel__generator@*":
-  version "7.6.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.1.tgz#4901767b397e8711aeb99df8d396d7ba7b7f0e04"
-  integrity sha512-bBKm+2VPJcMRVwNhxKu8W+5/zT7pwNEqeokFOmbvVSqGzFneNxYcEBro9Ac7/N9tlsaPYnZLK8J1LWKkMsLAew==
+  version "7.6.2"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.2.tgz#f3d71178e187858f7c45e30380f8f1b7415a12d8"
+  integrity sha512-MdSJnBjl+bdwkLskZ3NGFp9YcXGx5ggLpQQPqtgakVhsWK0hTtNYhjpZLlWQTviGTvF8at+Bvli3jV7faPdgeQ==
   dependencies:
     "@babel/types" "^7.0.0"
 
 "@types/babel__template@*":
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.2.tgz#4ff63d6b52eddac1de7b975a5223ed32ecea9307"
-  integrity sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.3.tgz#b8aaeba0a45caca7b56a5de9459872dde3727214"
+  integrity sha512-uCoznIPDmnickEi6D0v11SBpW0OuVqHJCa7syXqQHy5uktSCreIlt0iglsCnmvz8yCb38hGcWeseA8cWJSwv5Q==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.0.8"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.8.tgz#479a4ee3e291a403a1096106013ec22cf9b64012"
-  integrity sha512-yGeB2dHEdvxjP0y4UbRtQaSkXJ9649fYCmIdRoul5kfAoGCwxuCbMhag0k3RPfnuh9kPGm8x89btcfDEXdVWGw==
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.15.tgz#db9e4238931eb69ef8aab0ad6523d4d4caa39d03"
+  integrity sha512-Pzh9O3sTK8V6I1olsXpCfj2k/ygO2q1X0vhhnDrEQyYLHZesWz+zMZMVcwXLCYf0U36EtmyYaFGPfXlTtDHe3A==
   dependencies:
     "@babel/types" "^7.3.0"
 
@@ -2325,24 +2041,18 @@
   resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
-"@types/events@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
-  integrity sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==
-
 "@types/glob@^7.1.1":
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.1.tgz#aa59a1c6e3fbc421e07ccd31a944c30eba521575"
-  integrity sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183"
+  integrity sha512-SEYeGAIQIQX8NN6LDKprLjbrd5dARM5EXsd8GI/A5l0apYI1fGMWgPHSe4ZKL4eozlAyI+doUE9XbYS4xCkQ1w==
   dependencies:
-    "@types/events" "*"
     "@types/minimatch" "*"
     "@types/node" "*"
 
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
-  integrity sha512-hRJD2ahnnpLgsj6KWMYSrmXkM3rm2Dl1qkx6IOFD5FnuNPXJIG5L0dhgKXCYTRMGzU4n0wImQ/xfmRc4POUFlg==
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#4ba8ddb720221f432e443bd5f9117fd22cfd4762"
+  integrity sha512-sz7iLqvVUg1gIedBOvlkxPlc8/uVzyS5OwGz1cKjXzkl3FpL3al0crU8YGU1WoHkxn0Wxbw5tyi6hvzJKNzFsw==
 
 "@types/istanbul-lib-report@*":
   version "3.0.0"
@@ -2352,9 +2062,9 @@
     "@types/istanbul-lib-coverage" "*"
 
 "@types/istanbul-reports@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.1.tgz#7a8cbf6a406f36c8add871625b278eaf0b0d255a"
-  integrity sha512-UpYjBi8xefVChsCoBpKShdxTllC9pwISirfoZsUa2AAdQg/Jd2KQGtSbw+ya7GPo7x/wAPlH6JBhKhAsXUEZNA==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz#e875cc689e47bce549ec81f3df5e6f6f11cfaeb2"
+  integrity sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==
   dependencies:
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
@@ -2366,12 +2076,7 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/json-schema@^7.0.3":
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
-  integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
-
-"@types/json-schema@^7.0.5":
+"@types/json-schema@^7.0.3", "@types/json-schema@^7.0.5":
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
   integrity sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==
@@ -2392,14 +2097,14 @@
   integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
 
 "@types/node@*":
-  version "13.5.3"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.5.3.tgz#37f1f539b7535b9fb4ef77d59db1847a837b7f17"
-  integrity sha512-ZPnWX9PW992w6DUsz3JIXHaSb5v7qmKCVzC3km6SxcDGxk7zmLfYaCJTbktIa5NeywJkkZDhGldKqDIvC5DRrA==
+  version "14.14.7"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.7.tgz#8ea1e8f8eae2430cf440564b98c6dfce1ec5945d"
+  integrity sha512-Zw1vhUSQZYw+7u5dAwNbIA9TuTotpzY/OF7sJM9FqPOF3SPjKnxrjoTktXDZgUjybf4cWVBP7O8wvKdSaGHweg==
 
 "@types/node@^12.12.47":
-  version "12.19.3"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.19.3.tgz#a6e252973214079155f749e8bef99cc80af182fa"
-  integrity sha512-8Jduo8wvvwDzEVJCOvS/G6sgilOLvvhn1eMmK3TW8/T217O7u1jdrK6ImKLv80tVryaPSVeKu6sjDEiFjd4/eg==
+  version "12.19.4"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.19.4.tgz#cdfbb62e26c7435ed9aab9c941393cc3598e9b46"
+  integrity sha512-o3oj1bETk8kBwzz1WlO6JWL/AfAA3Vm6J1B3C9CsdxHYp7XgPiH7OEXPUbZTndHlRaIElrANkQfe6ZmfJb3H2w==
 
 "@types/node@^13.7.0":
   version "13.13.30"
@@ -2417,14 +2122,14 @@
   integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
 
 "@types/q@^1.5.1":
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
-  integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
+  integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==
 
 "@types/react-dom@*":
-  version "16.9.8"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.8.tgz#fe4c1e11dfc67155733dfa6aa65108b4971cb423"
-  integrity sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==
+  version "16.9.9"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.9.tgz#d2d0a6f720a0206369ccbefff752ba37b9583136"
+  integrity sha512-jE16FNWO3Logq/Lf+yvEAjKzhpST/Eac8EMd1i4dgZdMczfgqC8EjpxwNgEe3SExHYLliabXDh9DEhhqnlXJhg==
   dependencies:
     "@types/react" "*"
 
@@ -2436,9 +2141,9 @@
     "@types/react" "*"
 
 "@types/react@*":
-  version "16.9.53"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.53.tgz#40cd4f8b8d6b9528aedd1fff8fcffe7a112a3d23"
-  integrity sha512-4nW60Sd4L7+WMXH1D6jCdVftuW7j4Za6zdp6tJ33Rqv0nk1ZAmQKML9ZLD4H0dehA3FZxXR/GM8gXplf82oNGw==
+  version "16.9.56"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.56.tgz#ea25847b53c5bec064933095fc366b1462e2adf0"
+  integrity sha512-gIkl4J44G/qxbuC6r2Xh+D3CGZpJ+NdWTItAPmZbR5mUS+JQ8Zvzpl0ea5qT/ZT3ZNTUcDKUVqV3xBE8wv/DyQ==
   dependencies:
     "@types/prop-types" "*"
     csstype "^3.0.2"
@@ -2477,9 +2182,9 @@
   integrity sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==
 
 "@types/yargs@^13.0.0":
-  version "13.0.7"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.7.tgz#658d8578a444670a41cc9c338d5e0e0a9910fd9e"
-  integrity sha512-Sg9kNeJz+V+W+0fugcVhHC+mNHnydDR1RJrW5Qn2jVrDQARF8wfPVqIqwEzZp+bneuEBIm2ClsJ1/je42ZBzSg==
+  version "13.0.11"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.11.tgz#def2f0c93e4bdf2c61d7e34899b17e34be28d3b1"
+  integrity sha512-NRqD6T4gktUrDi1o1wLH3EKC1o2caCr7/wR87ODcbVITQF106OM3sFN92ysZ++wqelOd1CTzatnOBRDYYG6wGQ==
   dependencies:
     "@types/yargs-parser" "*"
 
@@ -2491,46 +2196,46 @@
     "@types/yargs-parser" "*"
 
 "@typescript-eslint/eslint-plugin@^2.10.0":
-  version "2.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.18.0.tgz#f8cf272dfb057ecf1ea000fea1e0b3f06a32f9cb"
-  integrity sha512-kuO8WQjV+RCZvAXVRJfXWiJ8iYEtfHlKgcqqqXg9uUkIolEHuUaMmm8/lcO4xwCOtaw6mY0gStn2Lg4/eUXXYQ==
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz#6f8ce8a46c7dea4a6f1d171d2bb8fbae6dac2be9"
+  integrity sha512-4zY3Z88rEE99+CNvTbXSyovv2z9PNOVffTWD2W8QF5s2prBQtwN2zadqERcrHpcR7O/+KMI3fcTAmUUhK/iQcQ==
   dependencies:
-    "@typescript-eslint/experimental-utils" "2.18.0"
-    eslint-utils "^1.4.3"
+    "@typescript-eslint/experimental-utils" "2.34.0"
     functional-red-black-tree "^1.0.1"
     regexpp "^3.0.0"
     tsutils "^3.17.1"
 
-"@typescript-eslint/experimental-utils@2.18.0":
-  version "2.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.18.0.tgz#e4eab839082030282496c1439bbf9fdf2a4f3da8"
-  integrity sha512-J6MopKPHuJYmQUkANLip7g9I82ZLe1naCbxZZW3O2sIxTiq/9YYoOELEKY7oPg0hJ0V/AQ225h2z0Yp+RRMXhw==
+"@typescript-eslint/experimental-utils@2.34.0":
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
+  integrity sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "2.18.0"
+    "@typescript-eslint/typescript-estree" "2.34.0"
     eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
 
 "@typescript-eslint/parser@^2.10.0":
-  version "2.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.18.0.tgz#d5f7fc1839abd4a985394e40e9d2454bd56aeb1f"
-  integrity sha512-SJJPxFMEYEWkM6pGfcnjLU+NJIPo+Ko1QrCBL+i0+zV30ggLD90huEmMMhKLHBpESWy9lVEeWlQibweNQzyc+A==
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.34.0.tgz#50252630ca319685420e9a39ca05fe185a256bc8"
+  integrity sha512-03ilO0ucSD0EPTw2X4PntSIRFtDPWjrVq7C3/Z3VQHRC7+13YB55rcJI3Jt+YgeHbjUdJPcPa7b23rXCBokuyA==
   dependencies:
     "@types/eslint-visitor-keys" "^1.0.0"
-    "@typescript-eslint/experimental-utils" "2.18.0"
-    "@typescript-eslint/typescript-estree" "2.18.0"
+    "@typescript-eslint/experimental-utils" "2.34.0"
+    "@typescript-eslint/typescript-estree" "2.34.0"
     eslint-visitor-keys "^1.1.0"
 
-"@typescript-eslint/typescript-estree@2.18.0":
-  version "2.18.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.18.0.tgz#cfbd16ed1b111166617d718619c19b62764c8460"
-  integrity sha512-gVHylf7FDb8VSi2ypFuEL3hOtoC4HkZZ5dOjXvVjoyKdRrvXAOPSzpNRnKMfaUUEiSLP8UF9j9X9EDLxC0lfZg==
+"@typescript-eslint/typescript-estree@2.34.0":
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
+  integrity sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==
   dependencies:
     debug "^4.1.1"
     eslint-visitor-keys "^1.1.0"
     glob "^7.1.6"
     is-glob "^4.0.1"
     lodash "^4.17.15"
-    semver "^6.3.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
 "@webassemblyjs/ast@1.8.5":
@@ -2690,9 +2395,9 @@
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
 abab@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
-  integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
+  integrity sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==
 
 abbrev@1:
   version "1.1.1"
@@ -2722,11 +2427,6 @@ acorn-globals@^4.1.0, acorn-globals@^4.3.0:
     acorn "^6.0.1"
     acorn-walk "^6.0.1"
 
-acorn-jsx@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.1.0.tgz#294adb71b57398b0680015f0a38c563ee1db5384"
-  integrity sha512-tMUqwBWfLFbJbizRmEcWSLw6HnFzfdJs2sOJEOwwtVPMoH/0Ay+E703oZz78VSXZiiDcZrQ5XKjPIUQixhmgVw==
-
 acorn-jsx@^5.2.0:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b"
@@ -2752,25 +2452,20 @@ acorn-walk@^7.0.0:
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
 acorn@^5.5.3:
-  version "5.7.3"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
-  integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
+  version "5.7.4"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
+  integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==
 
 acorn@^6.0.1, acorn@^6.0.4, acorn@^6.2.1:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.0.tgz#b659d2ffbafa24baf5db1cdbb2c94a983ecd2784"
-  integrity sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw==
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
+  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
 
-acorn@^7.0.0, acorn@^7.4.0:
+acorn@^7.0.0, acorn@^7.1.1, acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.0.tgz#949d36f2c292535da602283586c2477c57eb2d6c"
-  integrity sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==
-
 address@1.1.2, address@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
@@ -2795,9 +2490,9 @@ agent-base@6:
     debug "4"
 
 aggregate-error@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.0.1.tgz#db2fe7246e536f40d9b5442a39e117d7dd6a24e0"
-  integrity sha512-quoaXsZ9/BLNae5yiNoUz+Nhkwz83GhWwtYFglcjEQB2NDHCIpApbqXxIFnm4Pq/Nvhrsq5sYJFyohrrxnTGAA==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
+  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
   dependencies:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
@@ -2807,27 +2502,12 @@ ajv-errors@^1.0.0:
   resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
   integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
 
-ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
-  integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
-
-ajv-keywords@^3.5.2:
+ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
   version "3.5.2"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
-ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.5.5:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.11.0.tgz#c3607cbc8ae392d8a5a536f25b21f8e5f3f87fe9"
-  integrity sha512-nCprB/0syFYy9fVYU1ox1l2KN8S9I+tziH8D4zdZuLT3N6RMlGSGt5FSTpAiHB/Whv8Qs1cWHma1aMKZyaHRKA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ajv@^6.12.4:
+ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2862,14 +2542,7 @@ ansi-escapes@^3.0.0:
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
   integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
 
-ansi-escapes@^4.2.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.0.tgz#a4ce2b33d6b214b7950d8595c212f12ac9cc569d"
-  integrity sha512-EiYhwo0v255HUL6eDyuLrXEkTi7WwVCLAw+SeOQ7M7qdun1z1pum4DEm/nuqIVbPvi9RPPc9k9LbyBv6H0DwVg==
-  dependencies:
-    type-fest "^0.8.1"
-
-ansi-escapes@^4.3.0:
+ansi-escapes@^4.2.1, ansi-escapes@^4.3.0:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
   integrity sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==
@@ -3070,19 +2743,20 @@ arrify@^2.0.0:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
   integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
 
-asap@~2.0.6:
+asap@~2.0.3, asap@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
 
-asn1.js@^4.0.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
+asn1.js@^5.2.0:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
+  integrity sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==
   dependencies:
     bn.js "^4.0.0"
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
+    safer-buffer "^2.1.0"
 
 asn1@~0.2.3:
   version "0.2.4"
@@ -3168,7 +2842,7 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-autoprefixer@^9.4.5, autoprefixer@^9.8.6:
+autoprefixer@^9.4.5, autoprefixer@^9.6.1, autoprefixer@^9.8.6:
   version "9.8.6"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.6.tgz#3b73594ca1bf9266320c5acf1588d74dea74210f"
   integrity sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==
@@ -3181,43 +2855,22 @@ autoprefixer@^9.4.5, autoprefixer@^9.8.6:
     postcss "^7.0.32"
     postcss-value-parser "^4.1.0"
 
-autoprefixer@^9.6.1:
-  version "9.7.4"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.7.4.tgz#f8bf3e06707d047f0641d87aee8cfb174b2a5378"
-  integrity sha512-g0Ya30YrMBAEZk60lp+qfX5YQllG+S5W3GYCFvyHTvhOki0AEQJLPEcIuGRsqVwLi8FvXPVtwTGhfr38hVpm0g==
-  dependencies:
-    browserslist "^4.8.3"
-    caniuse-lite "^1.0.30001020"
-    chalk "^2.4.2"
-    normalize-range "^0.1.2"
-    num2fraction "^1.2.2"
-    postcss "^7.0.26"
-    postcss-value-parser "^4.0.2"
-
 aws-sign2@~0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
   integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
 
 aws4@^1.8.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
-  integrity sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
+  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
 
-axe-core@^3.5.4:
-  version "3.5.5"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.5.5.tgz#84315073b53fa3c0c51676c588d59da09a192227"
-  integrity sha512-5P0QZ6J5xGikH780pghEdbEKijCTrruK9KxtPZCFWUpef0f6GipO+xEZ5GKCb020mmqgbiNO6TcA55CriL784Q==
-
-axobject-query@^2.0.2:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.1.1.tgz#2a3b1271ec722d48a4cd4b3fcc20c853326a49a7"
-  integrity sha512-lF98xa/yvy6j3fBHAgQXIYl+J4eZadOSqsPojemUqClzNbBV38wWGpUbQbVEyf4eUF5yF7eHmGgGA2JiHyjeqw==
-  dependencies:
-    "@babel/runtime" "^7.7.4"
-    "@babel/runtime-corejs3" "^7.7.4"
+axe-core@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.0.2.tgz#c7cf7378378a51fcd272d3c09668002a4990b1cb"
+  integrity sha512-arU1h31OGFu+LPrOLGZ7nB45v940NMDMEJeNmbutu57P+UFDVnkZg3e+J1I2HJRZ9hT7gO8J91dn/PMrAiKakA==
 
-axobject-query@^2.1.2:
+axobject-query@^2.0.2, axobject-query@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
   integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
@@ -3274,13 +2927,6 @@ babel-loader@8.1.0:
     pify "^4.0.1"
     schema-utils "^2.6.5"
 
-babel-plugin-dynamic-import-node@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
-  integrity sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==
-  dependencies:
-    object.assign "^4.1.0"
-
 babel-plugin-dynamic-import-node@^2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
@@ -3315,9 +2961,9 @@ babel-plugin-macros@2.8.0:
     resolve "^1.12.0"
 
 babel-plugin-named-asset-import@^0.3.6:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.6.tgz#c9750a1b38d85112c9e166bf3ef7c5dbc605f4be"
-  integrity sha512-1aGDUfL1qOOIoqk9QKGIo2lANk+C7ko/fqH0uIyC71x3PEGz0uVP8ISgfEsFuG+FKmjHTvFK/nNM8dowpmUxLA==
+  version "0.3.7"
+  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz#156cd55d3f1228a5765774340937afc8398067dd"
+  integrity sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw==
 
 "babel-plugin-styled-components@>= 1":
   version "1.11.1"
@@ -3400,9 +3046,9 @@ balanced-match@^1.0.0:
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
 base64-js@^1.0.2, base64-js@^1.3.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
-  integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.0.tgz#2d03045876d9e2b68a7a0f87d6bd163595e3b6af"
+  integrity sha512-Jrdy04F2EKcNggUDfubMUPNAZg2vMquLQSm8sKLYJvz40ClFL1S8GKyDshGkNsbNNE5Z+fQavzU7nSK1I9JUGA==
 
 base@^0.11.1:
   version "0.11.2"
@@ -3468,10 +3114,15 @@ bluebird@^3.5.5:
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
-  version "4.11.8"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
-  integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
+  version "4.11.9"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
+  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
+
+bn.js@^5.1.1:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
+  integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
 
 body-parser@1.19.0:
   version "1.19.0"
@@ -3542,10 +3193,10 @@ brorand@^1.0.1:
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
   integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
 
-browser-process-hrtime@^0.1.2:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
-  integrity sha512-bRFnI4NnjO6cnyLmOV/7PVoDEMJChlcfN0z4s1YMBY989/SvlfMI1lgCnkFUs53e9gQF+w7qu7XdllSTiSl8Aw==
+browser-process-hrtime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
+  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
 browser-resolve@^1.11.3:
   version "1.11.3"
@@ -3585,7 +3236,7 @@ browserify-des@^1.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
-browserify-rsa@^4.0.0:
+browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
   integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
@@ -3594,17 +3245,19 @@ browserify-rsa@^4.0.0:
     randombytes "^2.0.1"
 
 browserify-sign@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
-  integrity sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=
-  dependencies:
-    bn.js "^4.1.1"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.2"
-    elliptic "^6.0.0"
-    inherits "^2.0.1"
-    parse-asn1 "^5.0.0"
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.1.tgz#eaf4add46dd54be3bb3b36c0cf15abbeba7956c3"
+  integrity sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==
+  dependencies:
+    bn.js "^5.1.1"
+    browserify-rsa "^4.0.1"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    elliptic "^6.5.3"
+    inherits "^2.0.4"
+    parse-asn1 "^5.1.5"
+    readable-stream "^3.6.0"
+    safe-buffer "^5.2.0"
 
 browserify-zlib@^0.2.0:
   version "0.2.0"
@@ -3623,24 +3276,16 @@ browserslist@4.10.0:
     node-releases "^1.1.52"
     pkg-up "^3.1.0"
 
-browserslist@^4.0.0, browserslist@^4.6.2, browserslist@^4.6.4, browserslist@^4.8.3, browserslist@^4.8.5:
-  version "4.8.6"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.6.tgz#96406f3f5f0755d272e27a66f4163ca821590a7e"
-  integrity sha512-ZHao85gf0eZ0ESxLfCp73GG9O/VTytYDIkIiZDlURppLTI9wErSM/5yAKEq6rcUdxBLjMELmrYUJGg5sxGKMHg==
-  dependencies:
-    caniuse-lite "^1.0.30001023"
-    electron-to-chromium "^1.3.341"
-    node-releases "^1.1.47"
-
-browserslist@^4.12.0, browserslist@^4.9.1:
-  version "4.14.5"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
-  integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
+browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.14.6, browserslist@^4.6.2, browserslist@^4.6.4, browserslist@^4.9.1:
+  version "4.14.7"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.14.7.tgz#c071c1b3622c1c2e790799a37bb09473a4351cb6"
+  integrity sha512-BSVRLCeG3Xt/j/1cCGj1019Wbty0H+Yvu2AOuZSuoaUWn3RatbL33Cxk+Q4jRMRAbOm0p7SLravLjpnT6s0vzQ==
   dependencies:
-    caniuse-lite "^1.0.30001135"
-    electron-to-chromium "^1.3.571"
-    escalade "^3.1.0"
-    node-releases "^1.1.61"
+    caniuse-lite "^1.0.30001157"
+    colorette "^1.2.1"
+    electron-to-chromium "^1.3.591"
+    escalade "^3.1.1"
+    node-releases "^1.1.66"
 
 bser@2.1.1:
   version "2.1.1"
@@ -3694,9 +3339,9 @@ bytes@3.1.0, bytes@^3.0.0:
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
 cacache@^12.0.2:
-  version "12.0.3"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.3.tgz#be99abba4e1bf5df461cd5a2c1071fc432573390"
-  integrity sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==
+  version "12.0.4"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.4.tgz#668bcbd105aeb5f1d92fe25570ec9525c8faa40c"
+  integrity sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==
   dependencies:
     bluebird "^3.5.5"
     chownr "^1.1.1"
@@ -3753,6 +3398,14 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
+call-bind@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.0.tgz#24127054bb3f9bdcb4b1fb82418186072f77b8ce"
+  integrity sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==
+  dependencies:
+    function-bind "^1.1.1"
+    get-intrinsic "^1.0.0"
+
 call-me-maybe@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
@@ -3782,13 +3435,13 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
-  integrity sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=
+camel-case@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.1.tgz#1fc41c854f00e2f7d0139dfeba1542d6896fe547"
+  integrity sha512-7fa2WcG4fYFkclIvEmxBbTvmibwF2/agfEBc6q3lOpVu0A13ltLsA+Hr/8Hp6kp5f+G7hKi6t8lys6XxP+1K6Q==
   dependencies:
-    no-case "^2.2.0"
-    upper-case "^1.1.1"
+    pascal-case "^3.1.1"
+    tslib "^1.10.0"
 
 camelcase-css@^2.0.1:
   version "2.0.1"
@@ -3833,15 +3486,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001020, caniuse-lite@^1.0.30001023:
-  version "1.0.30001023"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001023.tgz#b82155827f3f5009077bdd2df3d8968bcbcc6fc4"
-  integrity sha512-C5TDMiYG11EOhVOA62W1p3UsJ2z4DsHtMBQtjzp3ZsUglcQn62WOUgW0y795c7A5uZ+GCEIvzkMatLIlAsbNTA==
-
-caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001135:
-  version "1.0.30001148"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001148.tgz#dc97c7ed918ab33bf8706ddd5e387287e015d637"
-  integrity sha512-E66qcd0KMKZHNJQt9hiLZGE3J4zuTqE1OnU53miEVtylFbwOEmeA5OsRu90noZful+XGSQOni1aT2tiqu/9yYw==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001157:
+  version "1.0.30001157"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001157.tgz#2d11aaeb239b340bc1aa730eca18a37fdb07a9ab"
+  integrity sha512-gOerH9Wz2IRZ2ZPdMfBvyOi3cjaz4O4dgNwPGzx8EhqAs4+2IL/O+fJsbt+znSigujoZG8bVcIAUM/I/E5K3MA==
 
 capture-exit@^2.0.0:
   version "2.0.0"
@@ -3896,12 +3544,17 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+change-emitter@^0.1.2:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
+  integrity sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=
+
 chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chokidar@^2.0.2, chokidar@^2.1.8:
+chokidar@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
   integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
@@ -3920,7 +3573,7 @@ chokidar@^2.0.2, chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
-chokidar@^3.3.0:
+chokidar@^3.3.0, chokidar@^3.4.1:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.3.tgz#c1df38231448e45ca4ac588e6c79573ba6a57d5b"
   integrity sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==
@@ -3936,9 +3589,9 @@ chokidar@^3.3.0:
     fsevents "~2.1.2"
 
 chownr@^1.1.1, chownr@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.3.tgz#42d837d5239688d55f303003a508230fa6727142"
-  integrity sha512-i70fVHhmV3DtTl6nqvZOnIjbY0Pe4kAUjwHj8z0zAdgBtYrJyYwLKCCuRBQ5ppkyL0AkN7HKRnETdmdp1zqNXw==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
 
 chrome-trace-event@^1.0.2:
   version "1.0.2"
@@ -3975,7 +3628,7 @@ classnames@^2.2.6:
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
   integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
 
-clean-css@^4.2.1:
+clean-css@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
   integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==
@@ -4003,9 +3656,14 @@ cli-truncate@^2.1.0:
     string-width "^4.2.0"
 
 cli-width@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
-  integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.1.tgz#b0433d0b4e9c847ef18868a4ef16fd5fc8271c48"
+  integrity sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==
+
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
 
 cliui@^5.0.0:
   version "5.0.0"
@@ -4026,9 +3684,9 @@ cliui@^6.0.0:
     wrap-ansi "^6.2.0"
 
 cliui@^7.0.2:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.3.tgz#ef180f26c8d9bff3927ee52428bfec2090427981"
-  integrity sha512-Gj3QHTkVMPKqwP3f7B4KPkBZRMR9r4rfi5bXFpg1a+Svvj8l7q5CnkBkVQzfxT5DFSsGk2+PascOgL0JYkL2kw==
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
+  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
   dependencies:
     string-width "^4.2.0"
     strip-ansi "^6.0.0"
@@ -4110,14 +3768,6 @@ color-name@^1.0.0, color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.5.2:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
-  integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
 color-string@^1.5.4:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.4.tgz#dd51cd25cfee953d138fe4002372cc3d0e504cb6"
@@ -4126,15 +3776,7 @@ color-string@^1.5.4:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
-color@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
-  integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
-  dependencies:
-    color-convert "^1.9.1"
-    color-string "^1.5.2"
-
-color@^3.1.2:
+color@^3.0.0, color@^3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/color/-/color-3.1.3.tgz#ca67fb4e7b97d611dcde39eceed422067d91596e"
   integrity sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==
@@ -4159,20 +3801,20 @@ commander@^2.11.0, commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.0.tgz#545983a0603fe425bc672d66c9e3c89c42121a83"
-  integrity sha512-NIQrwvv9V39FHgGFm36+U9SMQzbiHvU79k+iADraJTpmrFFfx7Ds0IvDoAdZsDrknlkRk14OYoWXb57uTh7/sw==
+commander@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
 commander@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
   integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
 
-commander@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-6.1.0.tgz#f8d722b78103141006b66f4c7ba1e97315ba75bc"
-  integrity sha512-wl7PNrYWd2y5mp1OK/LhTlv8Ff4kQJQRXXAvF+uU/TPNiVJUxZLRYGj/B0y/lPGAVcSbJqH2Za/cvHmrPMC8mA==
+commander@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.0.tgz#b990bfb8ac030aedc6d11bc04d1488ffef56db75"
+  integrity sha512-zP4jEKbe8SHzKJYQmq8Y9gYjtO/POJLgIdKgV7B9qNmABVFVc+ctqSX6iXh4mCpJfRBOabiZ2YKPg8ciDw6C+Q==
 
 common-tags@^1.8.0:
   version "1.8.0"
@@ -4251,10 +3893,10 @@ concurrently@^5.3.0:
     tree-kill "^1.2.2"
     yargs "^13.3.0"
 
-confusing-browser-globals@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.9.tgz#72bc13b483c0276801681871d4898516f8f54fdd"
-  integrity sha512-KbS1Y0jMtyPgIxjO7ZzMAuUpAKMt1SzCL9fsrKsX6b0zJPTaT0SiSPmewwVZg9UAO83HVIlEhZF84LIjZ0lmAw==
+confusing-browser-globals@^1.0.10, confusing-browser-globals@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz#30d1e7f3d1b882b25ec4933d1d1adac353d20a59"
+  integrity sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==
 
 connect-history-api-fallback@^1.6.0:
   version "1.6.0"
@@ -4333,28 +3975,38 @@ copy-descriptor@^0.1.0:
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
 core-js-compat@^3.6.2:
-  version "3.6.4"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.6.4.tgz#938476569ebb6cda80d339bcf199fae4f16fff17"
-  integrity sha512-zAa3IZPvsJ0slViBQ2z+vgyyTuhd3MFn1rBQjZSKVEgB0UMYhUkCj9jJUVPgGTGqWvsBVmfnruXgTcNyTlEiSA==
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.7.0.tgz#8479c5d3d672d83f1f5ab94cf353e57113e065ed"
+  integrity sha512-V8yBI3+ZLDVomoWICO6kq/CD28Y4r1M7CWeO4AGpMdMfseu8bkSubBmUPySMGKRTS+su4XQ07zUkAsiu9FCWTg==
   dependencies:
-    browserslist "^4.8.3"
+    browserslist "^4.14.6"
     semver "7.0.0"
 
 core-js-pure@^3.0.0:
-  version "3.6.4"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.6.4.tgz#4bf1ba866e25814f149d4e9aaa08c36173506e3a"
-  integrity sha512-epIhRLkXdgv32xIUFaaAry2wdxZYBi6bgM7cB136dzzXXa+dFyRLTZeLUJxnd8ShrmyVXBub63n2NHo2JAt8Cw==
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.7.0.tgz#28a57c861d5698e053f0ff36905f7a3301b4191e"
+  integrity sha512-EZD2ckZysv8MMt4J6HSvS9K2GdtlZtdBncKAmF9lr2n0c9dJUaUN88PSTjvgwCgQPWKTkERXITgS6JJRAnljtg==
 
-core-js@3.6.5, core-js@^3.5.0:
+core-js@3.6.5:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
   integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
 
+core-js@^1.0.0:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
+  integrity sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=
+
 core-js@^2.4.0:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
   integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
 
+core-js@^3.5.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.7.0.tgz#b0a761a02488577afbf97179e4681bf49568520f"
+  integrity sha512-NwS7fI5M5B85EwpWuIwJN4i/fbisQUwLwiSNUWeXlkAZ0sbBjLEvLvFLf1uzAUV66PcEPt4xCGCmOZSxVf3xzA==
+
 core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@@ -4393,14 +4045,14 @@ cosmiconfig@^7.0.0:
     yaml "^1.10.0"
 
 create-ecdh@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
+  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
   dependencies:
     bn.js "^4.1.0"
-    elliptic "^6.0.0"
+    elliptic "^6.5.3"
 
-create-hash@^1.1.0, create-hash@^1.1.2:
+create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
   integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
@@ -4411,7 +4063,7 @@ create-hash@^1.1.0, create-hash@^1.1.2:
     ripemd160 "^2.0.1"
     sha.js "^2.4.0"
 
-create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
+create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
   integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
@@ -4577,10 +4229,18 @@ css-tree@1.0.0-alpha.37:
     mdn-data "2.0.4"
     source-map "^0.6.1"
 
+css-tree@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0.tgz#21993fa270d742642a90409a2c0cb3ac0298adf6"
+  integrity sha512-CdVYz/Yuqw0VdKhXPBIgi8DO3NicJVYZNWeX9XcIuSp9ZoFT5IcleVRW07O5rMjdcx1mb+MEJPknTTEW7DdsYw==
+  dependencies:
+    mdn-data "2.0.12"
+    source-map "^0.6.1"
+
 css-unit-converter@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.1.tgz#d9b9281adcfd8ced935bdbaba83786897f64e996"
-  integrity sha1-2bkoGtz9jO2TW9urqDeGiX9k6ZY=
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.2.tgz#4c77f5a1954e6dbff60695ecb214e3270436ab21"
+  integrity sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==
 
 css-vendor@^2.0.8:
   version "2.0.8"
@@ -4596,9 +4256,9 @@ css-what@2.1:
   integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
 
 css-what@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.2.1.tgz#f4a8f12421064621b456755e34a03a2c22df5da1"
-  integrity sha512-WwOrosiQTvyms+Ti5ZC5vGEK0Vod3FTt1ca+payZqvKuGJF+dq7bG63DstxtN0dpm6FxY27a/zS3Wten+gEtGw==
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
+  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
 
 css.escape@^1.5.1:
   version "1.5.1"
@@ -4699,11 +4359,11 @@ cssnano@^4.1.10:
     postcss "^7.0.0"
 
 csso@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.0.2.tgz#e5f81ab3a56b8eefb7f0092ce7279329f454de3d"
-  integrity sha512-kS7/oeNVXkHWxby5tHVxlhjizRCSv8QdU7hB2FpdAibDU8FjTAolhNjKNTiLzXtUrKT6HwClE81yXwEk1309wg==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-4.1.0.tgz#1d31193efa99b87aa6bad6c0cef155e543d09e8b"
+  integrity sha512-h+6w/W1WqXaJA4tb1dk7r5tVbOm97MsKxzwnvOR04UQ6GILroryjMWu3pmCCtL2mLaEStQ0fZgeGiy99mo7iyg==
   dependencies:
-    css-tree "1.0.0-alpha.37"
+    css-tree "^1.0.0"
 
 cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0", cssom@^0.3.4:
   version "0.3.8"
@@ -4723,9 +4383,9 @@ csstype@^2.5.2:
   integrity sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==
 
 csstype@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.3.tgz#2b410bbeba38ba9633353aff34b05d9755d065f8"
-  integrity sha512-jPl+wbWPOWJ7SXsWyqGRk3lGecbar0Cb0OvZF/r/ZU011R4YqiRehgkQ9p4eQfo9DSDLqLL3wHwfxeJiuIsNag==
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.4.tgz#b156d7be03b84ff425c9a0a4b1e5f4da9c5ca888"
+  integrity sha512-xc8DUsCLmjvCfoD7LTGE0ou2MIWLx0K9RCZwSHMOdynqRsP4MtUcLeqh1HcQ2dInwDTqn+3CE0/FZh1et+p4jA==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
@@ -4780,27 +4440,20 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4:
+debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
   integrity sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==
   dependencies:
     ms "2.1.2"
 
-debug@^3.0.0, debug@^3.1.1, debug@^3.2.5:
+debug@^3.1.1, debug@^3.2.5:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
   integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
   dependencies:
     ms "^2.1.1"
 
-debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
-  dependencies:
-    ms "^2.1.1"
-
 decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -4931,6 +4584,11 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
+detect-passive-events@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/detect-passive-events/-/detect-passive-events-1.0.5.tgz#ce324db665123bef9e368b8059ff95d95217cc05"
+  integrity sha512-foW7Q35wwOCxVzW0xLf5XeB5Fhe7oyRgvkBYdiP9IWgLMzjqUqTvsJv9ymuEWGjY6AoDXD3OC294+Z9iuOw0QA==
+
 detect-port-alt@1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
@@ -5024,7 +4682,7 @@ dom-accessibility-api@^0.3.0:
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz#511e5993dd673b97c87ea47dba0e3892f7e0c983"
   integrity sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA==
 
-dom-accessibility-api@^0.5.1:
+dom-accessibility-api@^0.5.4:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz#b06d059cdd4a4ad9a79275f9d414a5c126241166"
   integrity sha512-TvrjBckDy2c6v6RLxPv5QXOnU+SmF9nBII5621Ve5fu6Z/BDrENurBEvlC1f44lKEUVqOpK4w9E5Idc5/EgkLQ==
@@ -5068,9 +4726,9 @@ domelementtype@1, domelementtype@^1.3.1:
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
 
 domelementtype@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
-  integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.2.tgz#f3b6e549201e46f588b59463dd77187131fe6971"
+  integrity sha512-wFwTwCVebUrMgGeAwRL/NhZtHAUyT9n9yg4IMDwf10+6iCMxSkVq9MGCVEH+QZWo1nNidy8kNvwmv4zWHDTqvA==
 
 domexception@^1.0.1:
   version "1.0.1"
@@ -5102,12 +4760,20 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-dot-prop@^4.1.1:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
-  integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
+dot-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.3.tgz#21d3b52efaaba2ea5fda875bb1aa8124521cf4aa"
+  integrity sha512-7hwEmg6RiSQfm/GwPL4AAWXKy3YNNZA3oFv2Pdiey0mwkRCPZ9x6SZbkLcn8Ma5PYeVokzoD4Twv2n7LKp5WeA==
   dependencies:
-    is-obj "^1.0.0"
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
+dot-prop@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
+  integrity sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==
+  dependencies:
+    is-obj "^2.0.0"
 
 dotenv-expand@5.1.0:
   version "5.1.0"
@@ -5120,9 +4786,9 @@ dotenv@8.2.0:
   integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
 
 duplexer@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
-  integrity sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
 
 duplexify@^3.4.2, duplexify@^3.6.0:
   version "3.7.1"
@@ -5154,20 +4820,15 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
-electron-to-chromium@^1.3.341:
-  version "1.3.344"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.344.tgz#f1397a633c35e726730c24be1084cd25c3ee8148"
-  integrity sha512-tvbx2Wl8WBR+ym3u492D0L6/jH+8NoQXqe46+QhbWH3voVPauGuZYeb1QAXYoOAWuiP2dbSvlBx0kQ1F3hu/Mw==
-
-electron-to-chromium@^1.3.378, electron-to-chromium@^1.3.571:
-  version "1.3.582"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.582.tgz#1adfac5affce84d85b3d7b3dfbc4ade293a6ffc4"
-  integrity sha512-0nCJ7cSqnkMC+kUuPs0YgklFHraWGl/xHqtZWWtOeVtyi+YqkoAOMGuZQad43DscXCQI/yizcTa3u6B5r+BLww==
+electron-to-chromium@^1.3.378, electron-to-chromium@^1.3.591:
+  version "1.3.592"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.592.tgz#4621521b223bf6e5469373528321e185d3c24670"
+  integrity sha512-kGNowksvqQiPb1pUSQKpd8JFoGPLxYOwduNRCqCxGh/2Q1qE2JdmwouCW41lUzDxOb/2RIV4lR0tVIfboWlO9A==
 
-elliptic@^6.0.0:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.2.tgz#05c5678d7173c049d8ca433552224a495d0e3762"
-  integrity sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==
+elliptic@^6.5.3:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
+  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"
@@ -5188,9 +4849,9 @@ emoji-regex@^8.0.0:
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
 emoji-regex@^9.0.0:
-  version "9.1.1"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.1.1.tgz#1d5ffce26d8191e6c3f3a9d27987b1c5bba7d20a"
-  integrity sha512-AaWyDiNO9rbtMIcGl7tdxMcNu8SOLaDLxmQEFT5JhgKufOJzPPkYmgN2QwqTgw4doWMZZQttC6sUWVQjb+1VdA==
+  version "9.2.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.0.tgz#a26da8e832b16a9753309f25e35e3c0efb9a066a"
+  integrity sha512-DNc3KFPK18bPdElMJnf/Pkv5TXhxFU3YFDEuGLDRtPmV4rkmCjBkCSEp22u6rBHdSN9Vlp/GK7k98prmE1Jgug==
 
 emojis-list@^2.0.0:
   version "2.1.0"
@@ -5207,6 +4868,13 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
+encoding@^0.1.11:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
+  integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
+  dependencies:
+    iconv-lite "^0.6.2"
+
 end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
@@ -5215,9 +4883,9 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
     once "^1.4.0"
 
 enhanced-resolve@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
-  integrity sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.3.0.tgz#3b806f3bfafc1ec7de69551ef93cca46c1704126"
+  integrity sha512-3e87LvavsdxyoCfGusJnrZ5G8SLPOFeHSNpZI/ATL9a5leXo2k0w6MKnbqhdBad9qTobSfB20Ld7UmgoNbAZkQ==
   dependencies:
     graceful-fs "^4.1.2"
     memory-fs "^0.5.0"
@@ -5236,9 +4904,9 @@ entities@^1.1.1:
   integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
 
 entities@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.0.tgz#68d6084cab1b079767540d80e56a39b423e4abf4"
-  integrity sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
+  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
 
 errno@^0.1.3, errno@~0.1.7:
   version "0.1.7"
@@ -5254,24 +4922,7 @@ error-ex@^1.2.0, error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2:
-  version "1.17.4"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.4.tgz#e3aedf19706b20e7c2594c35fc0d57605a79e184"
-  integrity sha512-Ae3um/gb8F0mui/jPL+QiqmglkUsaQf7FwBEHYIFkztkneosu9imhqHpBzQ3h1vit8t5iQ74t6PEVvphBZiuiQ==
-  dependencies:
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.1.5"
-    is-regex "^1.0.5"
-    object-inspect "^1.7.0"
-    object-keys "^1.1.1"
-    object.assign "^4.1.0"
-    string.prototype.trimleft "^2.1.1"
-    string.prototype.trimright "^2.1.1"
-
-es-abstract@^1.17.5:
+es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.5:
   version "1.17.7"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.7.tgz#a4de61b2f66989fc7421676c1cb9787573ace54c"
   integrity sha512-VBl/gnfcJ7OercKA9MVaegWsBHFjV492syMudcnQZvt/Dw8ezpcOHYZXa/J96O8vx+g4x65YKhxOwDUh63aS5g==
@@ -5288,7 +4939,7 @@ es-abstract@^1.17.5:
     string.prototype.trimend "^1.0.1"
     string.prototype.trimstart "^1.0.1"
 
-es-abstract@^1.18.0-next.0:
+es-abstract@^1.18.0-next.0, es-abstract@^1.18.0-next.1:
   version "1.18.0-next.1"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.18.0-next.1.tgz#6e3a0a4bda717e5023ab3b8e90bec36108d22c68"
   integrity sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==
@@ -5341,7 +4992,7 @@ es6-symbol@^3.1.1, es6-symbol@~3.1.3:
     d "^1.0.1"
     ext "^1.1.2"
 
-escalade@^3.1.0, escalade@^3.1.1:
+escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
@@ -5362,9 +5013,9 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
 escodegen@^1.11.0, escodegen@^1.9.1:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.13.0.tgz#c7adf9bd3f3cc675bb752f202f79a720189cab29"
-  integrity sha512-eYk2dCkxR07DsHA/X2hRBj0CFAZeri/LyDMc0C8JT1Hqi6JnVpMhJ7XFITbb0+yZS3lVkaPL2oCkZ3AVmeVbMw==
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
+  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
   dependencies:
     esprima "^4.0.1"
     estraverse "^4.2.0"
@@ -5373,28 +5024,28 @@ escodegen@^1.11.0, escodegen@^1.9.1:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-airbnb-base@^14.2.0:
-  version "14.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.0.tgz#fe89c24b3f9dc8008c9c0d0d88c28f95ed65e9c4"
-  integrity sha512-Snswd5oC6nJaevs3nZoLSTvGJBvzTfnBqOIArkf3cbyTyq9UD79wOk8s+RiL6bhca0p/eRO6veczhf6A/7Jy8Q==
+eslint-config-airbnb-base@^14.2.1:
+  version "14.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz#8a2eb38455dc5a312550193b319cdaeef042cd1e"
+  integrity sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==
   dependencies:
-    confusing-browser-globals "^1.0.9"
-    object.assign "^4.1.0"
+    confusing-browser-globals "^1.0.10"
+    object.assign "^4.1.2"
     object.entries "^1.1.2"
 
 eslint-config-airbnb@^18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-18.2.0.tgz#8a82168713effce8fc08e10896a63f1235499dcd"
-  integrity sha512-Fz4JIUKkrhO0du2cg5opdyPKQXOI2MvF8KUvN2710nJMT6jaRUpRE2swrJftAjVGL7T1otLM5ieo5RqS1v9Udg==
+  version "18.2.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-18.2.1.tgz#b7fe2b42f9f8173e825b73c8014b592e449c98d9"
+  integrity sha512-glZNDEZ36VdlZWoxn/bUR1r/sdFKPd1mHPbqUtkctgNG4yT2DLLtJ3D+yCV+jzZCc2V1nBVkmdknOJBZ5Hc0fg==
   dependencies:
-    eslint-config-airbnb-base "^14.2.0"
-    object.assign "^4.1.0"
+    eslint-config-airbnb-base "^14.2.1"
+    object.assign "^4.1.2"
     object.entries "^1.1.2"
 
 eslint-config-prettier@^6.13.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.13.0.tgz#207d88796b5624e5bb815bbbdfc5891ceb9ebffa"
-  integrity sha512-LcT0i0LSmnzqK2t764pyIt7kKH2AuuqKRTtJTdddWxOiUja9HdG5GXBVF2gmCTvVYWVsTu8J2MhJLVGRh+pj8w==
+  version "6.15.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz#7f93f6cb7d45a92f1537a70ecc06366e1ac6fed9"
+  integrity sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==
   dependencies:
     get-stdin "^6.0.0"
 
@@ -5405,15 +5056,7 @@ eslint-config-react-app@^5.2.1:
   dependencies:
     confusing-browser-globals "^1.0.9"
 
-eslint-import-resolver-node@^0.3.2:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.3.tgz#dbaa52b6b2816b50bc6711af75422de808e98404"
-  integrity sha512-b8crLDo0M5RSe5YG8Pu2DYBj71tSB6OvXkfzwbJU2w7y8P4/yo0MyF8jU26IEuEuHF2K5/gcAJE3LhQGqBBbVg==
-  dependencies:
-    debug "^2.6.9"
-    resolve "^1.13.1"
-
-eslint-import-resolver-node@^0.3.4:
+eslint-import-resolver-node@^0.3.2, eslint-import-resolver-node@^0.3.4:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
   integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
@@ -5432,15 +5075,7 @@ eslint-loader@3.0.3:
     object-hash "^2.0.1"
     schema-utils "^2.6.1"
 
-eslint-module-utils@^2.4.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.5.2.tgz#7878f7504824e1b857dd2505b59a8e5eda26a708"
-  integrity sha512-LGScZ/JSlqGKiT8OC+cYRxseMjyqt6QO54nl281CK93unD89ijSeRV6An8Ci/2nvWVKe8K/Tqdm75RQoIOCr+Q==
-  dependencies:
-    debug "^2.6.9"
-    pkg-dir "^2.0.0"
-
-eslint-module-utils@^2.6.0:
+eslint-module-utils@^2.4.1, eslint-module-utils@^2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
   integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
@@ -5508,20 +5143,20 @@ eslint-plugin-jsx-a11y@6.2.3:
     jsx-ast-utils "^2.2.1"
 
 eslint-plugin-jsx-a11y@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.3.1.tgz#99ef7e97f567cc6a5b8dd5ab95a94a67058a2660"
-  integrity sha512-i1S+P+c3HOlBJzMFORRbC58tHa65Kbo8b52/TwCwSKLohwvpfT5rm2GjGWzOHTEuq4xxf2aRlHHTtmExDQOP+g==
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.4.1.tgz#a2d84caa49756942f42f1ffab9002436391718fd"
+  integrity sha512-0rGPJBbwHoGNPU73/QCLP/vveMlM1b1Z9PponxO87jfr6tuH5ligXbDT6nHSSzBC8ovX2Z+BQu7Bk5D/Xgq9zg==
   dependencies:
-    "@babel/runtime" "^7.10.2"
+    "@babel/runtime" "^7.11.2"
     aria-query "^4.2.2"
     array-includes "^3.1.1"
     ast-types-flow "^0.0.7"
-    axe-core "^3.5.4"
-    axobject-query "^2.1.2"
+    axe-core "^4.0.2"
+    axobject-query "^2.2.0"
     damerau-levenshtein "^1.0.6"
     emoji-regex "^9.0.0"
     has "^1.0.3"
-    jsx-ast-utils "^2.4.1"
+    jsx-ast-utils "^3.1.0"
     language-tags "^1.0.5"
 
 eslint-plugin-prettier@^3.1.4:
@@ -5537,9 +5172,9 @@ eslint-plugin-react-hooks@^1.6.1:
   integrity sha512-iXTCFcOmlWvw4+TOE8CLWj6yX1GwzT0Y6cUfHHZqWnSk144VmVIRcVGtUAzrLES7C798lmvnt02C7rxaOX1HNA==
 
 eslint-plugin-react-hooks@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.1.2.tgz#2eb53731d11c95826ef7a7272303eabb5c9a271e"
-  integrity sha512-ykUeqkGyUGgwTtk78C0o8UG2fzwmgJ0qxBGPp2WqRKsTwcLuVf01kTDRAtOsd4u6whX2XOC8749n2vPydP82fg==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.2.0.tgz#8c229c268d468956334c943bb45fc860280f5556"
+  integrity sha512-623WEiZJqxR7VdxFCKLI6d6LLpwJkGPYKODnkH3D7WpOG5KM8yWueBd8TLsNAetEJNF5iJmolaAKO3F8yzyVBQ==
 
 eslint-plugin-react@7.19.0:
   version "7.19.0"
@@ -5560,9 +5195,9 @@ eslint-plugin-react@7.19.0:
     xregexp "^4.3.0"
 
 eslint-plugin-react@^7.21.4:
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.21.4.tgz#31060b2e5ff82b12e24a3cc33edb7d12f904775c"
-  integrity sha512-uHeQ8A0hg0ltNDXFu3qSfFqTNPXm1XithH6/SY318UX76CMj7Q599qWpgmMhVQyvhq36pm7qvoN3pb6/3jsTFg==
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.21.5.tgz#50b21a412b9574bfe05b21db176e8b7b3b15bff3"
+  integrity sha512-8MaEggC2et0wSF6bUeywF7qQ46ER81irOdWS4QWxnnlAEsnzeBevk1sWh7fhpCghPpXb+8Ks7hvaft6L/xsR6g==
   dependencies:
     array-includes "^3.1.1"
     array.prototype.flatmap "^1.2.3"
@@ -5573,7 +5208,7 @@ eslint-plugin-react@^7.21.4:
     object.fromentries "^2.0.2"
     object.values "^1.1.1"
     prop-types "^15.7.2"
-    resolve "^1.17.0"
+    resolve "^1.18.1"
     string.prototype.matchall "^4.0.2"
 
 eslint-scope@^4.0.3:
@@ -5584,15 +5219,7 @@ eslint-scope@^4.0.3:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-scope@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9"
-  integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^5.1.1:
+eslint-scope@^5.0.0, eslint-scope@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -5607,19 +5234,14 @@ eslint-utils@^1.4.3:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-utils@^2.1.0:
+eslint-utils@^2.0.0, eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
   integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
-  integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
-
-eslint-visitor-keys@^1.3.0:
+eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@@ -5673,12 +5295,12 @@ eslint@^6.6.0:
     v8-compile-cache "^2.0.3"
 
 eslint@^7.11.0:
-  version "7.11.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.11.0.tgz#aaf2d23a0b5f1d652a08edacea0c19f7fadc0b3b"
-  integrity sha512-G9+qtYVCHaDi1ZuWzBsOWo2wSwd70TXnU6UHA3cTYHp7gCTXZcpggWFoUVAMRarg68qtPoNfFbzPh+VdOgmwmw==
+  version "7.13.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.13.0.tgz#7f180126c0dcdef327bfb54b211d7802decc08da"
+  integrity sha512-uCORMuOO8tUzJmsdRtrvcGq5qposf7Rw0LwkTJkoDbOycVQtQjmnhZSuLQnozLE4TmAzlMVV45eCHmQ1OpDKUQ==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@eslint/eslintrc" "^0.1.3"
+    "@eslint/eslintrc" "^0.2.1"
     ajv "^6.10.0"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
@@ -5716,12 +5338,12 @@ eslint@^7.11.0:
     v8-compile-cache "^2.0.3"
 
 espree@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.1.2.tgz#6c272650932b4f91c3714e5e7b5f5e2ecf47262d"
-  integrity sha512-2iUPuuPP+yW1PZaMSDM9eyVf8D5P0Hi8h83YtZ5bPc/zHYjII5khoixIUTMO794NOY8F/ThF1Bo8ncZILarUTA==
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
   dependencies:
-    acorn "^7.1.0"
-    acorn-jsx "^5.1.0"
+    acorn "^7.1.1"
+    acorn-jsx "^5.2.0"
     eslint-visitor-keys "^1.1.0"
 
 espree@^7.3.0:
@@ -5738,35 +5360,21 @@ esprima@^4.0.0, esprima@^4.0.1:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
-  integrity sha512-SmiyZ5zIWH9VM+SRUReLS5Q8a7GxtRdxEBVZpm98rJM7Sb+A9DVCndXfkeFUd3byderg+EbDkfnevfCwynWaNA==
-  dependencies:
-    estraverse "^4.0.0"
-
-esquery@^1.2.0:
+esquery@^1.0.1, esquery@^1.2.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
   integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
   dependencies:
     estraverse "^5.1.0"
 
-esrecurse@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
-  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
-  dependencies:
-    estraverse "^4.1.0"
-
-esrecurse@^4.3.0:
+esrecurse@^4.1.0, esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
   integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
+estraverse@^4.1.1, estraverse@^4.2.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
@@ -5776,7 +5384,7 @@ estraverse@^5.1.0, estraverse@^5.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
   integrity sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==
 
-esutils@^2.0.0, esutils@^2.0.2:
+esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
@@ -5792,14 +5400,14 @@ event-target-shim@^5.0.0:
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
 eventemitter3@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.0.tgz#d65176163887ee59f386d64c82610b696a4a74eb"
-  integrity sha512-qerSRB0p+UDEssxTtm6EDKcE7W4OaoisfIMl4CngyEhjpYglocpNg6UEqCvemdGhosAsg4sO2dXJOdyBifPGCg==
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
 events@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
-  integrity sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.2.0.tgz#93b87c18f8efcd4202a461aec4dfc0556b639379"
+  integrity sha512-/46HWwbfCX2xTawVfkKLGxMifJYQBWMwY1mjywRtb4c9x8l5NP3KoJtnIOiL1hfdRkIuYhETxQlo62IF8tcnlg==
 
 eventsource@^1.0.7:
   version "1.0.7"
@@ -5834,10 +5442,10 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
-  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
+execa@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a"
+  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
   dependencies:
     cross-spawn "^7.0.0"
     get-stream "^5.0.0"
@@ -5976,9 +5584,9 @@ extsprintf@^1.2.0:
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
 fast-deep-equal@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz#545145077c501491e33b15ec408c294376e94ae4"
-  integrity sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
 fast-diff@^1.1.2:
   version "1.2.0"
@@ -6025,9 +5633,9 @@ fast-text-encoding@^1.0.0:
   integrity sha512-dtm4QZH9nZtcDt8qJiOH9fcQd1NAgi+K1O2DbE6GG1PPCK/BWfOH3idCTRQ4ImXRUOyopDEgDEnVEE7Y/2Wrig==
 
 fastq@^1.6.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.8.0.tgz#550e1f9f59bbc65fe185cb6a9b4d95357107f481"
-  integrity sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q==
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.9.0.tgz#e16a72f338eaca48e91b5c23593bcc2ef66b7947"
+  integrity sha512-i7FVWL8HhVY+CTkwFxkN2mk3h+787ixS5S63eb78diVRc1MCssarHq3W5cj0av7YDSwmaV928RNag+U1etRQ7w==
   dependencies:
     reusify "^1.0.4"
 
@@ -6052,19 +5660,25 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-figgy-pudding@^3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
-  integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==
-
-figures@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.1.0.tgz#4b198dd07d8d71530642864af2d45dd9e459c4ec"
-  integrity sha512-ravh8VRXqHuMvZt/d8GblBeqDMkdJMBdv/2KntFH+ra5MXkO7nxNKpzQ3n6QD/2da1kH0aWmNISdvhM7gl2gVg==
+fbjs@^0.8.1:
+  version "0.8.17"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
+  integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
   dependencies:
-    escape-string-regexp "^1.0.5"
+    core-js "^1.0.0"
+    isomorphic-fetch "^2.1.1"
+    loose-envify "^1.0.0"
+    object-assign "^4.1.0"
+    promise "^7.1.1"
+    setimmediate "^1.0.5"
+    ua-parser-js "^0.7.18"
 
-figures@^3.2.0:
+figgy-pudding@^3.5.1:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
+  integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
+
+figures@^3.0.0, figures@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
   integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
@@ -6220,9 +5834,9 @@ flat-cache@^2.0.1:
     write "1.0.3"
 
 flatted@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.1.tgz#69e57caa8f0eacbc281d2e2cb458d46fdb449e08"
-  integrity sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
+  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
 
 flatten@^1.0.2:
   version "1.0.3"
@@ -6238,11 +5852,9 @@ flush-write-stream@^1.0.0:
     readable-stream "^2.3.6"
 
 follow-redirects@^1.0.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.10.0.tgz#01f5263aee921c6a54fb91667f08f4155ce169eb"
-  integrity sha512-4eyLK6s6lH32nOvLLwlIOnr9zrL8Sm+OvW4pVTJNoXeGzYIkHVf+pADQi+OJ0E67hiuSLezPVPyBcIZO50TmmQ==
-  dependencies:
-    debug "^3.0.0"
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
+  integrity sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==
 
 for-in@^0.1.3:
   version "0.1.8"
@@ -6379,9 +5991,9 @@ fsevents@2.1.2:
   integrity sha512-R4wDiBwZ0KzpgOWetKDug1FZcYhqYnUYKtfZYt4mD5SBz76q0KR4Q9o7GIPamsVPGmW3EYPPJ0dOOjvx32ldZA==
 
 fsevents@^1.2.7:
-  version "1.2.11"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.11.tgz#67bf57f4758f02ede88fb2a1712fef4d15358be3"
-  integrity sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==
+  version "1.2.13"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
+  integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
   dependencies:
     bindings "^1.5.0"
     nan "^2.12.1"
@@ -6452,15 +6064,24 @@ gcp-metadata@^4.2.0:
     json-bigint "^1.0.0"
 
 gensync@^1.0.0-beta.1:
-  version "1.0.0-beta.1"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
-  integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
 get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
+get-intrinsic@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.0.1.tgz#94a9768fcbdd0595a1c9273aacf4c89d075631be"
+  integrity sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+
 get-own-enumerable-property-symbols@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
@@ -6515,14 +6136,7 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.0.tgz#5f4c1d1e748d30cd73ad2944b3577a81b081e8c2"
-  integrity sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob-parent@^5.1.0, glob-parent@~5.1.0:
+glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
   integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
@@ -6568,9 +6182,9 @@ globals@^11.1.0:
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
 globals@^12.1.0:
-  version "12.3.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-12.3.0.tgz#1e564ee5c4dded2ab098b0f88f24702a3c56be13"
-  integrity sha512-wAfjdLgFsPZsklLJvOBUBmzYE8/CwhEqSBEMRXA3qxIiNtyqvjYurAtIfDh6chlEPUfmTY3MnZh5Hfh4q0UlIw==
+  version "12.4.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
+  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
   dependencies:
     type-fest "^0.8.1"
 
@@ -6642,9 +6256,9 @@ google-p12-pem@^3.0.3:
     node-forge "^0.10.0"
 
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
-  integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
+  integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
 
 growly@^1.3.0:
   version "1.3.0"
@@ -6670,21 +6284,21 @@ gzip-size@5.1.1:
     pify "^4.0.1"
 
 handle-thing@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754"
-  integrity sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
 
 har-schema@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
   integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
 
-har-validator@~5.1.0:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080"
-  integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==
+har-validator@~5.1.3:
+  version "5.1.5"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
+  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
   dependencies:
-    ajv "^6.5.5"
+    ajv "^6.12.3"
     har-schema "^2.0.0"
 
 harmony-reflect@^1.4.6:
@@ -6709,7 +6323,7 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-symbols@^1.0.0, has-symbols@^1.0.1:
+has-symbols@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
   integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
@@ -6758,12 +6372,13 @@ has@^1.0.0, has@^1.0.3:
     function-bind "^1.1.1"
 
 hash-base@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
-  integrity sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
+  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
   dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
+    inherits "^2.0.4"
+    readable-stream "^3.6.0"
+    safe-buffer "^5.2.0"
 
 hash.js@^1.0.0, hash.js@^1.0.3:
   version "1.1.7"
@@ -6811,6 +6426,11 @@ hoist-non-react-statics@3.2.1:
   dependencies:
     react-is "^16.3.2"
 
+hoist-non-react-statics@^2.3.1:
+  version "2.5.5"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
+  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
+
 hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
@@ -6819,9 +6439,9 @@ hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-
     react-is "^16.7.0"
 
 hosted-git-info@^2.1.4:
-  version "2.8.5"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.5.tgz#759cfcf2c4d156ade59b0b2dfabddc42a6b9c70c"
-  integrity sha512-kssjab8CvdXfcXMXVcvsXum4Hwdq9XGtRD3TteMEvEbq0LXyiNQr6AprqKqfeaDXze7SxWvRxdpwE6ku7ikLkg==
+  version "2.8.8"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
+  integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
 
 hpack.js@^2.1.6:
   version "2.1.6"
@@ -6861,22 +6481,22 @@ html-entities@^1.3.1:
   integrity sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==
 
 html-escaper@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.0.tgz#71e87f931de3fe09e56661ab9a29aadec707b491"
-  integrity sha512-a4u9BeERWGu/S8JiWEAQcdrg9v4QArtP9keViQjGMdff20fBdd8waotXaNmODqBe6uZ3Nafi7K/ho4gCQHV3Ig==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
 html-minifier-terser@^5.0.1:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.0.2.tgz#0e67a0b062ae1dd0719fc73199479298f807ae16"
-  integrity sha512-VAaitmbBuHaPKv9bj47XKypRhgDxT/cDLvsPiiF7w+omrN3K0eQhpigV9Z1ilrmHa9e0rOYcD6R/+LCDADGcnQ==
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
+  integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==
   dependencies:
-    camel-case "^3.0.0"
-    clean-css "^4.2.1"
-    commander "^4.0.0"
+    camel-case "^4.1.1"
+    clean-css "^4.2.3"
+    commander "^4.1.1"
     he "^1.2.0"
-    param-case "^2.1.1"
+    param-case "^3.0.3"
     relateurl "^0.2.7"
-    terser "^4.3.9"
+    terser "^4.6.3"
 
 html-parse-stringify2@2.0.1:
   version "2.0.1"
@@ -6951,10 +6571,10 @@ http-errors@~1.7.2:
     statuses ">= 1.5.0 < 2"
     toidentifier "1.0.0"
 
-"http-parser-js@>=0.4.0 <0.4.11":
-  version "0.4.10"
-  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.10.tgz#92c9c1374c35085f75db359ec56cc257cbb93fa4"
-  integrity sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=
+http-parser-js@>=0.5.1:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.2.tgz#da2e31d237b393aae72ace43882dd7e270a8ff77"
+  integrity sha512-opCO9ASqg5Wy2FNo7A0sxy71yGbbkJJXLdgMK04Tcypw9jr2MgWbyubb0+WdmDmGnFflO7fRbqbaihh/ENDlRQ==
 
 http-proxy-middleware@0.19.1:
   version "0.19.1"
@@ -6967,9 +6587,9 @@ http-proxy-middleware@0.19.1:
     micromatch "^3.1.10"
 
 http-proxy@^1.17.0:
-  version "1.18.0"
-  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.0.tgz#dbe55f63e75a347db7f3d99974f2692a314a6a3a"
-  integrity sha512-84I2iJM/n1d4Hdgc6y2+qY5mDaz2PUVjlg9znE9byl+q0uC3DeByqBGReQu5tpLK0TAqTIXScRUV+dg7+bUPpQ==
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
   dependencies:
     eventemitter3 "^4.0.0"
     follow-redirects "^1.0.0"
@@ -7044,6 +6664,13 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
+iconv-lite@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.2.tgz#ce13d1875b0c3a674bd6a04b7f76b01b1b6ded01"
+  integrity sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
 icss-utils@^4.0.0, icss-utils@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
@@ -7064,9 +6691,9 @@ identity-obj-proxy@3.0.0:
     harmony-reflect "^1.4.6"
 
 ieee754@^1.1.4:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
-  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
 iferr@^0.1.5:
   version "0.1.5"
@@ -7116,9 +6743,9 @@ import-fresh@^2.0.0:
     resolve-from "^3.0.0"
 
 import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
-  integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.2.tgz#fc129c160c5d68235507f4331a6baad186bdbc3e"
+  integrity sha512-cTPNrlvJT6twpYy+YmKUKrTSjWFs3bjYjAhCwm+z4EOCubZxAuO+hHpRN64TqjEaYSHs7tJAE0w1CKMGmsG/lw==
   dependencies:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
@@ -7185,7 +6812,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -7205,7 +6832,7 @@ ini@^1.3.5:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inquirer@7.0.4, inquirer@^7.0.0:
+inquirer@7.0.4:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.0.4.tgz#99af5bde47153abca23f5c7fc30db247f39da703"
   integrity sha512-Bu5Td5+j11sCkqfqmUTiwv+tWisMtP0L7Q8WrqA2C/BbBhy1YTdFrvjjlrKq8oagA/tLQBski2Gcx/Sqyi2qSQ==
@@ -7224,6 +6851,25 @@ inquirer@7.0.4, inquirer@^7.0.0:
     strip-ansi "^5.1.0"
     through "^2.3.6"
 
+inquirer@^7.0.0:
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-width "^3.0.0"
+    external-editor "^3.0.3"
+    figures "^3.0.0"
+    lodash "^4.17.19"
+    mute-stream "0.0.8"
+    run-async "^2.4.0"
+    rxjs "^6.6.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+    through "^2.3.6"
+
 internal-ip@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
@@ -7258,12 +6904,7 @@ ip@^1.1.0, ip@^1.1.5:
   resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
   integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
 
-ipaddr.js@1.9.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.0.tgz#37df74e430a0e47550fe54a2defe30d8acd95f65"
-  integrity sha512-M4Sjn6N/+O6/IXSJseKqHoFc+5FdGJ22sXqnjTpdZweHK64MzEPAyQZyEU3R/KRv2GLoa7nNtg/C2Ev6m7z+eA==
-
-ipaddr.js@^1.9.0:
+ipaddr.js@1.9.1, ipaddr.js@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
   integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
@@ -7326,12 +6967,7 @@ is-buffer@^1.0.2, is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-callable@^1.1.4, is-callable@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
-  integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
-
-is-callable@^1.2.2:
+is-callable@^1.1.4, is-callable@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.2.tgz#c7c6715cd22d4ddb48d3e19970223aceabb080d9"
   integrity sha512-dnMqspv5nU3LoewK2N/y7KLtxtakvTuaCsU9FU50/QDmdbHNy/4/JuRtMHqRU22o3q+W89YQndQEeCVwK+3qrA==
@@ -7355,6 +6991,13 @@ is-color-stop@^1.0.0:
     rgb-regex "^1.0.1"
     rgba-regex "^1.0.0"
 
+is-core-module@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.1.0.tgz#a4cc031d9b1aca63eecbd18a650e13cb4eeab946"
+  integrity sha512-YcV7BgVMRFRua2FqQzKtTDMz8iCuLEyGKjr70q8Zm1yy2qKcurbFEd79PAdHV77oL3NrAaOVQIbMmiHQCHB7ZA==
+  dependencies:
+    has "^1.0.3"
+
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -7398,9 +7041,9 @@ is-directory@^0.3.1:
   integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
 
 is-docker@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.0.0.tgz#2cb0df0e75e2d064fe1864c37cdeacb7b2dcf25b"
-  integrity sha512-pJEdRugimx4fBMra5z2/5iRdZ63OhYV0vr0Dwm5+xtW4D1FvRkB8hamMIhnWfyJeDdyr/aa7BDyNbtG38VxgoQ==
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.1.1.tgz#4125a88e44e450d384e09047ede71adc2d144156"
+  integrity sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw==
 
 is-extendable@^0.1.0, is-extendable@^0.1.1:
   version "0.1.1"
@@ -7482,11 +7125,16 @@ is-number@^7.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-obj@^1.0.0, is-obj@^1.0.1:
+is-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
 
+is-obj@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
+  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
+
 is-path-cwd@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
@@ -7518,19 +7166,7 @@ is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
-is-promise@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
-  integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=
-
-is-regex@^1.0.4, is-regex@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.5.tgz#39d589a358bf18967f726967120b8fc1aed74eae"
-  integrity sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==
-  dependencies:
-    has "^1.0.3"
-
-is-regex@^1.1.1:
+is-regex@^1.0.4, is-regex@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
   integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
@@ -7552,7 +7188,7 @@ is-root@2.1.0:
   resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
   integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
 
-is-stream@^1.1.0:
+is-stream@^1.0.1, is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
@@ -7602,9 +7238,11 @@ is-wsl@^1.1.0:
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
 is-wsl@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.1.tgz#4a1c152d429df3d441669498e2486d3596ebaf1d"
-  integrity sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
 
 isarray@0.0.1:
   version "0.0.1"
@@ -7633,6 +7271,14 @@ isobject@^3.0.0, isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
 
+isomorphic-fetch@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
+  integrity sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=
+  dependencies:
+    node-fetch "^1.0.1"
+    whatwg-fetch ">=0.10.0"
+
 isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
@@ -7888,9 +7534,9 @@ jest-mock@^24.0.0, jest-mock@^24.9.0:
     "@jest/types" "^24.9.0"
 
 jest-pnp-resolver@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
+  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
 jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
   version "24.9.0"
@@ -8091,9 +7737,9 @@ js-tokens@^3.0.2:
   integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
 
 js-yaml@^3.13.1:
-  version "3.13.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
-  integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
+  version "3.14.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
+  integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
   dependencies:
     argparse "^1.0.7"
     esprima "^4.0.0"
@@ -8189,6 +7835,11 @@ json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -8228,13 +7879,6 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.1.tgz#81b6cb04e9ba496f1c7005d07b4368a2638f90b6"
-  integrity sha512-l+3HXD0GEI3huGq1njuqtzYK8OYJyXMkOLtQ53pjWh89tvWS2h6l+1zMkYWqlb57+SiQodKZyvMEFb2X+KrFhQ==
-  dependencies:
-    minimist "^1.2.0"
-
 json5@^2.1.2:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.3.tgz#c9b0f7fa9233bfe5807fe66fcf3a5617ed597d43"
@@ -8250,11 +7894,11 @@ jsonfile@^4.0.0:
     graceful-fs "^4.1.6"
 
 jsonfile@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.0.1.tgz#98966cba214378c8c84b82e085907b40bf614179"
-  integrity sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
   dependencies:
-    universalify "^1.0.0"
+    universalify "^2.0.0"
   optionalDependencies:
     graceful-fs "^4.1.6"
 
@@ -8344,14 +7988,6 @@ jss@10.4.0, jss@^10.0.3:
     tiny-warning "^1.0.2"
 
 jsx-ast-utils@^2.2.1, jsx-ast-utils@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.2.3.tgz#8a9364e402448a3ce7f14d357738310d9248054f"
-  integrity sha512-EdIHFMm+1BPynpKOpdPqiOsvnIrInRGJD7bzPZdPkjitQEqpdpUuFpq4T0npZFKTiB3RhWFdGN+oqOJIdhDhQA==
-  dependencies:
-    array-includes "^3.0.3"
-    object.assign "^4.1.0"
-
-jsx-ast-utils@^2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.4.1.tgz#1114a4c1209481db06c690c2b4f488cc665f657e"
   integrity sha512-z1xSldJ6imESSzOjd3NNkieVJKRlKYSOtMG8SFyCj2FIrvSaSuli/WjpBkEzCBoR9bYYYFgqJw61Xhu7Lcgk+w==
@@ -8359,7 +7995,7 @@ jsx-ast-utils@^2.4.1:
     array-includes "^3.1.1"
     object.assign "^4.1.0"
 
-"jsx-ast-utils@^2.4.1 || ^3.0.0":
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.1.0.tgz#642f1d7b88aa6d7eb9d8f2210e166478444fa891"
   integrity sha512-d4/UOjg+mxAWxCiF0c5UTSwyqbchkbqCvK87aBovhnh8GtysTjWmgC63tY0cJx/HzGgm9qnA147jVBdpOiQ2RA==
@@ -8426,9 +8062,9 @@ kleur@^3.0.3:
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
 language-subtag-registry@~0.3.2:
-  version "0.3.20"
-  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.20.tgz#a00a37121894f224f763268e431c55556b0c0755"
-  integrity sha512-KPMwROklF4tEx283Xw0pNKtfTj1gZ4UByp4EsIFWLgBavJltF4TiYPc39k06zSTsLzxTVXXDSpbwaQXaFB4Qeg==
+  version "0.3.21"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz#04ac218bea46f04cb039084602c6da9e788dd45a"
+  integrity sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==
 
 language-tags@^1.0.5:
   version "1.0.5"
@@ -8502,19 +8138,19 @@ lines-and-columns@^1.1.6:
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
 lint-staged@^10.4.2:
-  version "10.4.2"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.4.2.tgz#9fee4635c4b5ddb845746f237c6d43494ccd21c1"
-  integrity sha512-OLCA9K1hS+Sl179SO6kX0JtnsaKj/MZalEhUj5yAgXsb63qPI/Gfn6Ua1KuZdbfkZNEu3/n5C/obYCu70IMt9g==
+  version "10.5.1"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.5.1.tgz#901e915c2360072dded0e7d752a0d9a49e079daa"
+  integrity sha512-fTkTGFtwFIJJzn/PbUO3RXyEBHIhbfYBE7+rJyLcOXabViaO/h6OslgeK6zpeUtzkDrzkgyAYDTLAwx6JzDTHw==
   dependencies:
     chalk "^4.1.0"
     cli-truncate "^2.1.0"
-    commander "^6.0.0"
+    commander "^6.2.0"
     cosmiconfig "^7.0.0"
-    debug "^4.1.1"
+    debug "^4.2.0"
     dedent "^0.7.0"
     enquirer "^2.3.6"
-    execa "^4.0.3"
-    listr2 "^2.6.0"
+    execa "^4.1.0"
+    listr2 "^3.2.2"
     log-symbols "^4.0.0"
     micromatch "^4.0.2"
     normalize-path "^3.0.0"
@@ -8522,10 +8158,10 @@ lint-staged@^10.4.2:
     string-argv "0.3.1"
     stringify-object "^3.3.0"
 
-listr2@^2.6.0:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-2.6.2.tgz#4912eb01e1e2dd72ec37f3895a56bf2622d6f36a"
-  integrity sha512-6x6pKEMs8DSIpA/tixiYY2m/GcbgMplMVmhQAaLFxEtNSKLeWTGjtmU57xvv6QCm2XcqzyNXL/cTSVf4IChCRA==
+listr2@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.2.2.tgz#d20feb75015e506992b55af40722ba1af168b8f1"
+  integrity sha512-AajqcZEUikF2ioph6PfH3dIuxJclhr3i3kHgTOP0xeXdWQohrvJAAmqVcV43/GI987HFY/vzT73jYXoa4esDHg==
   dependencies:
     chalk "^4.1.0"
     cli-truncate "^2.1.0"
@@ -8533,7 +8169,7 @@ listr2@^2.6.0:
     indent-string "^4.0.0"
     log-update "^4.0.0"
     p-map "^4.0.0"
-    rxjs "^6.6.2"
+    rxjs "^6.6.3"
     through "^2.3.8"
 
 load-json-file@^1.0.0:
@@ -8568,19 +8204,19 @@ load-json-file@^4.0.0:
     strip-bom "^3.0.0"
 
 loader-fs-cache@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/loader-fs-cache/-/loader-fs-cache-1.0.2.tgz#54cedf6b727e1779fd8f01205f05f6e88706f086"
-  integrity sha512-70IzT/0/L+M20jUlEqZhZyArTU6VKLRTYRDAYN26g4jfzpJqjipLL3/hgYpySqI9PwsVRHHFja0LfEmsx9X2Cw==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz#f08657646d607078be2f0a032f8bd69dd6f277d9"
+  integrity sha512-ldcgZpjNJj71n+2Mf6yetz+c9bM4xpKtNds4LbqXzU/PTdeAX0g3ytnU1AJMEcTk2Lex4Smpe3Q/eCTsvUBxbA==
   dependencies:
     find-cache-dir "^0.1.1"
-    mkdirp "0.5.1"
+    mkdirp "^0.5.1"
 
 loader-runner@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@1.2.3, loader-utils@^1.1.0, loader-utils@^1.2.3:
+loader-utils@1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
   integrity sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==
@@ -8589,7 +8225,7 @@ loader-utils@1.2.3, loader-utils@^1.1.0, loader-utils@^1.2.3:
     emojis-list "^2.0.0"
     json5 "^1.0.1"
 
-loader-utils@^1.4.0:
+loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -8686,12 +8322,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-"lodash@>=3.5 <5", lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.5:
-  version "4.17.15"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
-  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
-
-lodash@^4.0.0, lodash@^4.17.19, lodash@^4.17.20, lodash@~4.17.10:
+"lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.5, lodash@~4.17.10:
   version "4.17.20"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
   integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
@@ -8738,10 +8369,12 @@ loud-rejection@^1.0.0:
     currently-unhandled "^0.4.1"
     signal-exit "^3.0.0"
 
-lower-case@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
-  integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
+lower-case@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
+  integrity sha512-LiWgfDLLb1dwbFQZsSglpRj+1ctGnayXz3Uv0/WO8n558JycT5fg6zkNcnW0G68Nn0aEldTFeEfmjCfmqry/rQ==
+  dependencies:
+    tslib "^1.10.0"
 
 lru-cache@^4.0.1:
   version "4.1.5"
@@ -8814,6 +8447,13 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
+material-ui-icons@^1.0.0-beta.36:
+  version "1.0.0-beta.36"
+  resolved "https://registry.yarnpkg.com/material-ui-icons/-/material-ui-icons-1.0.0-beta.36.tgz#86390a61f4c83f718eaba77ccce575834f2cf2a8"
+  integrity sha512-7rS6b2EV5QXCB/gTi/Ac9Wbxd+h9EZv1Td3rLLJe4IER8mVHRgdqZccB3EsjW2DrJ7opdY1+8X3/vyrS7CQNpg==
+  dependencies:
+    recompose "^0.26.0"
+
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -8823,6 +8463,11 @@ md5.js@^1.3.4:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
+mdn-data@2.0.12:
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.12.tgz#bbb658d08b38f574bbb88f7b83703defdcc46844"
+  integrity sha512-ULbAlgzVb8IqZ0Hsxm6hHSlQl3Jckst2YEQS7fODu9ilNWy2LvcoSY7TRFIktABP2mdppBioc66va90T+NUs8Q==
+
 mdn-data@2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
@@ -8884,12 +8529,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.2.3:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.3.0.tgz#5b366ee83b2f1582c48f87e47cf1a9352103ca81"
-  integrity sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw==
-
-merge2@^1.3.0:
+merge2@^1.2.3, merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -8939,33 +8579,33 @@ miller-rabin@^4.0.0:
     bn.js "^4.0.0"
     brorand "^1.0.1"
 
-mime-db@1.43.0, "mime-db@>= 1.43.0 < 2":
-  version "1.43.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.43.0.tgz#0a12e0502650e473d735535050e7c8f4eb4fae58"
-  integrity sha512-+5dsGEEovYbT8UY9yD7eE4XTc4UwJ1jBYlgaQQF38ENsKR3wj/8q8RFZrF9WIZpB2V1ArTVFUva8sAul1NzRzQ==
+mime-db@1.44.0:
+  version "1.44.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
+  integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
+
+"mime-db@>= 1.43.0 < 2":
+  version "1.45.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.45.0.tgz#cceeda21ccd7c3a745eba2decd55d4b73e7879ea"
+  integrity sha512-CkqLUxUk15hofLoLyljJSrukZi8mAtgd+yE5uO4tqRZsdsAJKv0O+rFMhVDRJgozy+yG6md5KwuXhD4ocIoP+w==
 
 mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
-  version "2.1.26"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.26.tgz#9c921fc09b7e149a65dfdc0da4d20997200b0a06"
-  integrity sha512-01paPWYgLrkqAyrlDorC1uDwl2p3qZT7yl806vW7DvDoxwXi46jsjFbg+WdwotBIk6/MbEhO/dh5aZ5sNj/dWQ==
+  version "2.1.27"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
+  integrity sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==
   dependencies:
-    mime-db "1.43.0"
+    mime-db "1.44.0"
 
 mime@1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mime@^2.2.0:
+mime@^2.2.0, mime@^2.4.4:
   version "2.4.6"
   resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.6.tgz#e5b407c90db442f2beb5b162373d07b69affa4d1"
   integrity sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==
 
-mime@^2.4.4:
-  version "2.4.4"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.4.tgz#bd7b91135fc6b01cde3e9bae33d659b63d8857e5"
-  integrity sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==
-
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -9011,17 +8651,7 @@ minimatch@3.0.4, minimatch@^3.0.4, minimatch@~3.0.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
-  integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
-
-minimist@^1.1.1, minimist@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
-  integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
-
-minimist@^1.1.3, minimist@^1.2.5:
+minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -9041,16 +8671,16 @@ minipass-flush@^1.0.5:
     minipass "^3.0.0"
 
 minipass-pipeline@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.2.tgz#3dcb6bb4a546e32969c7ad710f2c79a86abba93a"
-  integrity sha512-3JS5A2DKhD2g0Gg8x3yamO0pj7YeKGwVlDS90pF++kxptwx/F+B//roxf9SqYil5tQo65bijy+dAuAFZmYOouA==
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==
   dependencies:
     minipass "^3.0.0"
 
 minipass@^3.0.0, minipass@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.1.tgz#7607ce778472a185ad6d89082aa2070f79cedcd5"
-  integrity sha512-UFqVihv6PQgwj8/yTGvl9kPz7xIAY+R5z6XYjRInD3Gk3qx6QGSD6zEcpeG4Dy/lQnv1J6zv8ejV90hyYIKf3w==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
+  integrity sha512-Mgd2GdMVzY+x3IJ+oHnVM+KG3lA5c8tnabyJKmHSaG2kAGpudxuOf8ToDkhumF7UzME7DecbQE9uOZhNm7PuJg==
   dependencies:
     yallist "^4.0.0"
 
@@ -9086,14 +8716,7 @@ mixin-object@^2.0.1:
     for-in "^0.1.3"
     is-extendable "^0.1.1"
 
-mkdirp@0.5.1, mkdirp@^0.5.1, mkdirp@~0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
-  integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
-  dependencies:
-    minimist "0.0.8"
-
-"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.3, mkdirp@^0.5.5:
+"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.5, mkdirp@~0.5.1:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
@@ -9145,20 +8768,15 @@ mute-stream@0.0.8:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
-nan@^2.12.1:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
-  integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
-
-nan@^2.13.2:
+nan@^2.12.1, nan@^2.13.2:
   version "2.14.2"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
   integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==
 
-nanoid@^3.1.12:
-  version "3.1.12"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.12.tgz#6f7736c62e8d39421601e4a0c77623a97ea69654"
-  integrity sha512-1qstj9z5+x491jfiC4Nelk+f8XBad7LN20PmyWINJEMRSf3wcAjAWysw1qaA8z6NSKe2sjq1hRSDpBH5paCb6A==
+nanoid@^3.1.16:
+  version "3.1.16"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.16.tgz#b21f0a7d031196faf75314d7c65d36352beeef64"
+  integrity sha512-+AK8MN0WHji40lj8AEuwLOvLSbWYApQpre/aFJZD71r43wVRLrOYS4FmJOPQYon1TqB462RzrrxlfA74XRES8w==
 
 nanomatch@^1.2.9:
   version "1.2.13"
@@ -9188,9 +8806,9 @@ negotiator@0.6.2:
   integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
 
 neo-async@^2.5.0, neo-async@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
-  integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
 next-tick@~1.0.0:
   version "1.0.0"
@@ -9202,12 +8820,13 @@ nice-try@^1.0.4:
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
-no-case@^2.2.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
-  integrity sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==
+no-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
+  integrity sha512-ehY/mVQCf9BL0gKfsJBvFJen+1V//U+0HQMPrWct40ixE4jnv0bfvxDbWtAHL9EcaPEOJHVVYKoQn1TlZUB8Tw==
   dependencies:
-    lower-case "^1.1.1"
+    lower-case "^2.0.1"
+    tslib "^1.10.0"
 
 node-emoji@^1.8.1:
   version "1.10.0"
@@ -9221,10 +8840,13 @@ node-fetch@2.6.1, node-fetch@^2.3.0:
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
 
-node-forge@0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.9.0.tgz#d624050edbb44874adca12bb9a52ec63cb782579"
-  integrity sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==
+node-fetch@^1.0.1:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
+  integrity sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==
+  dependencies:
+    encoding "^0.1.11"
+    is-stream "^1.0.1"
 
 node-forge@^0.10.0:
   version "0.10.0"
@@ -9299,17 +8921,10 @@ node-notifier@^5.4.2:
     shellwords "^0.1.1"
     which "^1.3.0"
 
-node-releases@^1.1.47:
-  version "1.1.47"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.47.tgz#c59ef739a1fd7ecbd9f0b7cf5b7871e8a8b591e4"
-  integrity sha512-k4xjVPx5FpwBUj0Gw7uvFOTF4Ep8Hok1I6qjwL3pLfwe7Y0REQSAqOwwv9TWBCUtMHxcXfY4PgRLRozcChvTcA==
-  dependencies:
-    semver "^6.3.0"
-
-node-releases@^1.1.52, node-releases@^1.1.61:
-  version "1.1.63"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.63.tgz#db6dbb388544c31e888216304e8fd170efee3ff5"
-  integrity sha512-ukW3iCfQaoxJkSPN+iK7KznTeqDGVJatAEuXsJERYHa9tn/KaT5lBdIyxQjLEVTzSkyjJEuQ17/vaEjrOauDkg==
+node-releases@^1.1.52, node-releases@^1.1.66:
+  version "1.1.66"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.66.tgz#609bd0dc069381015cd982300bae51ab4f1b1814"
+  integrity sha512-JHEQ1iWPGK+38VLB2H9ef2otU4l8s3yAMt9Xf934r6+ojCYDMHPMqvCc9TnzfeFSP1QEOeU6YZEd3+De0LTCgg==
 
 node-sass@4.14.1:
   version "4.14.1"
@@ -9453,32 +9068,25 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-hash@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.0.1.tgz#cef18a0c940cc60aa27965ecf49b782cbf101d96"
-  integrity sha512-HgcGMooY4JC2PBt9sdUdJ6PMzpin+YtY3r/7wg0uTifP+HJWW8rammseSEHuyt0UeShI183UGssCJqm1bJR7QA==
-
-object-hash@^2.0.3:
+object-hash@^2.0.1, object-hash@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.0.3.tgz#d12db044e03cd2ca3d77c0570d87225b02e1e6ea"
   integrity sha512-JPKn0GMu+Fa3zt3Bmr66JhokJU5BaNBIh4ZeTlaCBzrBsOeXzwcKKAK1tbLiPKgvwmPXsDvvLHoWh5Bm7ofIYg==
 
-object-inspect@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
-  integrity sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==
-
 object-inspect@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.8.0.tgz#df807e5ecf53a609cc6bfe93eac3cc7be5b3a9d0"
   integrity sha512-jLdtEOB112fORuypAyl/50VRVIBIdVQOSUUGQHzJ4xBSbit81zRarz7GThkEFZy1RceYrWYcPcBFPQwHyAc1gA==
 
 object-is@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.0.2.tgz#6b80eb84fe451498f65007982f035a5b445edec4"
-  integrity sha512-Epah+btZd5wrrfjkJZq1AOB9O6OxUQto45hzFd7lXGrpHPGE0W1k+426yrZV+k6NJOzLNNW/nVsmZdIWsAqoOQ==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.3.tgz#2e3b9e65560137455ee3bd62aec4d90a2ea1cc81"
+  integrity sha512-teyqLvFWzLkq5B9ki8FVWA902UER2qkxmdA4nLf+wjOLAWgxzCWZNCxpDq9MvE8MmhWNr+I8w3BN49Vx36Y6Xg==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.1"
 
-object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.1:
+object-keys@^1.0.12, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
@@ -9495,37 +9103,17 @@ object-visit@^1.0.0:
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da"
-  integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==
-  dependencies:
-    define-properties "^1.1.2"
-    function-bind "^1.1.1"
-    has-symbols "^1.0.0"
-    object-keys "^1.0.11"
-
-object.assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.1.tgz#303867a666cdd41936ecdedfb1f8f3e32a478cdd"
-  integrity sha512-VT/cxmx5yaoHSOTSyrCygIDFco+RsibY2NM0a4RdEeY/4KgqezwFtK1yr3U67xYhqJSlASm2pKhLVzPj2lr4bA==
+object.assign@^4.1.0, object.assign@^4.1.1, object.assign@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.2.tgz#0ed54a342eceb37b38ff76eb831a0e788cb63940"
+  integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==
   dependencies:
+    call-bind "^1.0.0"
     define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.0"
     has-symbols "^1.0.1"
     object-keys "^1.1.1"
 
-object.entries@^1.1.0, object.entries@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.1.tgz#ee1cf04153de02bb093fec33683900f57ce5399b"
-  integrity sha512-ilqR7BgdyZetJutmDPfXCDffGa0/Yzl2ivVNpbx/g4UeWrCdRnFDUBrKJGLhGieRHDATnyZXWBeCb29k9CJysQ==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-
-object.entries@^1.1.2:
+object.entries@^1.1.0, object.entries@^1.1.1, object.entries@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add"
   integrity sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA==
@@ -9594,9 +9182,9 @@ once@^1.3.0, once@^1.3.1, once@^1.4.0:
     wrappy "1"
 
 onetime@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
-  integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
   dependencies:
     mimic-fn "^2.1.0"
 
@@ -9701,14 +9289,7 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.2.tgz#61279b67721f5287aa1c13a9a7fbbc48c9291b1e"
-  integrity sha512-WGR+xHecKTr7EbUEhyLSh5Dube9JtdiG78ufaeLxTgpudf/20KqyMioIUZJAezlTIi6evxuoUs9YXc11cU+yzQ==
-  dependencies:
-    p-try "^2.0.0"
-
-p-limit@^2.3.0:
+p-limit@^2.0.0, p-limit@^2.2.0, p-limit@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
   integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
@@ -9791,12 +9372,13 @@ parallel-transform@^1.1.0:
     inherits "^2.0.3"
     readable-stream "^2.1.5"
 
-param-case@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
-  integrity sha1-35T9jPZTHs915r75oIWPvHK+Ikc=
+param-case@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.3.tgz#4be41f8399eff621c56eebb829a5e451d9801238"
+  integrity sha512-VWBVyimc1+QrzappRs7waeN2YmoZFCGXWASRYX1/rGHtXqEcrGEIDm+jqIwFa2fRXNgQEwrxaYuIrX0WcAguTA==
   dependencies:
-    no-case "^2.2.0"
+    dot-case "^3.0.3"
+    tslib "^1.10.0"
 
 parent-module@^1.0.0:
   version "1.0.1"
@@ -9805,14 +9387,13 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-asn1@^5.0.0:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
-  integrity sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==
+parse-asn1@^5.0.0, parse-asn1@^5.1.5:
+  version "5.1.6"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4"
+  integrity sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==
   dependencies:
-    asn1.js "^4.0.0"
+    asn1.js "^5.2.0"
     browserify-aes "^1.0.0"
-    create-hash "^1.1.0"
     evp_bytestokey "^1.0.0"
     pbkdf2 "^3.0.3"
     safe-buffer "^5.1.1"
@@ -9833,13 +9414,13 @@ parse-json@^4.0.0:
     json-parse-better-errors "^1.0.1"
 
 parse-json@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.1.0.tgz#f96088cdf24a8faa9aea9a009f2d9d942c999646"
+  integrity sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==
   dependencies:
     "@babel/code-frame" "^7.0.0"
     error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
+    json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
 parse5@4.0.0:
@@ -9857,6 +9438,14 @@ parseurl@~1.3.2, parseurl@~1.3.3:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
+pascal-case@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.1.tgz#5ac1975133ed619281e88920973d2cd1f279de5f"
+  integrity sha512-XIeHKqIrsquVTQL2crjq3NfJUxmdLasn3TYOU0VBM+UX2a6ztAWBlJQBePLGY7VHW8+2dRadeIPK5+KImwTxQA==
+  dependencies:
+    no-case "^3.0.3"
+    tslib "^1.10.0"
+
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -9955,9 +9544,9 @@ path-type@^4.0.0:
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
 pbkdf2@^3.0.3:
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
-  integrity sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
+  integrity sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==
   dependencies:
     create-hash "^1.1.2"
     create-hmac "^1.1.4"
@@ -10098,19 +9687,18 @@ postcss-browser-comments@^3.0.0:
     postcss "^7"
 
 postcss-calc@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-7.0.1.tgz#36d77bab023b0ecbb9789d84dcb23c4941145436"
-  integrity sha512-oXqx0m6tb4N3JGdmeMSc/i91KppbYsFZKdH0xMOqK8V1rJlzrKlTdokz8ozUXLVejydRN6u2IddxpcijRj2FqQ==
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-7.0.5.tgz#f8a6e99f12e619c2ebc23cf6c486fdc15860933e"
+  integrity sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==
   dependencies:
-    css-unit-converter "^1.1.1"
-    postcss "^7.0.5"
-    postcss-selector-parser "^5.0.0-rc.4"
-    postcss-value-parser "^3.3.1"
+    postcss "^7.0.27"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.0.2"
 
 postcss-cli@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-cli/-/postcss-cli-8.1.0.tgz#cc93de3c652bf167a213ef689a855ae7fb1c8745"
-  integrity sha512-FYuV5zyYX53X5RywInxjWLqHZ4oCBC3nDwrHYU3Z75mFqUo5IHfbeY593heWSagG90nPnXq3tXCck8+2CUl8EA==
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-cli/-/postcss-cli-8.2.0.tgz#f94ad3792e4daece87f70fb4bda9368bb02bbf60"
+  integrity sha512-N7tgPpB/2yXk/04irc/RiImCkftVw42STaploQBeOT1xvrIkyG+YW+TsHAJ57xWwL+b0AjXnqs5/RL/1XIh2Lw==
   dependencies:
     chalk "^4.0.0"
     chokidar "^3.3.0"
@@ -10122,6 +9710,7 @@ postcss-cli@^8.1.0:
     postcss-reporter "^7.0.0"
     pretty-hrtime "^1.0.3"
     read-cache "^1.0.0"
+    slash "^3.0.0"
     yargs "^16.0.0"
 
 postcss-color-functional-notation@^2.0.1:
@@ -10282,9 +9871,9 @@ postcss-focus-within@^3.0.0:
     postcss "^7.0.2"
 
 postcss-font-variant@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-4.0.0.tgz#71dd3c6c10a0d846c5eda07803439617bbbabacc"
-  integrity sha512-M8BFYKOvCrI2aITzDad7kWuXXTm0YhGdP9Q8HanmN4EF1Hmcgs1KK5rSHylt/lUJe8yLxiSwWAHdScoEiIxztg==
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz#42d4c0ab30894f60f98b17561eb5c0321f502641"
+  integrity sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==
   dependencies:
     postcss "^7.0.2"
 
@@ -10339,9 +9928,9 @@ postcss-lab-function@^2.0.1:
     postcss-values-parser "^2.0.0"
 
 postcss-load-config@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.0.tgz#c84d692b7bb7b41ddced94ee62e8ab31b417b003"
-  integrity sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
+  integrity sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==
   dependencies:
     cosmiconfig "^5.0.0"
     import-cwd "^2.0.0"
@@ -10448,19 +10037,19 @@ postcss-modules-extract-imports@^2.0.0:
     postcss "^7.0.5"
 
 postcss-modules-local-by-default@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz#e8a6561be914aaf3c052876377524ca90dbb7915"
-  integrity sha512-jM/V8eqM4oJ/22j0gx4jrp63GSvDH6v86OqyTHHUvk4/k1vceipZsaymiZ5PvocqZOl5SFHiFJqjs3la0wnfIQ==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz#bb14e0cc78279d504dbdcbfd7e0ca28993ffbbb0"
+  integrity sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==
   dependencies:
     icss-utils "^4.1.1"
-    postcss "^7.0.16"
+    postcss "^7.0.32"
     postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.0.0"
+    postcss-value-parser "^4.1.0"
 
 postcss-modules-scope@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.1.1.tgz#33d4fc946602eb5e9355c4165d68a10727689dba"
-  integrity sha512-OXRUPecnHCg8b9xWvldG/jUpRIGPNRka0r4D4j0ESUU2/5IOnpsjfPPmDprM3Ih8CgZ8FXjWqaniK5v4rWt3oQ==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
+  integrity sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==
   dependencies:
     postcss "^7.0.6"
     postcss-selector-parser "^6.0.0"
@@ -10726,11 +10315,11 @@ postcss-selector-not@^4.0.0:
     postcss "^7.0.2"
 
 postcss-selector-parser@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865"
-  integrity sha1-T4dfSvsMllc9XPTXQBGu4lCn6GU=
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
+  integrity sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==
   dependencies:
-    dot-prop "^4.1.1"
+    dot-prop "^5.2.0"
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
@@ -10744,13 +10333,14 @@ postcss-selector-parser@^5.0.0-rc.3, postcss-selector-parser@^5.0.0-rc.4:
     uniq "^1.0.1"
 
 postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
-  integrity sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3"
+  integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==
   dependencies:
     cssesc "^3.0.0"
     indexes-of "^1.0.1"
     uniq "^1.0.1"
+    util-deprecate "^1.0.2"
 
 postcss-svgo@^4.0.2:
   version "4.0.2"
@@ -10771,17 +10361,12 @@ postcss-unique-selectors@^4.0.1:
     postcss "^7.0.0"
     uniqs "^2.0.0"
 
-postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.0, postcss-value-parser@^3.3.1:
+postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
 
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9"
-  integrity sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==
-
-postcss-value-parser@^4.1.0:
+postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
@@ -10822,16 +10407,7 @@ postcss@^6.0.9:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.23, postcss@^7.0.26, postcss@^7.0.5, postcss@^7.0.6:
-  version "7.0.26"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.26.tgz#5ed615cfcab35ba9bbb82414a4fa88ea10429587"
-  integrity sha512-IY4oRjpXWYshuTDFxMVkJDtWIk2LhsTlu8bZnbEJA4+bYT16Lvpo8Qv6EvDumhYRgzjZl489pmsY3qVgJQ08nA==
-  dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
-
-postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.32:
+postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.18, postcss@^7.0.2, postcss@^7.0.23, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
   version "7.0.35"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.35.tgz#d2be00b998f7f211d8a276974079f2e92b970e24"
   integrity sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==
@@ -10841,13 +10417,13 @@ postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.32:
     supports-color "^6.1.0"
 
 postcss@^8.1.2:
-  version "8.1.2"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.1.2.tgz#9731fcaa4f7b0bef47121821bdae9eeb609a324c"
-  integrity sha512-mToqEVFq8jF9TFhlIK4HhE34zknFJuNTgqtsr60vUvrWn+9TIYugCwiV1JZRxCuOrej2jjstun1bn4Bc7/1HkA==
+  version "8.1.7"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.1.7.tgz#ff6a82691bd861f3354fd9b17b2332f88171233f"
+  integrity sha512-llCQW1Pz4MOPwbZLmOddGM9eIJ8Bh7SZ2Oj5sxZva77uVaotYDsYTch1WBTNu7fUY0fpWp0fdt7uW40D4sRiiQ==
   dependencies:
     colorette "^1.2.1"
     line-column "^1.0.2"
-    nanoid "^3.1.12"
+    nanoid "^3.1.16"
     source-map "^0.6.1"
 
 prelude-ls@^1.2.1:
@@ -10878,17 +10454,17 @@ prettier@^2.1.2:
   integrity sha512-16c7K+x4qVlJg9rEbXl7HEGmQyZlG4R9AgP+oHKRMsMsuk8s+ATStlf1NpDqyBI1HpVyfjLOeMhH2LvuNvV5Vg==
 
 pretty-bytes@^5.1.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.3.0.tgz#f2849e27db79fb4d6cfe24764fc4134f165989f2"
-  integrity sha512-hjGrh+P926p4R4WbaB6OckyRtO0F0/lQBiT+0gnxjV+5kjPBrfVBFCsCLbMqVQeydvIoouYTCmmEURiH3R1Bdg==
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.4.1.tgz#cd89f79bbcef21e3d21eb0da68ffe93f803e884b"
+  integrity sha512-s1Iam6Gwz3JI5Hweaz4GoCD1WUNUIyzePFy5+Js2hjwGVt2Z79wNN+ZKOZ2vB6C+Xs6njyB84Z1IthQg8d9LxA==
 
 pretty-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"
-  integrity sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"
+  integrity sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==
   dependencies:
-    renderkid "^2.0.1"
-    utila "~0.4"
+    lodash "^4.17.20"
+    renderkid "^2.0.4"
 
 pretty-format@^24.0.0, pretty-format@^24.3.0, pretty-format@^24.9.0:
   version "24.9.0"
@@ -10910,26 +10486,21 @@ pretty-format@^25.1.0:
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
 
-pretty-format@^26.4.2:
-  version "26.6.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.0.tgz#1e1030e3c70e3ac1c568a5fd15627671ea159391"
-  integrity sha512-Uumr9URVB7bm6SbaByXtx+zGlS+0loDkFMHP0kHahMjmfCtmFY03iqd++5v3Ld6iB5TocVXlBN/T+DXMn9d4BA==
+pretty-format@^26.6.2:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
+  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
   dependencies:
-    "@jest/types" "^26.6.0"
+    "@jest/types" "^26.6.2"
     ansi-regex "^5.0.0"
     ansi-styles "^4.0.0"
-    react-is "^16.12.0"
+    react-is "^17.0.1"
 
 pretty-hrtime@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
   integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
 
-private@^0.1.6:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
-  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
-
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -10955,22 +10526,29 @@ promise-polyfill@8.1.3:
   resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.1.3.tgz#8c99b3cf53f3a91c68226ffde7bde81d7f904116"
   integrity sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g==
 
+promise@^7.1.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
+  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
+  dependencies:
+    asap "~2.0.3"
+
 promise@^8.0.3:
-  version "8.0.3"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-8.0.3.tgz#f592e099c6cddc000d538ee7283bb190452b0bf6"
-  integrity sha512-HeRDUL1RJiLhyA0/grn+PTShlBAcLuh/1BJGtrvjwbvRDCTLLMEz9rOGCV+R3vHY4MixIuoMEd9Yq/XvsTPcjw==
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-8.1.0.tgz#697c25c3dfe7435dd79fcd58c38a135888eaf05e"
+  integrity sha512-W04AqnILOL/sPRXziNicCjSNRruLAuIHEOVBazepu0545DDNGYHz7ar9ZgZ1fMU8/MA4mVxp5rkBWRi6OXIy3Q==
   dependencies:
     asap "~2.0.6"
 
 prompts@^2.0.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.3.0.tgz#a444e968fa4cc7e86689a74050685ac8006c4cc4"
-  integrity sha512-NfbbPPg/74fT7wk2XYQ7hAIp9zJyZp5Fu19iRbORqqy1BhtrkZ0fPafBU+7bmn8ie69DpT0R6QpJIN2oisYjJg==
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.0.tgz#4aa5de0723a231d1ee9121c40fdf663df73f61d7"
+  integrity sha512-awZAKrk3vN6CroQukBL+R9051a4R3zCZBlJm/HBfrSZ8iTpYix3VX1vU4mveiLpiwmOJT4wokTF9m6HUk4KqWQ==
   dependencies:
     kleur "^3.0.3"
-    sisteransi "^1.0.3"
+    sisteransi "^1.0.5"
 
-prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -10999,12 +10577,12 @@ protobufjs@^6.8.6, protobufjs@^6.9.0:
     long "^4.0.0"
 
 proxy-addr@~2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.5.tgz#34cbd64a2d81f4b1fd21e76f9f06c8a45299ee34"
-  integrity sha512-t/7RxHXPH6cJtP0pRG6smSr9QJidhB+3kXu0KgXnbGYMgzEnUxRQ4/LDdfOwZEMyIh3/xHb8PX3t+lfL9z+YVQ==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf"
+  integrity sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==
   dependencies:
     forwarded "~0.1.2"
-    ipaddr.js "1.9.0"
+    ipaddr.js "1.9.1"
 
 prr@~1.0.1:
   version "1.0.1"
@@ -11016,10 +10594,10 @@ pseudomap@^1.0.2:
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
-psl@^1.1.24, psl@^1.1.28:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.7.0.tgz#f1c4c47a8ef97167dea5d6bbf4816d736e884a3c"
-  integrity sha512-5NsSEDv8zY70ScRnOTn7bK7eanl2MvFrOrS/R6x+dBt5g1ghnj9Zv90kO8GwT8gxcu2ANyFprnFYB85IogIJOQ==
+psl@^1.1.28:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
+  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
 
 public-encrypt@^4.0.0:
   version "4.0.3"
@@ -11063,7 +10641,7 @@ punycode@1.3.2:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
   integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
 
-punycode@^1.2.4, punycode@^1.4.1:
+punycode@^1.2.4:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
   integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
@@ -11117,9 +10695,9 @@ querystring@0.2.0:
   integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
 
 querystringify@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
-  integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
 raf@^3.4.1:
   version "3.4.1"
@@ -11211,9 +10789,9 @@ react-dom@^16.14.0:
     scheduler "^0.19.1"
 
 react-elastic-carousel@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.1.tgz#e893aa10b6d6782d12041dd2f7330417354cd7d8"
-  integrity sha512-XgVFOocXXVRcQ2sHg9ZqbE3it4y3iYF2kCIuYbz0IwHK9ckSHSHeECKNPrbNtxDestzwhz5qIF4QI0ZMaRqvzw==
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.4.tgz#842ce633667e5dde3944999b4cc4138ad8da4d74"
+  integrity sha512-hritruwiAFp4/xcwv005rqxiwlIttcepDqhP9XMqioERRRRZED9Sl65l+7tl0B7wQH+M2Dfu3C82Josce6AWhQ==
   dependencies:
     classnames "^2.2.6"
     react-only-when "^1.0.2"
@@ -11221,9 +10799,9 @@ react-elastic-carousel@^0.9.1:
     resize-observer-polyfill "1.5.0"
 
 react-error-overlay@^6.0.7:
-  version "6.0.7"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108"
-  integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==
+  version "6.0.8"
+  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.8.tgz#474ed11d04fc6bda3af643447d85e9127ed6b5de"
+  integrity sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==
 
 react-i18next@^9.0.10:
   version "9.0.10"
@@ -11234,7 +10812,7 @@ react-i18next@^9.0.10:
     hoist-non-react-statics "3.2.1"
     html-parse-stringify2 "2.0.1"
 
-react-is@^16.12.0, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0:
+react-is@^16.12.0, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -11244,11 +10822,6 @@ react-is@^16.12.0, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-i
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339"
   integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
 
-react-is@^16.8.1, react-is@^16.8.4:
-  version "16.12.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
-  integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
-
 react-only-when@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/react-only-when/-/react-only-when-1.0.2.tgz#a8a79b48dd6cfbd91ddc710674a94153e88039d3"
@@ -11343,6 +10916,15 @@ react-scripts@3.4.3:
   optionalDependencies:
     fsevents "2.1.2"
 
+react-scroll-up-button@^1.6.4:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/react-scroll-up-button/-/react-scroll-up-button-1.6.4.tgz#9c4c45d1b58f2e4fcf60e44817a170becd25c7ba"
+  integrity sha512-ou/ZLbjAXgXnszmNp9g17XlZBat48V3Oz40ssEcu6dEIM2CVn/yWxej3Y4Fx1LyUtQ1cc/MoWOSXC2dufaiACg==
+  dependencies:
+    detect-passive-events "^1.0.4"
+    prop-types "^15.6.2"
+    tween-functions "^1.2.0"
+
 react-shallow-renderer@^16.13.1:
   version "16.14.1"
   resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.14.1.tgz#bf0d02df8a519a558fd9b8215442efa5c840e124"
@@ -11351,6 +10933,14 @@ react-shallow-renderer@^16.13.1:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0"
 
+react-spring@^8.0.27:
+  version "8.0.27"
+  resolved "https://registry.yarnpkg.com/react-spring/-/react-spring-8.0.27.tgz#97d4dee677f41e0b2adcb696f3839680a3aa356a"
+  integrity sha512-nDpWBe3ZVezukNRandTeLSPcwwTMjNVu1IDq9qA/AMiUqHuRN4BeSWvKr3eIxxg1vtiYiOLy4FqdfCP5IoP77g==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    prop-types "^15.5.8"
+
 react-swipeable@^5.5.1:
   version "5.5.1"
   resolved "https://registry.yarnpkg.com/react-swipeable/-/react-swipeable-5.5.1.tgz#48ae6182deaf62f21d4b87469b60281dbd7c4a76"
@@ -11467,10 +11057,10 @@ read-pkg@^4.0.1:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.6, readable-stream@^3.1.1:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.5.0.tgz#465d70e6d1087f6162d079cd0b5db7fbebfd1606"
-  integrity sha512-gSz026xs2LfxBPudDuI41V1lka8cxg64E66SGe78zJlsUofOg/yqwezdIcdfwik6B4h8LFmWPA9ef9X3FiNFLA==
+readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
   dependencies:
     inherits "^2.0.3"
     string_decoder "^1.1.1"
@@ -11499,6 +11089,16 @@ realpath-native@^1.1.0:
   dependencies:
     util.promisify "^1.0.0"
 
+recompose@^0.26.0:
+  version "0.26.0"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.26.0.tgz#9babff039cb72ba5bd17366d55d7232fbdfb2d30"
+  integrity sha512-KwOu6ztO0mN5vy3+zDcc45lgnaUoaQse/a5yLVqtzTK13czSWnFGmXbQVmnoMgDkI5POd1EwIKSbjU1V7xdZog==
+  dependencies:
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    symbol-observable "^1.0.4"
+
 recursive-readdir@2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.2.tgz#9946fb3274e1628de6e36b2f6714953b4845094f"
@@ -11530,13 +11130,6 @@ reduce-css-calc@^2.1.6:
     css-unit-converter "^1.1.1"
     postcss-value-parser "^3.3.0"
 
-regenerate-unicode-properties@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
-  integrity sha512-LGZzkgtLY79GeXLm8Dp0BVLdQlWICzBnJz/ipWUgo59qBaZ+BHtq51P2q1uVZlppMuUAT37SDk39qUbjTWB7bA==
-  dependencies:
-    regenerate "^1.4.0"
-
 regenerate-unicode-properties@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
@@ -11545,32 +11138,20 @@ regenerate-unicode-properties@^8.2.0:
     regenerate "^1.4.0"
 
 regenerate@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
-  integrity sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
 regenerator-runtime@^0.11.0:
   version "0.11.1"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
   integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
 
-regenerator-runtime@^0.13.2, regenerator-runtime@^0.13.3:
-  version "0.13.3"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5"
-  integrity sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==
-
-regenerator-runtime@^0.13.4:
+regenerator-runtime@^0.13.3, regenerator-runtime@^0.13.4:
   version "0.13.7"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55"
   integrity sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==
 
-regenerator-transform@^0.14.0:
-  version "0.14.1"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.1.tgz#3b2fce4e1ab7732c08f665dfdb314749c7ddd2fb"
-  integrity sha512-flVuee02C3FKRISbxhXl9mGzdbWUVHubl1SMaknjxkFB1/iqpJhArQUvRxOOPEc/9tAiX0BaQ28FJH10E4isSQ==
-  dependencies:
-    private "^0.1.6"
-
 regenerator-transform@^0.14.2:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.5.tgz#c98da154683671c9c4dcb16ece736517e1b7feb4"
@@ -11604,28 +11185,11 @@ regexpp@^2.0.1:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
   integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
 
-regexpp@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
-  integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
-
-regexpp@^3.1.0:
+regexpp@^3.0.0, regexpp@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
   integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
 
-regexpu-core@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.6.0.tgz#2037c18b327cfce8a6fea2a4ec441f2432afb8b6"
-  integrity sha512-YlVaefl8P5BnFYOITTNzDvan1ulLOiXJzCNZxduTIosN17b87h3bvG9yHMoHaRuo88H4mQ06Aodj5VtYGGGiTg==
-  dependencies:
-    regenerate "^1.4.0"
-    regenerate-unicode-properties "^8.1.0"
-    regjsgen "^0.5.0"
-    regjsparser "^0.6.0"
-    unicode-match-property-ecmascript "^1.0.4"
-    unicode-match-property-value-ecmascript "^1.1.0"
-
 regexpu-core@^4.7.1:
   version "4.7.1"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.7.1.tgz#2dea5a9a07233298fbf0db91fa9abc4c6e0f8ad6"
@@ -11638,23 +11202,11 @@ regexpu-core@^4.7.1:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.2.0"
 
-regjsgen@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.1.tgz#48f0bf1a5ea205196929c0d9798b42d1ed98443c"
-  integrity sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg==
-
 regjsgen@^0.5.1:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
   integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
 
-regjsparser@^0.6.0:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.2.tgz#fd62c753991467d9d1ffe0a9f67f27a529024b96"
-  integrity sha512-E9ghzUtoLwDekPT0DYCp+c4h+bvuUpe6rRHCTYn6eGoqj1LgKXxT6I0Il4WbjhQkOghzi/V+y03bPKvbllL93Q==
-  dependencies:
-    jsesc "~0.5.0"
-
 regjsparser@^0.6.4:
   version "0.6.4"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.4.tgz#a769f8684308401a66e9b529d2436ff4d0666272"
@@ -11672,16 +11224,16 @@ remove-trailing-separator@^1.0.1:
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
   integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
 
-renderkid@^2.0.1:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.3.tgz#380179c2ff5ae1365c522bf2fcfcff01c5b74149"
-  integrity sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==
+renderkid@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.4.tgz#d325e532afb28d3f8796ffee306be8ffd6fc864c"
+  integrity sha512-K2eXrSOJdq+HuKzlcjOlGoOarUu5SDguDEhE7+Ah4zuOWL40j8A/oHvLlLob9PSTNvVnBd+/q0Er1QfpEuem5g==
   dependencies:
     css-select "^1.1.0"
     dom-converter "^0.2"
     htmlparser2 "^3.3.0"
+    lodash "^4.17.20"
     strip-ansi "^3.0.0"
-    utila "^0.4.0"
 
 repeat-element@^1.1.2:
   version "1.1.3"
@@ -11700,26 +11252,26 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
-request-promise-core@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
-  integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
+request-promise-core@1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.4.tgz#3eedd4223208d419867b78ce815167d10593a22f"
+  integrity sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==
   dependencies:
-    lodash "^4.17.15"
+    lodash "^4.17.19"
 
 request-promise-native@^1.0.5:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
-  integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.9.tgz#e407120526a5efdc9a39b28a5679bf47b9d9dc28"
+  integrity sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==
   dependencies:
-    request-promise-core "1.1.3"
+    request-promise-core "1.1.4"
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
 request@^2.87.0, request@^2.88.0:
-  version "2.88.0"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
-  integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==
+  version "2.88.2"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
+  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
   dependencies:
     aws-sign2 "~0.7.0"
     aws4 "^1.8.0"
@@ -11728,7 +11280,7 @@ request@^2.87.0, request@^2.88.0:
     extend "~3.0.2"
     forever-agent "~0.6.1"
     form-data "~2.3.2"
-    har-validator "~5.1.0"
+    har-validator "~5.1.3"
     http-signature "~1.2.0"
     is-typedarray "~1.0.0"
     isstream "~0.1.2"
@@ -11738,7 +11290,7 @@ request@^2.87.0, request@^2.88.0:
     performance-now "^2.1.0"
     qs "~6.5.2"
     safe-buffer "^5.1.2"
-    tough-cookie "~2.4.3"
+    tough-cookie "~2.5.0"
     tunnel-agent "^0.6.0"
     uuid "^3.3.2"
 
@@ -11815,18 +11367,19 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@1.15.0, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.3.2, resolve@^1.8.1:
+resolve@1.15.0:
   version "1.15.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.15.0.tgz#1b7ca96073ebb52e741ffd799f6b39ea462c67f5"
   integrity sha512-+hTmAldEGE80U2wJJDC1lebb5jWqvTYAfm3YZ1ckk1gBr0MnCqUKlwK1e+anaFljIl+F5tR5IoZcm4ZDA1zMQw==
   dependencies:
     path-parse "^1.0.6"
 
-resolve@^1.14.2, resolve@^1.15.1, resolve@^1.17.0:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
-  integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
+resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.15.1, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.3.2, resolve@^1.8.1:
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.19.0.tgz#1af5bf630409734a067cae29318aac7fa29a267c"
+  integrity sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==
   dependencies:
+    is-core-module "^2.1.0"
     path-parse "^1.0.6"
 
 restore-cursor@^3.1.0:
@@ -11902,17 +11455,15 @@ rsvp@^4.8.4:
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
   integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
 
-run-async@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
-  integrity sha1-A3GrSuC91yDUFm19/aZP96RFpsA=
-  dependencies:
-    is-promise "^2.1.0"
+run-async@^2.2.0, run-async@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
+  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
 
 run-parallel@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
-  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
+  version "1.1.10"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.10.tgz#60a51b2ae836636c81377df16cb107351bcd13ef"
+  integrity sha512-zb/1OuZ6flOlH6tQyMPUrE3x3Ulxjlo9WIVXR4yVYi4H9UXQaeIsPbLn2R3O3vQCnDKkAl2qHiuocKKX4Tz/Sw==
 
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
@@ -11921,29 +11472,22 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
-rxjs@^6.5.2, rxjs@^6.6.2:
+rxjs@^6.5.2, rxjs@^6.5.3, rxjs@^6.6.0, rxjs@^6.6.3:
   version "6.6.3"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
   integrity sha512-trsQc+xYYXZ3urjOiJOuCOa5N3jAZ3eiSpQB5hIT8zGlL2QfnHLJ2r7GMkBGuIausdJN1OneaI6gQlsqNHHmZQ==
   dependencies:
     tslib "^1.9.0"
 
-rxjs@^6.5.3:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
-  integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==
-  dependencies:
-    tslib "^1.9.0"
-
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
-  integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
+safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
 safe-regex@^1.1.0:
   version "1.1.0"
@@ -11952,7 +11496,7 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -12035,15 +11579,7 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
-schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6.1:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.6.4.tgz#a27efbf6e4e78689d91872ee3ccfa57d7bdd0f53"
-  integrity sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==
-  dependencies:
-    ajv "^6.10.2"
-    ajv-keywords "^3.4.1"
-
-schema-utils@^2.6.5, schema-utils@^2.6.6:
+schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
   integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
@@ -12066,11 +11602,11 @@ select-hose@^2.0.0:
   integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
 
 selfsigned@^1.10.7:
-  version "1.10.7"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.7.tgz#da5819fd049d5574f28e88a9bcc6dbc6e6f3906b"
-  integrity sha512-8M3wBCzeWIJnQfl43IKwOmC4H/RAp50S8DF60znzjW5GVqTcSe2vWclt7hmYVPkKPlHWOu5EaWOMZ2Y6W8ZXTA==
+  version "1.10.8"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.8.tgz#0d17208b7d12c33f8eac85c41835f27fc3d81a30"
+  integrity sha512-2P4PtieJeEwVgTU9QEcwIRDQ/mXJLX8/+I3ur+Pg16nS8oNbrGxEso9NyYWy8NAmXiNl4dlAp5MwoNeCWzON4w==
   dependencies:
-    node-forge "0.9.0"
+    node-forge "^0.10.0"
 
 semver-compare@^1.0.0:
   version "1.0.0"
@@ -12097,7 +11633,7 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@^7.2.1:
+semver@^7.2.1, semver@^7.3.2:
   version "7.3.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
@@ -12126,11 +11662,6 @@ send@0.17.1:
     range-parser "~1.2.1"
     statuses "~1.5.0"
 
-serialize-javascript@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
-  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
-
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
@@ -12176,7 +11707,7 @@ set-value@^2.0.0, set-value@^2.0.1:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
-setimmediate@^1.0.4:
+setimmediate@^1.0.4, setimmediate@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
   integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
@@ -12264,9 +11795,9 @@ side-channel@^1.0.2:
     object-inspect "^1.8.0"
 
 signal-exit@^3.0.0, signal-exit@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
-  integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
+  integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
 
 simple-swizzle@^0.2.2:
   version "0.2.2"
@@ -12275,10 +11806,10 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-sisteransi@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.4.tgz#386713f1ef688c7c0304dc4c0632898941cad2e3"
-  integrity sha512-/ekMoM4NJ59ivGSfKapeG+FWtrmWvA1p6FBZwXrqojw90vJu8lBmrTxCMuBCydKtkaUe2zt4PlxeTKpjwMbyig==
+sisteransi@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
+  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
 slash@^1.0.0:
   version "1.0.0"
@@ -12397,9 +11928,9 @@ source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
     urix "^0.1.0"
 
 source-map-support@^0.5.6, source-map-support@~0.5.12:
-  version "0.5.16"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
-  integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==
+  version "0.5.19"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
   dependencies:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
@@ -12432,30 +11963,30 @@ spawn-command@^0.0.2-1:
   integrity sha1-YvXpRmmBwbeW3Fkpk34RycaSG9A=
 
 spdx-correct@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
-  integrity sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
+  integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
   dependencies:
     spdx-expression-parse "^3.0.0"
     spdx-license-ids "^3.0.0"
 
 spdx-exceptions@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz#2ea450aee74f2a89bfb94519c07fcd6f41322977"
-  integrity sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
+  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
 
 spdx-expression-parse@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz#99e119b7a5da00e05491c9fa338b7904823b41d0"
-  integrity sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
+  integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
   dependencies:
     spdx-exceptions "^2.1.0"
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz#3694b5804567a458d3c8045842a6358632f62654"
-  integrity sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.6.tgz#c80757383c28abf7296744998cbc106ae8b854ce"
+  integrity sha512-+orQK83kyMva3WyPf59k1+Y525csj5JejicWut55zeTWANuN17qSiSLUXWtzHeNWORSvT7GLDJ/E/XiIWoXBTw==
 
 spdy-transport@^3.0.0:
   version "3.0.0"
@@ -12663,36 +12194,20 @@ string.prototype.matchall@^4.0.2:
     side-channel "^1.0.2"
 
 string.prototype.trimend@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
-  integrity sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-
-string.prototype.trimleft@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz#9bdb8ac6abd6d602b17a4ed321870d2f8dcefc74"
-  integrity sha512-iu2AGd3PuP5Rp7x2kEZCrB2Nf41ehzh+goo8TV7z8/XDBbsvc6HQIlUl9RjkZ4oyrW1XM5UwlGl1oVEaDjg6Ag==
-  dependencies:
-    define-properties "^1.1.3"
-    function-bind "^1.1.1"
-
-string.prototype.trimright@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.1.tgz#440314b15996c866ce8a0341894d45186200c5d9"
-  integrity sha512-qFvWL3/+QIgZXVmJBfpHmxLB7xsUXz6HsUmP8+5dRaC3Q7oKUv9Vo6aMCRZC1smrtyECFsIT30PqBJ1gTjAs+g==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.2.tgz#6ddd9a8796bc714b489a3ae22246a208f37bfa46"
+  integrity sha512-8oAG/hi14Z4nOVP0z6mdiVZ/wqjDtWSLygMigTzAb+7aPEDTleeFf+WrF+alzecxIRkckkJVn+dTlwzJXORATw==
   dependencies:
     define-properties "^1.1.3"
-    function-bind "^1.1.1"
+    es-abstract "^1.18.0-next.1"
 
 string.prototype.trimstart@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
-  integrity sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.2.tgz#22d45da81015309cd0cdd79787e8919fc5c613e7"
+  integrity sha512-7F6CdBTl5zyu30BJFdzSTlSlLPwODC23Od+iLoVH8X6+3fvDPPuBVVj9iaB1GOsSTSIgVfsfm27R2FGrAPznWg==
   dependencies:
     define-properties "^1.1.3"
-    es-abstract "^1.17.5"
+    es-abstract "^1.18.0-next.1"
 
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
@@ -12789,12 +12304,7 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
-  integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
-
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-json-comments@^3.0.1, strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
@@ -12808,9 +12318,9 @@ style-loader@0.23.1:
     schema-utils "^1.0.0"
 
 styled-components@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.2.0.tgz#6dcb5aa8a629c84b8d5ab34b7167e3e0c6f7ed74"
-  integrity sha512-9qE8Vgp8C5cpGAIdFaQVAl89Zgx1TDM4Yf4tlHbO9cPijtpSXTMLHy9lmP0lb+yImhgPFb1AmZ1qMUubmg3HLg==
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.2.1.tgz#6ed7fad2dc233825f64c719ffbdedd84ad79101a"
+  integrity sha512-sBdgLWrCFTKtmZm/9x7jkIabjFNVzCUeKfoQsM6R3saImkUnjx0QYdLwJHBjY9ifEcmjDamJDVfknWm1yxZPxQ==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/traverse" "^7.4.5"
@@ -12851,14 +12361,7 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@^7.1.0:
+supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
@@ -12866,9 +12369,9 @@ supports-color@^7.1.0:
     has-flag "^4.0.0"
 
 svg-parser@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.3.tgz#a38f2e4e5442986f7ecb554c11f1411cfcf8c2b9"
-  integrity sha512-fnCWiifNhK8i2Z7b9R5tbNahpxrRdAaQbnoxKlT2KrSCj9Kq/yBSgulCRgBJRhy1dPnSY5slg5ehPUnzpEcHlg==
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
+  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
 
 svgo@^1.0.0, svgo@^1.2.2:
   version "1.3.2"
@@ -12889,6 +12392,11 @@ svgo@^1.0.0, svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+symbol-observable@^1.0.4:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
+  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
+
 symbol-tree@^3.2.2:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -12905,9 +12413,9 @@ table@^5.2.3:
     string-width "^3.0.0"
 
 tailwindcss@^1.9.5:
-  version "1.9.5"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.9.5.tgz#3339b790a68bc1f09a8efd8eb94cb05aed5235c2"
-  integrity sha512-Je5t1fAfyW333YTpSxF+8uJwbnrkpyBskDtZYgSMMKQbNp6QUhEKJ4g/JIevZjD2Zidz9VxLraEUq/yWOx6nQg==
+  version "1.9.6"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.9.6.tgz#0c5089911d24e1e98e592a31bfdb3d8f34ecf1a0"
+  integrity sha512-nY8WYM/RLPqGsPEGEV2z63riyQPcHYZUJpAwdyBzVpxQHOHqHE+F/fvbCeXhdF1+TA5l72vSkZrtYCB9hRcwkQ==
   dependencies:
     "@fullhuman/postcss-purgecss" "^2.1.2"
     autoprefixer "^9.4.5"
@@ -12962,30 +12470,21 @@ terser-webpack-plugin@2.3.8:
     webpack-sources "^1.4.3"
 
 terser-webpack-plugin@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
-  integrity sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==
+  version "1.4.5"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz#a217aefaea330e734ffacb6120ec1fa312d6040b"
+  integrity sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==
   dependencies:
     cacache "^12.0.2"
     find-cache-dir "^2.1.0"
     is-wsl "^1.1.0"
     schema-utils "^1.0.0"
-    serialize-javascript "^2.1.2"
+    serialize-javascript "^4.0.0"
     source-map "^0.6.1"
     terser "^4.1.2"
     webpack-sources "^1.4.0"
     worker-farm "^1.7.0"
 
-terser@^4.1.2, terser@^4.3.9:
-  version "4.6.3"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-4.6.3.tgz#e33aa42461ced5238d352d2df2a67f21921f8d87"
-  integrity sha512-Lw+ieAXmY69d09IIc/yqeBqXpEQIpDGZqT34ui1QWXIUpR2RjbqEkT8X7Lgex19hslSqcWM5iMN2kM11eMsESQ==
-  dependencies:
-    commander "^2.20.0"
-    source-map "~0.6.1"
-    source-map-support "~0.5.12"
-
-terser@^4.6.12:
+terser@^4.1.2, terser@^4.6.12, terser@^4.6.3:
   version "4.8.0"
   resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
   integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
@@ -13033,9 +12532,9 @@ thunky@^1.0.2:
   integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
 timers-browserify@^2.0.4:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
-  integrity sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
+  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
   dependencies:
     setimmediate "^1.0.4"
 
@@ -13113,7 +12612,7 @@ toidentifier@1.0.0:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
 
-tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@^2.5.0:
+tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@^2.5.0, tough-cookie@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
   integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
@@ -13121,14 +12620,6 @@ tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@^2.5.0:
     psl "^1.1.28"
     punycode "^2.1.1"
 
-tough-cookie@~2.4.3:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781"
-  integrity sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==
-  dependencies:
-    psl "^1.1.24"
-    punycode "^1.4.1"
-
 tr46@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
@@ -13173,16 +12664,11 @@ tsconfig-paths@^3.9.0:
     minimist "^1.2.0"
     strip-bom "^3.0.0"
 
-tslib@^1.11.1:
+tslib@^1.10.0, tslib@^1.11.1, tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^1.8.1, tslib@^1.9.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
-  integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
-
 tsutils@^3.17.1:
   version "3.17.1"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
@@ -13202,6 +12688,11 @@ tunnel-agent@^0.6.0:
   dependencies:
     safe-buffer "^5.0.1"
 
+tween-functions@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/tween-functions/-/tween-functions-1.2.0.tgz#1ae3a50e7c60bb3def774eac707acbca73bbc3ff"
+  integrity sha1-GuOlDnxguz3vd06scHrLynO7w/8=
+
 tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
@@ -13245,15 +12736,20 @@ type@^1.0.1:
   integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
 
 type@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.0.0.tgz#5f16ff6ef2eb44f260494dae271033b29c09a9c3"
-  integrity sha512-KBt58xCHry4Cejnc2ISQAF7QY+ORngsWfxezO68+12hKV6lQY8P/psIkcbjeHWn7MqcgciWJyCCevFMJdIXpow==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/type/-/type-2.1.0.tgz#9bdc22c648cf8cf86dd23d32336a41cfb6475e3f"
+  integrity sha512-G9absDWvhAWCV2gmF1zKud3OyC61nZDwWvBL2DApaVFogI07CprggiQAOOjvp2NRjYWFzPyu7vwtDrQFq8jeSA==
 
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+ua-parser-js@^0.7.18:
+  version "0.7.22"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.22.tgz#960df60a5f911ea8f1c818f3747b99c6e177eae3"
+  integrity sha512-YUxzMjJ5T71w6a8WWVcMGM6YWOTX27rCoIQgLXiWaxqXSx9D7DNjiGWn1aJIRSQ5qr0xuhra77bSIh6voR/46Q==
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
@@ -13267,20 +12763,15 @@ unicode-match-property-ecmascript@^1.0.4:
     unicode-canonical-property-names-ecmascript "^1.0.4"
     unicode-property-aliases-ecmascript "^1.0.4"
 
-unicode-match-property-value-ecmascript@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz#5b4b426e08d13a80365e0d657ac7a6c1ec46a277"
-  integrity sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==
-
 unicode-match-property-value-ecmascript@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
   integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==
 
 unicode-property-aliases-ecmascript@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz#a9cc6cc7ce63a0a3023fc99e341b94431d405a57"
-  integrity sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
+  integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
 
 union-value@^1.0.0:
   version "1.0.1"
@@ -13326,6 +12817,11 @@ universalify@^1.0.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-1.0.0.tgz#b61a1da173e8435b2fe3c67d29b9adf8594bd16d"
   integrity sha512-rb6X1W158d7pRQBg5gkR8uPaSfiids68LTJQYOtEUhoJUWBdaQHsuT/EUduxXYxcrt4r5PJ4fuHW1MHT6p0qug==
 
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
 unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
@@ -13349,15 +12845,10 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-upper-case@^1.1.1:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
-  integrity sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=
-
 uri-js@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
-  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.0.tgz#aa714261de793e8a82347a7bcc9ce74e86f28602"
+  integrity sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==
   dependencies:
     punycode "^2.1.0"
 
@@ -13396,7 +12887,7 @@ use@^3.1.0:
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
   integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
 
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
@@ -13433,7 +12924,7 @@ util@^0.11.0:
   dependencies:
     inherits "2.0.3"
 
-utila@^0.4.0, utila@~0.4:
+utila@~0.4:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
   integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
@@ -13449,9 +12940,9 @@ uuid@^3.3.2, uuid@^3.4.0:
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
 v8-compile-cache@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
-  integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz#9471efa3ef9128d2f7c6a7ca39c4dd6b5055b132"
+  integrity sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==
 
 validate-npm-package-license@^3.0.1:
   version "3.0.4"
@@ -13496,11 +12987,11 @@ void-elements@^2.0.1:
   integrity sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=
 
 w3c-hr-time@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.1.tgz#82ac2bff63d950ea9e3189a58a65625fedf19045"
-  integrity sha1-gqwr/2PZUOqeMYmlimViX+3xkEU=
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
   dependencies:
-    browser-process-hrtime "^0.1.2"
+    browser-process-hrtime "^1.0.0"
 
 w3c-xmlserializer@^1.1.2:
   version "1.1.2"
@@ -13523,14 +13014,23 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
+watchpack-chokidar2@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz#38500072ee6ece66f3769936950ea1771be1c957"
+  integrity sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==
+  dependencies:
+    chokidar "^2.1.8"
+
 watchpack@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.0.tgz#4bc12c2ebe8aa277a71f1d3f14d685c7b446cd00"
-  integrity sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
+  integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
   dependencies:
-    chokidar "^2.0.2"
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
+  optionalDependencies:
+    chokidar "^3.4.1"
+    watchpack-chokidar2 "^2.0.1"
 
 wbuf@^1.1.0, wbuf@^1.7.3:
   version "1.7.3"
@@ -13657,18 +13157,18 @@ websocket-driver@0.6.5:
     websocket-extensions ">=0.1.1"
 
 websocket-driver@>=0.5.1:
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.3.tgz#a2d4e0d4f4f116f1e6297eba58b05d430100e9f9"
-  integrity sha512-bpxWlvbbB459Mlipc5GBzzZwhoZgGEZLuqPaR0INBGnPAY1vdBX6hPnoFXiw+3yWxDuHyQjO2oXTMyS8A5haFg==
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
   dependencies:
-    http-parser-js ">=0.4.0 <0.4.11"
+    http-parser-js ">=0.5.1"
     safe-buffer ">=5.1.0"
     websocket-extensions ">=0.1.1"
 
 websocket-extensions@>=0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
-  integrity sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
 whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5:
   version "1.0.5"
@@ -13682,10 +13182,10 @@ whatwg-fetch@2.0.4:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
   integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
 
-whatwg-fetch@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz#fc804e458cc460009b1a2b966bc8817d2578aefb"
-  integrity sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q==
+whatwg-fetch@>=0.10.0, whatwg-fetch@^3.0.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.5.0.tgz#605a2cd0a7146e5db141e29d1c62ab84c0c4c868"
+  integrity sha512-jXkLtsR42xhXg7akoDKvKWE40eJeI+2KZqcp2h3NsOrRnDvtWX36KcKl30dy+hxECivdk2BVUHVNrPtoMBUx6A==
 
 whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
   version "2.3.0"
@@ -13973,11 +13473,11 @@ xmlhttprequest@1.8.0:
   integrity sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw=
 
 xregexp@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.3.0.tgz#7e92e73d9174a99a59743f67a4ce879a04b5ae50"
-  integrity sha512-7jXDIFXh5yJ/orPn4SXjuVrWWoi4Cr8jfV1eHv9CixKSbU+jY4mxfrBwAuDvupPNKpMUY+FeIqsVw/JLT9+B8g==
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.4.0.tgz#29660f5d6567cd2ef981dd4a50cb05d22c10719d"
+  integrity sha512-83y4aa8o8o4NZe+L+46wpa+F1cWR/wCGOWI3tzqUso0w3/KAvXy0+Di7Oe/cbNMixDR4Jmi7NEybWU6ps25Wkg==
   dependencies:
-    "@babel/runtime-corejs3" "^7.8.3"
+    "@babel/runtime-corejs3" "^7.12.1"
 
 xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
   version "4.0.2"
@@ -13990,9 +13490,9 @@ y18n@^4.0.0:
   integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
 
 y18n@^5.0.2:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.4.tgz#0ab2db89dd5873b5ec4682d8e703e833373ea897"
-  integrity sha512-deLOfD+RvFgrpAmSZgfGdWYE+OKyHcVHaRQ7NphG/63scpRvTHHeQMAxGGvaLVGJ+HYVcCXlzcTK0ZehFf+eHQ==
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.5.tgz#8769ec08d03b1ea2df2500acef561743bbb9ab18"
+  integrity sha512-hsRUr4FFrvhhRH12wOdfs38Gy7k2FFzB9qgN9v3aLykRq0dRcdcpz5C9FxdS2NuhOrI/628b/KSTJ3rwHysYSg==
 
 yallist@^2.1.2:
   version "2.1.2"
@@ -14009,26 +13509,11 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0:
+yaml@^1.10.0, yaml@^1.7.2:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
   integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
 
-yaml@^1.7.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.7.2.tgz#f26aabf738590ab61efaca502358e48dc9f348b2"
-  integrity sha512-qXROVp90sb83XtAoqE8bP9RwAkTTZbugRUTm5YeFCBfNRPEp2YzTeqWiz7m5OORHzEvrA/qcGS8hp/E+MMROYw==
-  dependencies:
-    "@babel/runtime" "^7.6.3"
-
-yargs-parser@^13.1.1:
-  version "13.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
-  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
 yargs-parser@^13.1.2:
   version "13.1.2"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
@@ -14046,27 +13531,11 @@ yargs-parser@^18.1.2:
     decamelize "^1.2.0"
 
 yargs-parser@^20.2.2:
-  version "20.2.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.3.tgz#92419ba867b858c868acf8bae9bf74af0dd0ce26"
-  integrity sha512-emOFRT9WVHw03QSvN5qor9QQT9+sw5vwxfYweivSMHTcAXPefwVae2FjO7JJjj8hCE4CzPOPeFM83VwT29HCww==
-
-yargs@^13.3.0:
-  version "13.3.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
-  integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
-  dependencies:
-    cliui "^5.0.0"
-    find-up "^3.0.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^3.0.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^13.1.1"
+  version "20.2.4"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
+  integrity sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==
 
-yargs@^13.3.2:
+yargs@^13.3.0, yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
   integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==

From ad888a813894d8c0839b4bbe354cce42751e7b87 Mon Sep 17 00:00:00 2001
From: Watheq Alshowaiter <watheq.alshowaiter@gmail.com>
Date: Thu, 12 Nov 2020 12:01:22 +0300
Subject: [PATCH 03/15] Fix: fix routing problems

---
 src/components/Button/Button.jsx                         | 4 ++--
 src/components/Footer/Footer.jsx                         | 6 +++---
 src/components/Statistics/Statistics.js                  | 2 +-
 src/components/Statistics/data.js                        | 6 +++---
 src/components/navbar/NavBar.jsx                         | 4 ++--
 src/containers/WebsiteDescription/WebsiteDescription.jsx | 4 ++--
 src/images/Path.svg                                      | 2 +-
 7 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
index d6659ff..a0416d3 100644
--- a/src/components/Button/Button.jsx
+++ b/src/components/Button/Button.jsx
@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 
 const Button = (props) => {
   return (
     <div>
-      <button className="rounded-full w-48 h-16 bg-gradient-to-r from-blue-400 to-blue-700 text-white text-xl">
+      <button className="rounded-full px-4 py-2 bg-gradient-to-r from-teal-200 via-blue-500 to-blue-700 text-white text-xl hover:opacity-75">
         <div className="flex flex-row-reverse justify-center">
           {props.buttonName}
           <img src={props.icon} alt={props.alt} className="mr-8" />
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 3e47249..4411071 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -17,7 +17,7 @@ import bg from '../../images/footer/bg.svg';
 const Footer = () => {
   return (
     <div>
-      <Router>
+      <>
         <div className="footer" data-testid="footer">
           <div className="container m-auto p-0  md:p-6   md:px-10 lg:px-24 ">
             <div className="  mb-8 p-2 w-full flex flex-wrap  pt-12">
@@ -55,7 +55,7 @@ const Footer = () => {
                     <LinkFooter pathLink="/about_us" nameLink="About" />
                   </div>
                   <div className="links  ">
-                    <LinkFooter pathLink="/search" nameLink="Search" />
+                    <LinkFooter pathLink="/missing_people" nameLink="Search" />
                     <LinkFooter pathLink="/add_post" nameLink="Post" />
                   </div>
                 </div>
@@ -93,7 +93,7 @@ const Footer = () => {
             </div>
           </div>
         </div>
-      </Router>
+      </>
     </div>
   );
 };
diff --git a/src/components/Statistics/Statistics.js b/src/components/Statistics/Statistics.js
index 94f5f38..72c70d6 100644
--- a/src/components/Statistics/Statistics.js
+++ b/src/components/Statistics/Statistics.js
@@ -35,7 +35,7 @@ const FigureList = (props) => {
 };
 export const Statitics = (props) => {
   return (
-    <section className="my-12">
+    <section className="my-32">
       <div className="lg:mx-16 md:mx-8 sm:mx-6 p-8 flex flex-col sm:flex-col md:flex-row space-y-24 md:space-y-0">
         <FigureList info={props.info} />
       </div>
diff --git a/src/components/Statistics/data.js b/src/components/Statistics/data.js
index fb0491f..98e8670 100644
--- a/src/components/Statistics/data.js
+++ b/src/components/Statistics/data.js
@@ -7,19 +7,19 @@ import locationIcon from '../../images/location.svg';
 const info = [
   {
     id: 1,
-    text: 'مشاهدة',
+    text: 'views',
     icon: glassesIcon,
     figure: 1250,
   },
   {
     id: 2,
-    text: 'شخص تم إيجاده',
+    text: 'successfully found',
     icon: lensIcon,
     figure: 16,
   },
   {
     id: 3,
-    text: 'مفقود',
+    text: 'lost',
     icon: locationIcon,
     figure: 240,
   },
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index bc01561..253e4e9 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -77,7 +77,7 @@ const Navbar = (props) => {
         } xl:flex flex-grow items-center`}
       >
         <ul className="flex flex-col xl:flex-row list-none xl:ml-auto items-start xl:items-center">
-          <Router>
+          <>
             <li className="mt-2 xl:mt-0">
               <Link
                 to="/"
@@ -192,7 +192,7 @@ const Navbar = (props) => {
                 </button>
               </Link>
             </li>
-          </Router>
+          </>
           {currentUser ? (
             <li className="mx-3 mt-2 xl:mt-0 flex items-center">
               <img
diff --git a/src/containers/WebsiteDescription/WebsiteDescription.jsx b/src/containers/WebsiteDescription/WebsiteDescription.jsx
index 82907e8..9a7d63e 100644
--- a/src/containers/WebsiteDescription/WebsiteDescription.jsx
+++ b/src/containers/WebsiteDescription/WebsiteDescription.jsx
@@ -7,10 +7,10 @@ import { Link } from 'react-router-dom';
 const WebsiteDescription = () => {
   return (
     <div className="flex justify-around flex-col-reverse m-4 sm:m-0 sm:flex-row flex-grow sm-flex-grow-0 ">
-      <div className="sm:w-2/5 bg-ahmed-100 content-between">
+      <div className="sm:w-2/5 bg-ahmed-100 content-between text-left">
         <div>
           <h1 className="text-4xl">Lost Someone?</h1>
-          <h4 className="text-3xl text-blue-500">
+          <h4 className="text-3xl text-blue-500 font-medium">
             Search here to find him/her
           </h4>
           <p>
diff --git a/src/images/Path.svg b/src/images/Path.svg
index c0faa8a..69d5eb8 100644
--- a/src/images/Path.svg
+++ b/src/images/Path.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-  <path id="Path_2791" data-name="Path 2791" d="M12,2.4a9.6,9.6,0,1,0,6.338,16.787l.862.862V21.6l4.3,4.3a1.7,1.7,0,0,0,2.4-2.4l-4.3-4.3H20.049l-.862-.862A9.58,9.58,0,0,0,12,2.4Zm0,2.4A7.2,7.2,0,1,1,4.8,12,7.184,7.184,0,0,1,12,4.8Z" transform="translate(-2.4 -2.4)" fill="#0a78fc"/>
+  <path id="Path_2791" data-name="Path 2791" d="M12,2.4a9.6,9.6,0,1,0,6.338,16.787l.862.862V21.6l4.3,4.3a1.7,1.7,0,0,0,2.4-2.4l-4.3-4.3H20.049l-.862-.862A9.58,9.58,0,0,0,12,2.4Zm0,2.4A7.2,7.2,0,1,1,4.8,12,7.184,7.184,0,0,1,12,4.8Z" transform="translate(-2.4 -2.4)" fill="white"/>
 </svg>

From f7b428239dbd5c00eda04a28c4fcfdfe03d71877 Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 09:50:43 +0300
Subject: [PATCH 04/15] Feat: Building the firebase setup Adding essentail
 firebase and firestorage to send and retrieve data

---
 src/firebase.js           | 22 +++++++++-------
 src/hooks/useFirestore.js | 25 ++++++++++++++++++
 src/hooks/useStorage.js   | 55 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 93 insertions(+), 9 deletions(-)
 create mode 100644 src/hooks/useFirestore.js
 create mode 100644 src/hooks/useStorage.js

diff --git a/src/firebase.js b/src/firebase.js
index 49a1733..9ceb3b4 100644
--- a/src/firebase.js
+++ b/src/firebase.js
@@ -1,22 +1,26 @@
 import firebase from 'firebase/app';
+import 'firebase/storage';
 import 'firebase/firestore';
 // Your web app's Firebase configuration
 // For Firebase JS SDK v7.20.0 and later, measurementId is optional
 // Your web app's Firebase configuration
 const firebaseConfig = {
-  apiKey: 'AIzaSyAjXKWodX80pR4dcDK9poR7NfA3eZ_IIHw',
-  authDomain: 'findme-949ec.firebaseapp.com',
-  databaseURL: 'https://findme-949ec.firebaseio.com',
-  projectId: 'findme-949ec',
-  storageBucket: 'findme-949ec.appspot.com',
-  messagingSenderId: '1062540330476',
-  appId: '1:1062540330476:web:f60848f89383f901b72cc9',
+    apiKey: 'AIzaSyAjXKWodX80pR4dcDK9poR7NfA3eZ_IIHw',
+    authDomain: 'findme-949ec.firebaseapp.com',
+    databaseURL: 'https://findme-949ec.firebaseio.com',
+    projectId: 'findme-949ec',
+    storageBucket: 'findme-949ec.appspot.com',
+    messagingSenderId: '1062540330476',
+    appId: '1:1062540330476:web:f60848f89383f901b72cc9',
 };
 // Initialize Firebase
 firebase.initializeApp(firebaseConfig);
 
 // firebase.analytics();
+const projectStorage = firebase.storage();
+const projectFirestore = firebase.firestore();
+const timestamp = firebase.firestore.FieldValue.serverTimestamp;
 
+export { projectStorage, projectFirestore, timestamp };
 
-export default firebase;
-
+export default firebase;
\ No newline at end of file
diff --git a/src/hooks/useFirestore.js b/src/hooks/useFirestore.js
new file mode 100644
index 0000000..01ce6d1
--- /dev/null
+++ b/src/hooks/useFirestore.js
@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+import { projectFirestore } from '../firebase';
+const useFirestore = (collection) => {
+    const [docs, setDocs] = useState([]);
+
+    useEffect(() => {
+        const unsub = projectFirestore.collection(collection)
+            .orderBy('createdAt', 'desc')
+            .onSnapshot(snap => {
+                let documents = [];
+                snap.forEach(doc => {
+                    documents.push({...doc.data(), id: doc.id });
+                });
+                setDocs(documents);
+            });
+
+        return () => unsub();
+        // this is a cleanup function that react will run when
+        // a component using the hook unmounts
+    }, [collection]);
+
+    return { docs };
+}
+
+export default useFirestore;
\ No newline at end of file
diff --git a/src/hooks/useStorage.js b/src/hooks/useStorage.js
new file mode 100644
index 0000000..78059e7
--- /dev/null
+++ b/src/hooks/useStorage.js
@@ -0,0 +1,55 @@
+import { useState, useEffect } from 'react';
+
+import { projectStorage, projectFirestore, timestamp } from '../firebase';
+const initialFValues = {
+    fristName: '',
+    secondName: '',
+    thirdName: '',
+    surname: '',
+    phoneNumber: '',
+    phoneNumber2: '',
+    locationOfLoss: '',
+    lostSince: '',
+    lastPlaceSeen: '',
+    lastUpdate: '',
+    age: '',
+    gender: '',
+    relationship: '',
+    job: '',
+    notes: '',
+    specialSituotion: '',
+    isLookingFor: false,
+};
+const useStorage = (file, values,
+    setValues, resetFile, resetForm) => {
+    const [progress, setProgress] = useState(0);
+    const [error, setError] = useState(null);
+    const [url, setUrl] = useState(null);
+
+    useEffect(() => {
+        // references
+        const storageRef = projectStorage.ref(file.name);
+        const collectionRef = projectFirestore.collection('images');
+
+        storageRef.put(file).on('state_changed', (snap) => {
+            let percentage = (snap.bytesTransferred / snap.totalBytes) * 100;
+            setProgress(percentage);
+        }, (err) => {
+            setError(err);
+        }, async() => {
+            const url = await storageRef.getDownloadURL();
+            const createdAt = timestamp();
+            await collectionRef.add({ url, createdAt, values }).then(() => {
+                setValues(initialFValues);
+                resetFile();
+                alert('Your Post was sent successfully.');
+            });
+            setUrl(url);
+            resetForm();
+        });
+    }, [file]);
+
+    return { progress, url, error };
+}
+
+export default useStorage;
\ No newline at end of file

From 40f7d8cc8f61635e56d0a2fa6bc23dc27fe8ef7b Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 09:57:48 +0300
Subject: [PATCH 05/15] Feat: Connecting Post Form To Firebase All data entered
 to add person form will be send to firebase including images

---
 .../MissingPersonForm.jsx                     | 122 ++++++++++++++++--
 .../AddMissingPersonForm/useForm.jsx          |   6 +-
 2 files changed, 116 insertions(+), 12 deletions(-)

diff --git a/src/components/AddMissingPersonForm/MissingPersonForm.jsx b/src/components/AddMissingPersonForm/MissingPersonForm.jsx
index 539b425..ab34eec 100644
--- a/src/components/AddMissingPersonForm/MissingPersonForm.jsx
+++ b/src/components/AddMissingPersonForm/MissingPersonForm.jsx
@@ -1,14 +1,92 @@
 import React, { useState, useEffect } from 'react';
 import './MissingPersonForm.scss';
 import { arrow, save, cancel } from './ImportImg';
-import UploadImg from './upload';
+//import UploadImg from './UploadImg';
 import { useForm, Form } from './useForm';
 import { Input, Select, Textarea, SwitchToggle, Button } from './FormControl';
-import * as employeeService from './storg';
-
+//import useStorage from '../../hooks/useStorage';
+import { projectStorage, projectFirestore, timestamp } from '../../firebase';
+//import {profile} from '../../images/profile.png'
+import { close ,upload} from './ImportImg'
+//import ProgressBar from './ProgressBar'
+//import {image} from './UploadImg'
 const MissingPersonForm = () => {
+  const [error, setError] = useState(null);
+  const [url, setUrl] = useState(null);
+  const initialState = { alt: "", src: "" };
+
+  const [{ alt, src }, setPreview] = React.useState(initialState);
+  const [image, setImage] = useState({});
+
+  const fileHandler = event => {
+    const { files  } = event.target;
+    if (files){
+    setImage(files[0])
+    }
+
+        setPreview(
+      files.length
+        ? {
+            src: URL.createObjectURL(files[0]),
+            alt: files[0].name
+
+          }
+        : initialState
+    );
+     
+    }
+
+  
+  const  resetFile = () =>{
+    setImage({});
+    setUrl(null);
+    setPreview(
+      initialState
+     );
+  }
+  
+const handleUpload= ()=>{
+  if (image.name=== undefined)
+    {
+      const collectionRef = projectFirestore.collection('images');
+      const url = 'https://firebasestorage.googleapis.com/v0/b/findme-949ec.appspot.com/o/blank-profile-picture-973460_640.png?alt=media&token=5d1192d1-7ec9-419a-a510-ff5a046d6f36';
+      const createdAt = timestamp();
+        collectionRef.add({ url, createdAt , values
+       }).then(() => {
+          setValues(initialFValues);
+          resetFile();
+          alert('Your Post was sent successfully.');
+      });
+    resetForm();
+     
+  }
+   // references
+   else{
+   const storageRef = projectStorage.ref(image.name);
+   const collectionRef = projectFirestore.collection('images');
+   
+   storageRef.put(image).on('state_changed', (snap) => {},
+   (err) => {
+    setError(err);
+  }, async () => {
+      const url = await storageRef.getDownloadURL();
+      const createdAt = timestamp();
+      await collectionRef.add({ url, createdAt , values
+  }).then(() => {
+      setValues(initialFValues);
+      resetFile();
+      alert('Your Post was sent successfully.');
+    });
+  resetForm();
+  });}
+  //else {
+    //alert ('You have to enter a valid image');
+  //}
+  
+  
+}
+
   const initialFValues = {
-    id: 0,
     fristName: '',
     secondName: '',
     thirdName: '',
@@ -26,10 +104,8 @@ const MissingPersonForm = () => {
     notes: '',
     specialSituotion: '',
     isLookingFor: false,
-    img: '',
   };
 
-  console.log('img' + initialFValues.img);
 
   const validate = (fieldValues = values) => {
     let temp = { ...errors };
@@ -135,14 +211,17 @@ const MissingPersonForm = () => {
     handleInputChange,
     resetForm,
   } = useForm(initialFValues, true, validate);
+  
 
   const handleSubmit = (e) => {
+    //console.log(image.name);
     e.preventDefault();
 
     if (validate()) {
-      console.log(values);
+      //console.log(values);
+      handleUpload();
 
-      // resetForm()
+       // resetForm()
     }
   };
 
@@ -158,8 +237,33 @@ const MissingPersonForm = () => {
       <Form onSubmit={handleSubmit}>
         <div className="flex xs:block sm:block md:flex xl:flex">
           <div className=" p-2 xs:w-full sm:w-full md:w-1/4   text-center     ">
-            <UploadImg name="img" onChange={handleInputChange} />
+          <div className=" inline-block shadow-sm   ">
+        <div className=" relative p-0  overflow-hidden w-56 h-56 md:w-40 md:h-40  lg:w-56 lg:h-56 border border-solid border-gray-500 
+       rounded-full max-w-full"  type="file">
+  
+          <img className="rounded-full w-full h-full  " src={src} alt={alt} />
+  
+          <div className="absolute top-1/2 right-60  flex">
+            <div className='mr'>
+              <label htmlFor="file-input">
+                <img src={upload} width="25px" height="25px" className='cursor-pointer' />
+              </label>
+  
+              <input type="file" onChange={fileHandler} accept="image/*" id="file-input"  name='img' className='hidden'  />
+            </div>
+  
           </div>
+          <div className="absolute top-1/2 right-30  flex">
+            <div className='mr'>
+              <label htmlFor="remove-input">
+                <img src={close} width="25px" height="25px" className='cursor-pointer' />
+              </label>
+              <input id="remove-input" onClick={resetFile}  type="button" className='hidden' />
+            </div>
+  
+          </div>
+        </div>
+      </div>          </div>
           <div className="md:w-3/4 p-4  sm:w-full ">
             {/* First Name , Second Name ,Third Name ,Surname*/}
             <div className="flex flex-wrap -mx-3 mb-5">
diff --git a/src/components/AddMissingPersonForm/useForm.jsx b/src/components/AddMissingPersonForm/useForm.jsx
index 2dae45e..3b50db1 100644
--- a/src/components/AddMissingPersonForm/useForm.jsx
+++ b/src/components/AddMissingPersonForm/useForm.jsx
@@ -5,11 +5,11 @@ import { useStyles} from './UseStyles'
  const useForm = (initialFValues, validateOnChange = false, validate)=> {
     const [values, setValues] = useState(initialFValues);
     const [errors, setErrors] = useState({});
-
-
-
+    
     const handleInputChange = e => {
+
         const { name, value } = e.target
+       
         setValues({
             ...values,
             [name]: value

From 1688d77ec09f72866b6aab070b0f3f96027b725c Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 10:01:53 +0300
Subject: [PATCH 06/15] Feat: Connecting firebase to missing people cards

---
 src/containers/HomePage/MissingPeople.jsx       | 12 +++++++++---
 .../MissingPeople/MissingPeoplePage.jsx         | 17 +++++++++--------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/containers/HomePage/MissingPeople.jsx b/src/containers/HomePage/MissingPeople.jsx
index c0c5e33..25482e6 100644
--- a/src/containers/HomePage/MissingPeople.jsx
+++ b/src/containers/HomePage/MissingPeople.jsx
@@ -1,11 +1,14 @@
 import React, { useState } from 'react';
 import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonCard';
-import Api from './api';
+//import Api from './api';
 import { Link } from 'react-router-dom';
+import useFirestore from '../../hooks/useFirestore'
 
 const HomePage = ({ missingPeople }) => {
+  const { docs } = useFirestore('images');
+
   // storing api data in the state
-  const [data, setData] = useState(Api);
+  const [data, setData] = useState(docs);
   console.log(data);
 
   return (
@@ -14,8 +17,11 @@ const HomePage = ({ missingPeople }) => {
         {missingPeople}
       </h2>
       <div className="flex flex-col md:flex-row lg:flex-row xl:flex-row sm:flex-col sm:items-center">
-        {data.map((item, index) => (
+        {docs && docs.map((item, index) => (
+          index<4 ?
           <MissingPersonCard key={item.id} cardInfo={item} i={index} />
+          :
+          ''
         ))}
       </div>
       <p className="mr-10 my-10 text-right text-blue-500">
diff --git a/src/containers/MissingPeople/MissingPeoplePage.jsx b/src/containers/MissingPeople/MissingPeoplePage.jsx
index ce11cbd..3cea9c5 100644
--- a/src/containers/MissingPeople/MissingPeoplePage.jsx
+++ b/src/containers/MissingPeople/MissingPeoplePage.jsx
@@ -2,14 +2,15 @@ import React, { useState, useEffect, useRef } from 'react';
 import { CircleArrow as ScrollUpButton } from 'react-scroll-up-button';
 import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonCard';
 import { ReactComponent as MyIcon } from './repeat-grid-4.svg';
-import Api from './api';
+//import Api from './api';
 import './style.css';
 import NiceButton from '../../components/LoadingButton/NiceButton';
 import '../../components/LoadingButton/style.css';
+import useFirestore from '../../hooks/useFirestore'
 
 const MissingPeoplePage = () => {
   const ITEMSTOSHOW = 8;
-
+  const { docs } = useFirestore('images');
   const [data, setData] = useState([]); // maybe set the initial value later
   const [visible, setVisible] = useState(ITEMSTOSHOW);
   const [buttonText, setButtonText] = useState('⬇ Show More');
@@ -27,11 +28,11 @@ const MissingPeoplePage = () => {
   }, [isSecondButtonLoading, loadingSpeed]);
 
   useEffect(() => {
-    setData(() => Api);
-  }, []);
+    setData(() => docs);
+  }, [docs]);
 
   const showMoreItems = () => {
-    if (visible > data.length) {
+    if (visible > docs.length) {
       // setButtonText(() => 'complete');
       buttonTextRef.current = 'Complete';
     }
@@ -58,10 +59,10 @@ const MissingPeoplePage = () => {
       <MyIcon className="absolute right-0 mt-64 " />
 
       <div className="flex flex-wrap ml-8">
-        {data.length === 0 ? (
+        {docs.length === 0 ? (
           <h2 className="flex-auto text-center">not found results</h2>
         ) : (
-          data
+          docs && docs
             .slice(0, visible)
             .map((item, index) => (
               <MissingPersonCard key={item.id} cardInfo={item} i={index} />
@@ -70,7 +71,7 @@ const MissingPeoplePage = () => {
       </div>
       {console.log(visible, data.length)}
       <div className=" ">
-        {visible > data.length ? (
+        {visible > docs.length ? (
           ''
         ) : (
           <NiceButton

From 4ef413eb54002c9e89af76d67fbcf8c0180ad50c Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 10:03:58 +0300
Subject: [PATCH 07/15] Feat: Connecting firebase to missing people cards

---
 .../MissingPersonCard/MissingPersonCard.jsx   | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/MissingPersonCard/MissingPersonCard.jsx b/src/components/MissingPersonCard/MissingPersonCard.jsx
index cc31a09..7667690 100644
--- a/src/components/MissingPersonCard/MissingPersonCard.jsx
+++ b/src/components/MissingPersonCard/MissingPersonCard.jsx
@@ -25,14 +25,14 @@ const MissingPersonCard = ({ cardInfo, i }) => {
 
           <img
             className="opacity-1 cursor-pointer h-64"
-            src={cardInfo.img}
-            alt={`${cardInfo.userName} image`}
+            src={cardInfo.url}
+            alt={`${cardInfo.values.fristName} image`}
             width={300}
           />
         </div>
         <div className="px-6 py-4 text-left">
-          <div className="font-bold text-xl mb-2">{cardInfo.userName}</div>
-          <p className="text-base font-light">{`Lost since: ${cardInfo.lostSince}`}</p>
+          <div className="font-bold text-xl mb-2">{cardInfo.values.firstName}</div>
+          <p className="text-base font-light">{`Lost since: ${cardInfo.values.lostSince}`}</p>
         </div>
       </div>
     </div>
@@ -45,7 +45,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
     >
       <div className="shadow-lg rounded-3xl max-w-xs overflow sm:self-center sm:mx-auto">
         <div className="relative">
-          {cardInfo.lostFamily ? (
+          {cardInfo.values.isLookingFor ? (
             <span className="absolute inline-block pr-4 pl-6 py-2 font-bold md:pr-2 md:pl-3 md:py-1 lg:pl-6 lg-pr-4 lg:py-2 bg-blue-700 right-0 text-white rounded-l-3xl mt-8 md:mt-4 lg:mt-8">
               Found
             </span>
@@ -55,16 +55,19 @@ const MissingPersonCard = ({ cardInfo, i }) => {
             </span>
           )}
           <p className="absolute bottom-0 mb-20 mx-10 md:m-auto md:text-xs md:mx-2 md:mb-8 md:leading-3 lg:mx-10 lg:text-base lg:mb-20 lg:leading-tight	">
-            {cardInfo.description}
+            {cardInfo.values.notes}
           </p>
-          <div className="absolute bottom-0 ml-8 mb-2 md:text-xs md:ml-2 md:mb-1 lg:text-base lg:ml-8 lg:mb-2">
-            <span className="mr-8 md:mr-2 lg:mr-8">Age: {cardInfo.age}</span>
-            <span>Location: Sana'a</span>
+          <div className="flex flex-row absolute bottom-0 ml-8 mb-2 md:text-xs md:ml-2 md:mb-1 lg:text-base lg:ml-8 lg:mb-2">
+            <div className="flex flex-col">
+            <span className="text-left mr-8 md:mr-2 lg:mr-8">Name: {cardInfo.values.fristName}</span>
+            <span className='text-left'>Contact No: {cardInfo.values.phoneNumber}</span>
+            </div>
+            <span className='text-right'>{cardInfo.values.locationOfLoss}</span>
           </div>
           <img
             className="opacity-25 cursor-pointer h-64"
-            src={cardInfo.img}
-            alt={`${cardInfo.userName} image`}
+            src={cardInfo.url}
+            alt={`${cardInfo.values.firstName} image`}
             width={300}
           />
         </div>
@@ -73,7 +76,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
           <div className="flex justify-between md:flex-col lg:flex-row xl:flex-row bg-blue-700 ">
             <div className="items-center mt-2">
               <p className="md:mb-2 mx-4 font-semibold">
-                {cardInfo.views} views
+                2 views
               </p>
             </div>
             <div className=" ">

From 96e2e63814980cc5640f1d2f03f5b39c24c7f046 Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 10:07:37 +0300
Subject: [PATCH 08/15] Feat: Connecting Successful stories to firebase

---
 src/components/Quotes/test.css      | 78 ++++++++++++++---------------
 src/containers/Home/SliderCards.jsx | 27 ++++++++--
 2 files changed, 60 insertions(+), 45 deletions(-)

diff --git a/src/components/Quotes/test.css b/src/components/Quotes/test.css
index 1711e27..1a358d8 100644
--- a/src/components/Quotes/test.css
+++ b/src/components/Quotes/test.css
@@ -1,53 +1,49 @@
-*:focus {
-  outline: none !important;
+button.bTybGL {
+    border-radius: 0px;
+    background-size: cover;
+    box-shadow: 0 0 2px 0 transparent;
+    outline: transparent;
+    color: white;
+    background-color: transparent;
 }
 
-button.chowzb {
-  border-radius: 0px;
-  background-size: cover;
-  box-shadow: 0 0 2px 0 transparent;
-  outline: transparent;
-  color: white;
-  background-color: transparent;
+button.kyJvRZ:disabled {
+    background-color: transparent;
+    color: rgb(78, 78, 78);
+    outline: transparent;
+    box-shadow: 0 0 2px 0 transparent;
+    border-color: transparent;
+    z-index: 1;
 }
 
-button.hCVuYx:disabled {
-  background-color: transparent;
-  color: rgb(78, 78, 78);
-  outline: transparent;
-  box-shadow: 0 0 2px 0 transparent;
-  border-color: transparent;
-  z-index: 1;
+button.bTybGL.rec-arrow-right {
+    background-image: url(../../../src/images/Rectangle2.svg);
+    z-index: 1;
 }
 
-button.chowzb.rec-arrow-right {
-  background-image: url(../../../src/images/Rectangle2.svg);
-  z-index: 1;
+button.bTybGL.rec-arrow-left {
+    background-image: url(../../../src/images/Rectangle1.svg);
+    z-index: 1;
 }
 
-button.chowzb.rec-arrow-left {
-  background-image: url(../../../src/images/Rectangle1.svg);
-  z-index: 1;
+button.bTybGL:hover:enabled,
+button.bTybGL:focus:enabled {
+    border-radius: 0px;
+    background-color: transparent;
+    box-shadow: 0 0 2px 0 transparent;
+    border-color: white;
+    outline: transparent;
+    border: none;
 }
 
-button.chowzb:hover:enabled,
-button.chowzb:focus:enabled {
-  border-radius: 0px;
-  background-color: transparent;
-  box-shadow: 0 0 2px 0 transparent;
-  border-color: white;
-  outline: transparent;
-  border: none;
+button.DIuaA {
+    background-color: #1035ef;
+    box-shadow: 0 0 1px 2px #138def;
+    margin-top: 5%;
 }
 
-button.brcpxa {
-  background-color: #1035ef;
-  box-shadow: 0 0 1px 2px #138def;
-  margin-top: 5%;
-}
-
-button.brcpxa:hover,
-button.brcpxa:focus {
-  background-color: #138def;
-  box-shadow: 0 0 1px 2px #1035ef;
-}
+button.DIuaA:hover,
+button.DIuaA:focus {
+    background-color: #138def;
+    box-shadow: 0 0 1px 2px #1035ef;
+}
\ No newline at end of file
diff --git a/src/containers/Home/SliderCards.jsx b/src/containers/Home/SliderCards.jsx
index 6b34a3b..10673cf 100644
--- a/src/containers/Home/SliderCards.jsx
+++ b/src/containers/Home/SliderCards.jsx
@@ -1,12 +1,31 @@
-import React, { useState } from 'react';
-import api from './Api';
+import React, { useState, useEffect } from 'react';
+//import api from './Api';
 import Card from '../../components/Quotes/Card';
 //Carousel is a Package used to create slider with its component,
 import Carousel from 'react-elastic-carousel';
+//import useFirestore from '../../hooks/useFirestore'
+import { projectFirestore } from '../../firebase';
 
 export default function Cards() {
   //storing api data in a state
-  const [data, setData] = useState(api);
+  const [data, setData] = useState([]);
+  const [docs, setDocs] = useState([]);
+
+  useEffect(() => {
+    const unsub = projectFirestore.collection('SuccessfullyFound')
+        .onSnapshot(snap => {
+            let documents = [];
+            snap.forEach(doc => {
+                documents.push({...doc.data(), id: doc.id });
+            });
+            setDocs(documents);
+        });
+
+    return () => unsub();
+    // this is a cleanup function that react will run when
+    // a component using the hook unmounts
+}, ['SuccessfullyFound']);
+
 
   //console.log(data)
   //the parint component is the slider from Carousel package
@@ -15,7 +34,7 @@ export default function Cards() {
   return (
     <div className="bg-findMe max-h-full sm:pr-4 sm:pl-4 my-4">
       <Carousel>
-        {data.map((e, index) => (
+        {docs && docs.map((e, index) => (
           <Card key={e.id} cardInfo={e} i={index} />
         ))}
       </Carousel>

From db6d18e388e05f333e043826db558ea18b672246 Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 10:27:51 +0300
Subject: [PATCH 09/15] Feat: Adding 4 tailwind styles to config file To be
 able to upload and download images to the form and to fix its responsiveness

---
 tailwind.config.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/tailwind.config.js b/tailwind.config.js
index 188e578..4902e5d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,6 +10,7 @@ module.exports = {
     separator: ':',
     theme: {
         screens: {
+            xs: [{ 'max': '639px' }],
             sm: '640px',
             md: '768px',
             lg: '1024px',
@@ -308,6 +309,9 @@ module.exports = {
         inset: {
             0: '0',
             auto: 'auto',
+            '1/2': '50%',
+            '60': '60%',
+            '30': '30%',
         },
         letterSpacing: {
             tighter: '-0.05em',

From 736b36786ba86c1c6e8d4df717220760158bddfe Mon Sep 17 00:00:00 2001
From: SondosAhmed <sondosalshami@gmail.com>
Date: Sat, 14 Nov 2020 10:53:40 +0300
Subject: [PATCH 10/15] Feat: Adding some styles to ContactUs Page

---
 src/components/ContactUs/ContactUsForm.jsx    |     2 +-
 .../ContactUs/ContactUsContainer.jsx          |     2 +-
 src/styles/main.css                           | 19748 +++++++++++++++-
 3 files changed, 19541 insertions(+), 211 deletions(-)

diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index 54a1a3e..0536c09 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -111,7 +111,7 @@ export default function ContactUsForm() {
         />
 
         <div className=" place-self-center sm:place-self-center xl:w-auto lg:w-auto  w-2/4 xl:self-start  lg:self-start lg:w-auto sm:w-2/5   sm:self-center self-center sm:pt-2 sm:pb-2 pt-2 pb-2">
-          <button className=" text-center h-8 items-center items-center  flex sm:p-1 flex-row-reverse inline-flex xl:w-auto w-full  lg:w-auto py-1 rounded-full text-white bg-gradient-to-l from-purple-800 to-teal-500   focus:outline-none">
+          <button className=" text-center h-8 items-center items-center  flex sm:p-1 flex-row-reverse inline-flex xl:w-auto w-full  lg:w-auto py-1 rounded-full text-white bg-gradient-to-r from-teal-200 via-blue-500 to-blue-700  focus:outline-none">
             <Msgicon className="p-1" />
             <span
               style={{ textAlign: 'center' }}
diff --git a/src/containers/ContactUs/ContactUsContainer.jsx b/src/containers/ContactUs/ContactUsContainer.jsx
index 87149b5..ad3f92a 100644
--- a/src/containers/ContactUs/ContactUsContainer.jsx
+++ b/src/containers/ContactUs/ContactUsContainer.jsx
@@ -17,7 +17,7 @@ export default function ContactUs() {
           <img
             src={GridBg}
             alt=""
-            className="absolute top-0 right-0 pr-12 "
+            className="absolute right-0 pr-12 "
           ></img>
 
           <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">
diff --git a/src/styles/main.css b/src/styles/main.css
index 674df56..ea42f55 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -13974,6 +13974,20 @@ video {
   left: 0;
 }
 
+.inset-30 {
+  top: 30%;
+  right: 30%;
+  bottom: 30%;
+  left: 30%;
+}
+
+.inset-60 {
+  top: 60%;
+  right: 60%;
+  bottom: 60%;
+  left: 60%;
+}
+
 .inset-auto {
   top: auto;
   right: auto;
@@ -13981,6 +13995,13 @@ video {
   left: auto;
 }
 
+.inset-1\/2 {
+  top: 50%;
+  right: 50%;
+  bottom: 50%;
+  left: 50%;
+}
+
 .inset-y-0 {
   top: 0;
   bottom: 0;
@@ -13991,6 +14012,26 @@ video {
   left: 0;
 }
 
+.inset-y-30 {
+  top: 30%;
+  bottom: 30%;
+}
+
+.inset-x-30 {
+  right: 30%;
+  left: 30%;
+}
+
+.inset-y-60 {
+  top: 60%;
+  bottom: 60%;
+}
+
+.inset-x-60 {
+  right: 60%;
+  left: 60%;
+}
+
 .inset-y-auto {
   top: auto;
   bottom: auto;
@@ -14001,6 +14042,16 @@ video {
   left: auto;
 }
 
+.inset-y-1\/2 {
+  top: 50%;
+  bottom: 50%;
+}
+
+.inset-x-1\/2 {
+  right: 50%;
+  left: 50%;
+}
+
 .top-0 {
   top: 0;
 }
@@ -14017,6 +14068,38 @@ video {
   left: 0;
 }
 
+.top-30 {
+  top: 30%;
+}
+
+.right-30 {
+  right: 30%;
+}
+
+.bottom-30 {
+  bottom: 30%;
+}
+
+.left-30 {
+  left: 30%;
+}
+
+.top-60 {
+  top: 60%;
+}
+
+.right-60 {
+  right: 60%;
+}
+
+.bottom-60 {
+  bottom: 60%;
+}
+
+.left-60 {
+  left: 60%;
+}
+
 .top-auto {
   top: auto;
 }
@@ -14033,6 +14116,22 @@ video {
   left: auto;
 }
 
+.top-1\/2 {
+  top: 50%;
+}
+
+.right-1\/2 {
+  right: 50%;
+}
+
+.bottom-1\/2 {
+  bottom: 50%;
+}
+
+.left-1\/2 {
+  left: 50%;
+}
+
 .resize-none {
   resize: none;
 }
@@ -19059,287 +19158,19122 @@ video {
   --transform-skew-y: 1deg;
 }
 
-.hover\:skew-y-2:hover {
-  --transform-skew-y: 2deg;
-}
+.hover\:skew-y-2:hover {
+  --transform-skew-y: 2deg;
+}
+
+.hover\:skew-y-3:hover {
+  --transform-skew-y: 3deg;
+}
+
+.hover\:skew-y-6:hover {
+  --transform-skew-y: 6deg;
+}
+
+.hover\:skew-y-12:hover {
+  --transform-skew-y: 12deg;
+}
+
+.hover\:-skew-y-12:hover {
+  --transform-skew-y: -12deg;
+}
+
+.hover\:-skew-y-6:hover {
+  --transform-skew-y: -6deg;
+}
+
+.hover\:-skew-y-3:hover {
+  --transform-skew-y: -3deg;
+}
+
+.hover\:-skew-y-2:hover {
+  --transform-skew-y: -2deg;
+}
+
+.hover\:-skew-y-1:hover {
+  --transform-skew-y: -1deg;
+}
+
+.focus\:skew-x-0:focus {
+  --transform-skew-x: 0;
+}
+
+.focus\:skew-x-1:focus {
+  --transform-skew-x: 1deg;
+}
+
+.focus\:skew-x-2:focus {
+  --transform-skew-x: 2deg;
+}
+
+.focus\:skew-x-3:focus {
+  --transform-skew-x: 3deg;
+}
+
+.focus\:skew-x-6:focus {
+  --transform-skew-x: 6deg;
+}
+
+.focus\:skew-x-12:focus {
+  --transform-skew-x: 12deg;
+}
+
+.focus\:-skew-x-12:focus {
+  --transform-skew-x: -12deg;
+}
+
+.focus\:-skew-x-6:focus {
+  --transform-skew-x: -6deg;
+}
+
+.focus\:-skew-x-3:focus {
+  --transform-skew-x: -3deg;
+}
+
+.focus\:-skew-x-2:focus {
+  --transform-skew-x: -2deg;
+}
+
+.focus\:-skew-x-1:focus {
+  --transform-skew-x: -1deg;
+}
+
+.focus\:skew-y-0:focus {
+  --transform-skew-y: 0;
+}
+
+.focus\:skew-y-1:focus {
+  --transform-skew-y: 1deg;
+}
+
+.focus\:skew-y-2:focus {
+  --transform-skew-y: 2deg;
+}
+
+.focus\:skew-y-3:focus {
+  --transform-skew-y: 3deg;
+}
+
+.focus\:skew-y-6:focus {
+  --transform-skew-y: 6deg;
+}
+
+.focus\:skew-y-12:focus {
+  --transform-skew-y: 12deg;
+}
+
+.focus\:-skew-y-12:focus {
+  --transform-skew-y: -12deg;
+}
+
+.focus\:-skew-y-6:focus {
+  --transform-skew-y: -6deg;
+}
+
+.focus\:-skew-y-3:focus {
+  --transform-skew-y: -3deg;
+}
+
+.focus\:-skew-y-2:focus {
+  --transform-skew-y: -2deg;
+}
+
+.focus\:-skew-y-1:focus {
+  --transform-skew-y: -1deg;
+}
+
+.transition-none {
+  transition-property: none;
+}
+
+.transition-all {
+  transition-property: all;
+}
+
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
+
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+}
+
+.transition-opacity {
+  transition-property: opacity;
+}
+
+.transition-shadow {
+  transition-property: box-shadow;
+}
+
+.transition-transform {
+  transition-property: transform;
+}
+
+.ease-linear {
+  transition-timing-function: linear;
+}
+
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.duration-75 {
+  transition-duration: 75ms;
+}
+
+.duration-100 {
+  transition-duration: 100ms;
+}
+
+.duration-150 {
+  transition-duration: 150ms;
+}
+
+.duration-200 {
+  transition-duration: 200ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+.duration-500 {
+  transition-duration: 500ms;
+}
+
+.duration-700 {
+  transition-duration: 700ms;
+}
+
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
+.delay-75 {
+  transition-delay: 75ms;
+}
+
+.delay-100 {
+  transition-delay: 100ms;
+}
+
+.delay-150 {
+  transition-delay: 150ms;
+}
+
+.delay-200 {
+  transition-delay: 200ms;
+}
+
+.delay-300 {
+  transition-delay: 300ms;
+}
+
+.delay-500 {
+  transition-delay: 500ms;
+}
+
+.delay-700 {
+  transition-delay: 700ms;
+}
+
+.delay-1000 {
+  transition-delay: 1000ms;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+.animate-none {
+  animation: none;
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+.animate-ping {
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  animation: bounce 1s infinite;
+}
+
+@media (max-width: 639px) {
+  .xs\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 640px) {
+    .xs\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .xs\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .xs\:container {
+      max-width: 1024px;
+    }
+  }
+
+  @media (min-width: 1280px) {
+    .xs\:container {
+      max-width: 1280px;
+    }
+  }
+
+  .xs\:space-y-0 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0px * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-0 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0px * var(--space-x-reverse));
+    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-1 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-1 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.25rem * var(--space-x-reverse));
+    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1rem * var(--space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1.25rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1.25rem * var(--space-x-reverse));
+    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1.5rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-8 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-8 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2rem * var(--space-x-reverse));
+    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-10 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(2.5rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-10 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(2.5rem * var(--space-x-reverse));
+    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(3rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(3rem * var(--space-x-reverse));
+    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-16 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(4rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-16 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(4rem * var(--space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-20 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(5rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-20 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(5rem * var(--space-x-reverse));
+    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-24 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(6rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-24 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(6rem * var(--space-x-reverse));
+    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-32 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(8rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-32 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(8rem * var(--space-x-reverse));
+    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-40 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(10rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-40 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(10rem * var(--space-x-reverse));
+    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-48 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(12rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-48 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(12rem * var(--space-x-reverse));
+    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-56 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(14rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-56 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(14rem * var(--space-x-reverse));
+    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-64 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(16rem * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-64 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(16rem * var(--space-x-reverse));
+    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-px > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(1px * var(--space-y-reverse));
+  }
+
+  .xs\:space-x-px > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(1px * var(--space-x-reverse));
+    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-1 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-1 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.25rem * var(--space-x-reverse));
+    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-2 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-2 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.5rem * var(--space-x-reverse));
+    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-3 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-3 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-0.75rem * var(--space-x-reverse));
+    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-4 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-4 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1rem * var(--space-x-reverse));
+    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-5 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-5 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1.25rem * var(--space-x-reverse));
+    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-6 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-6 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1.5rem * var(--space-x-reverse));
+    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-8 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-8 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2rem * var(--space-x-reverse));
+    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-10 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-10 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-2.5rem * var(--space-x-reverse));
+    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-12 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-3rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-12 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-3rem * var(--space-x-reverse));
+    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-16 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-4rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-16 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-4rem * var(--space-x-reverse));
+    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-20 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-5rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-20 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-5rem * var(--space-x-reverse));
+    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-24 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-6rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-24 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-6rem * var(--space-x-reverse));
+    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-32 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-8rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-32 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-8rem * var(--space-x-reverse));
+    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-40 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-10rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-40 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-10rem * var(--space-x-reverse));
+    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-48 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-12rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-48 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-12rem * var(--space-x-reverse));
+    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-56 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-14rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-56 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-14rem * var(--space-x-reverse));
+    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-64 > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-16rem * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-64 > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-16rem * var(--space-x-reverse));
+    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:-space-y-px > :not(template) ~ :not(template) {
+    --space-y-reverse: 0;
+    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(-1px * var(--space-y-reverse));
+  }
+
+  .xs\:-space-x-px > :not(template) ~ :not(template) {
+    --space-x-reverse: 0;
+    margin-right: calc(-1px * var(--space-x-reverse));
+    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
+  }
+
+  .xs\:space-y-reverse > :not(template) ~ :not(template) {
+    --space-y-reverse: 1;
+  }
+
+  .xs\:space-x-reverse > :not(template) ~ :not(template) {
+    --space-x-reverse: 1;
+  }
+
+  .xs\:divide-y-0 > :not(template) ~ :not(template) {
+    --divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--divide-y-reverse));
+  }
+
+  .xs\:divide-x-0 > :not(template) ~ :not(template) {
+    --divide-x-reverse: 0;
+    border-right-width: calc(0px * var(--divide-x-reverse));
+    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
+  }
+
+  .xs\:divide-y-2 > :not(template) ~ :not(template) {
+    --divide-y-reverse: 0;
+    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
+    border-bottom-width: calc(2px * var(--divide-y-reverse));
+  }
+
+  .xs\:divide-x-2 > :not(template) ~ :not(template) {
+    --divide-x-reverse: 0;
+    border-right-width: calc(2px * var(--divide-x-reverse));
+    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
+  }
+
+  .xs\:divide-y-4 > :not(template) ~ :not(template) {
+    --divide-y-reverse: 0;
+    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
+    border-bottom-width: calc(4px * var(--divide-y-reverse));
+  }
+
+  .xs\:divide-x-4 > :not(template) ~ :not(template) {
+    --divide-x-reverse: 0;
+    border-right-width: calc(4px * var(--divide-x-reverse));
+    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
+  }
+
+  .xs\:divide-y-8 > :not(template) ~ :not(template) {
+    --divide-y-reverse: 0;
+    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
+    border-bottom-width: calc(8px * var(--divide-y-reverse));
+  }
+
+  .xs\:divide-x-8 > :not(template) ~ :not(template) {
+    --divide-x-reverse: 0;
+    border-right-width: calc(8px * var(--divide-x-reverse));
+    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
+  }
+
+  .xs\:divide-y > :not(template) ~ :not(template) {
+    --divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--divide-y-reverse));
+  }
+
+  .xs\:divide-x > :not(template) ~ :not(template) {
+    --divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
+  }
+
+  .xs\:divide-y-reverse > :not(template) ~ :not(template) {
+    --divide-y-reverse: 1;
+  }
+
+  .xs\:divide-x-reverse > :not(template) ~ :not(template) {
+    --divide-x-reverse: 1;
+  }
+
+  .xs\:divide-transparent > :not(template) ~ :not(template) {
+    border-color: transparent;
+  }
+
+  .xs\:divide-current > :not(template) ~ :not(template) {
+    border-color: currentColor;
+  }
+
+  .xs\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
+  }
+
+  .xs\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
+  }
+
+  .xs\:divide-findMe > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #F9FCFD;
+    border-color: rgba(249, 252, 253, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--divide-opacity));
+  }
+
+  .xs\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--divide-opacity));
+  }
+
+  .xs\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--divide-opacity));
+  }
+
+  .xs\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--divide-opacity));
+  }
+
+  .xs\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--divide-opacity));
+  }
+
+  .xs\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--divide-opacity));
+  }
+
+  .xs\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--divide-opacity));
+  }
+
+  .xs\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--divide-opacity));
+  }
+
+  .xs\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--divide-opacity));
+  }
+
+  .xs\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--divide-opacity));
+  }
+
+  .xs\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--divide-opacity));
+  }
+
+  .xs\:divide-solid > :not(template) ~ :not(template) {
+    border-style: solid;
+  }
+
+  .xs\:divide-dashed > :not(template) ~ :not(template) {
+    border-style: dashed;
+  }
+
+  .xs\:divide-dotted > :not(template) ~ :not(template) {
+    border-style: dotted;
+  }
+
+  .xs\:divide-double > :not(template) ~ :not(template) {
+    border-style: double;
+  }
+
+  .xs\:divide-none > :not(template) ~ :not(template) {
+    border-style: none;
+  }
+
+  .xs\:divide-opacity-0 > :not(template) ~ :not(template) {
+    --divide-opacity: 0;
+  }
+
+  .xs\:divide-opacity-25 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.25;
+  }
+
+  .xs\:divide-opacity-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.5;
+  }
+
+  .xs\:divide-opacity-75 > :not(template) ~ :not(template) {
+    --divide-opacity: 0.75;
+  }
+
+  .xs\:divide-opacity-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+  }
+
+  .xs\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xs\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xs\:focus\:sr-only:focus {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+
+  .xs\:focus\:not-sr-only:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .xs\:appearance-none {
+    -webkit-appearance: none;
+            appearance: none;
+  }
+
+  .xs\:bg-fixed {
+    background-attachment: fixed;
+  }
+
+  .xs\:bg-local {
+    background-attachment: local;
+  }
+
+  .xs\:bg-scroll {
+    background-attachment: scroll;
+  }
+
+  .xs\:bg-clip-border {
+    background-clip: border-box;
+  }
+
+  .xs\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+
+  .xs\:bg-clip-content {
+    background-clip: content-box;
+  }
+
+  .xs\:bg-clip-text {
+    -webkit-background-clip: text;
+            background-clip: text;
+  }
+
+  .xs\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .xs\:bg-current {
+    background-color: currentColor;
+  }
+
+  .xs\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xs\:bg-white {
+    --bg-opacity: 1;
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xs\:bg-findMe {
+    --bg-opacity: 1;
+    background-color: #F9FCFD;
+    background-color: rgba(249, 252, 253, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
+  }
+
+  .xs\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
+  }
+
+  .xs\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
+  }
+
+  .xs\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
+  }
+
+  .xs\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
+  }
+
+  .xs\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
+  }
+
+  .xs\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
+  }
+
+  .xs\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
+  }
+
+  .xs\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
+  }
+
+  .xs\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
+  }
+
+  .xs\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .xs\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .xs\:hover\:bg-black:hover {
+    --bg-opacity: 1;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-white:hover {
+    --bg-opacity: 1;
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-findMe:hover {
+    --bg-opacity: 1;
+    background-color: #F9FCFD;
+    background-color: rgba(249, 252, 253, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
+    background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
+    background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
+    background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
+    background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
+    background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
+    background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
+    background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
+    background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
+    background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
+    background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
+    background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
+    background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
+    background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
+    background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
+    background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
+    background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
+    background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
+    background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
+    background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
+    background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
+    background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
+    background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
+    background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
+    background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
+    background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
+    background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
+    background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
+    background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
+    background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
+    background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
+    background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
+    background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
+    background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
+    background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
+    background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
+    background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
+    background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
+    background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
+    background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
+    background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
+    background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
+    background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
+    background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
+    background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
+    background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
+    background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
+    background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
+    background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
+    background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
+    background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
+    background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
+    background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
+    background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
+    background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
+    background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
+    background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
+    background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
+    background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
+    background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
+    background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
+    background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
+    background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
+    background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
+    background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
+    background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
+    background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
+    background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
+    background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
+    background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
+    background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
+    background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
+    background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
+    background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
+    background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
+    background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
+    background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
+    background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
+    background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
+    background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
+    background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
+  }
+
+  .xs\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
+    background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .xs\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .xs\:focus\:bg-black:focus {
+    --bg-opacity: 1;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-white:focus {
+    --bg-opacity: 1;
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-findMe:focus {
+    --bg-opacity: 1;
+    background-color: #F9FCFD;
+    background-color: rgba(249, 252, 253, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f7fafc;
+    background-color: rgba(247, 250, 252, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #edf2f7;
+    background-color: rgba(237, 242, 247, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #e2e8f0;
+    background-color: rgba(226, 232, 240, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #cbd5e0;
+    background-color: rgba(203, 213, 224, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #a0aec0;
+    background-color: rgba(160, 174, 192, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #718096;
+    background-color: rgba(113, 128, 150, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #4a5568;
+    background-color: rgba(74, 85, 104, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #2d3748;
+    background-color: rgba(45, 55, 72, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #1a202c;
+    background-color: rgba(26, 32, 44, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
+    background-color: #fff5f5;
+    background-color: rgba(255, 245, 245, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
+    background-color: #fed7d7;
+    background-color: rgba(254, 215, 215, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
+    background-color: #feb2b2;
+    background-color: rgba(254, 178, 178, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
+    background-color: #fc8181;
+    background-color: rgba(252, 129, 129, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
+    background-color: #f56565;
+    background-color: rgba(245, 101, 101, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
+    background-color: #e53e3e;
+    background-color: rgba(229, 62, 62, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
+    background-color: #c53030;
+    background-color: rgba(197, 48, 48, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
+    background-color: #9b2c2c;
+    background-color: rgba(155, 44, 44, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
+    background-color: #742a2a;
+    background-color: rgba(116, 42, 42, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
+    background-color: #fffaf0;
+    background-color: rgba(255, 250, 240, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
+    background-color: #feebc8;
+    background-color: rgba(254, 235, 200, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
+    background-color: #fbd38d;
+    background-color: rgba(251, 211, 141, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
+    background-color: #f6ad55;
+    background-color: rgba(246, 173, 85, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
+    background-color: #ed8936;
+    background-color: rgba(237, 137, 54, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
+    background-color: #dd6b20;
+    background-color: rgba(221, 107, 32, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
+    background-color: #c05621;
+    background-color: rgba(192, 86, 33, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
+    background-color: #9c4221;
+    background-color: rgba(156, 66, 33, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
+    background-color: #7b341e;
+    background-color: rgba(123, 52, 30, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
+    background-color: #fffff0;
+    background-color: rgba(255, 255, 240, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
+    background-color: #fefcbf;
+    background-color: rgba(254, 252, 191, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
+    background-color: #faf089;
+    background-color: rgba(250, 240, 137, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
+    background-color: #f6e05e;
+    background-color: rgba(246, 224, 94, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
+    background-color: #ecc94b;
+    background-color: rgba(236, 201, 75, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
+    background-color: #d69e2e;
+    background-color: rgba(214, 158, 46, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
+    background-color: #b7791f;
+    background-color: rgba(183, 121, 31, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
+    background-color: #975a16;
+    background-color: rgba(151, 90, 22, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
+    background-color: #744210;
+    background-color: rgba(116, 66, 16, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
+    background-color: #f0fff4;
+    background-color: rgba(240, 255, 244, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
+    background-color: #c6f6d5;
+    background-color: rgba(198, 246, 213, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
+    background-color: #9ae6b4;
+    background-color: rgba(154, 230, 180, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
+    background-color: #68d391;
+    background-color: rgba(104, 211, 145, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
+    background-color: #48bb78;
+    background-color: rgba(72, 187, 120, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
+    background-color: #38a169;
+    background-color: rgba(56, 161, 105, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
+    background-color: #2f855a;
+    background-color: rgba(47, 133, 90, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
+    background-color: #276749;
+    background-color: rgba(39, 103, 73, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
+    background-color: #22543d;
+    background-color: rgba(34, 84, 61, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
+    background-color: #e6fffa;
+    background-color: rgba(230, 255, 250, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
+    background-color: #b2f5ea;
+    background-color: rgba(178, 245, 234, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
+    background-color: #81e6d9;
+    background-color: rgba(129, 230, 217, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
+    background-color: #4fd1c5;
+    background-color: rgba(79, 209, 197, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
+    background-color: #38b2ac;
+    background-color: rgba(56, 178, 172, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
+    background-color: #319795;
+    background-color: rgba(49, 151, 149, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
+    background-color: #2c7a7b;
+    background-color: rgba(44, 122, 123, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
+    background-color: #285e61;
+    background-color: rgba(40, 94, 97, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
+    background-color: #234e52;
+    background-color: rgba(35, 78, 82, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
+    background-color: #ebf8ff;
+    background-color: rgba(235, 248, 255, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
+    background-color: #bee3f8;
+    background-color: rgba(190, 227, 248, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
+    background-color: #90cdf4;
+    background-color: rgba(144, 205, 244, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
+    background-color: #63b3ed;
+    background-color: rgba(99, 179, 237, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
+    background-color: #4299e1;
+    background-color: rgba(66, 153, 225, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
+    background-color: #3182ce;
+    background-color: rgba(49, 130, 206, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
+    background-color: #2b6cb0;
+    background-color: rgba(43, 108, 176, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
+    background-color: #2c5282;
+    background-color: rgba(44, 82, 130, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
+    background-color: #2a4365;
+    background-color: rgba(42, 67, 101, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
+    background-color: #ebf4ff;
+    background-color: rgba(235, 244, 255, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
+    background-color: #c3dafe;
+    background-color: rgba(195, 218, 254, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
+    background-color: #a3bffa;
+    background-color: rgba(163, 191, 250, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
+    background-color: #7f9cf5;
+    background-color: rgba(127, 156, 245, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
+    background-color: #667eea;
+    background-color: rgba(102, 126, 234, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
+    background-color: #5a67d8;
+    background-color: rgba(90, 103, 216, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
+    background-color: #4c51bf;
+    background-color: rgba(76, 81, 191, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
+    background-color: #434190;
+    background-color: rgba(67, 65, 144, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
+    background-color: #3c366b;
+    background-color: rgba(60, 54, 107, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
+    background-color: #faf5ff;
+    background-color: rgba(250, 245, 255, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
+    background-color: #e9d8fd;
+    background-color: rgba(233, 216, 253, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
+    background-color: #d6bcfa;
+    background-color: rgba(214, 188, 250, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
+    background-color: #b794f4;
+    background-color: rgba(183, 148, 244, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
+    background-color: #9f7aea;
+    background-color: rgba(159, 122, 234, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
+    background-color: #805ad5;
+    background-color: rgba(128, 90, 213, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
+    background-color: #6b46c1;
+    background-color: rgba(107, 70, 193, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
+    background-color: #553c9a;
+    background-color: rgba(85, 60, 154, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
+    background-color: #44337a;
+    background-color: rgba(68, 51, 122, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
+    background-color: #fff5f7;
+    background-color: rgba(255, 245, 247, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
+    background-color: #fed7e2;
+    background-color: rgba(254, 215, 226, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
+    background-color: #fbb6ce;
+    background-color: rgba(251, 182, 206, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
+    background-color: #f687b3;
+    background-color: rgba(246, 135, 179, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
+    background-color: #ed64a6;
+    background-color: rgba(237, 100, 166, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
+    background-color: #d53f8c;
+    background-color: rgba(213, 63, 140, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
+    background-color: #b83280;
+    background-color: rgba(184, 50, 128, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
+    background-color: #97266d;
+    background-color: rgba(151, 38, 109, var(--bg-opacity));
+  }
+
+  .xs\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
+    background-color: #702459;
+    background-color: rgba(112, 36, 89, var(--bg-opacity));
+  }
+
+  .xs\:bg-none {
+    background-image: none;
+  }
+
+  .xs\:bg-gradient-to-t {
+    background-image: linear-gradient(to top, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-tr {
+    background-image: linear-gradient(to top right, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-br {
+    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-b {
+    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-bl {
+    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-l {
+    background-image: linear-gradient(to left, var(--gradient-color-stops));
+  }
+
+  .xs\:bg-gradient-to-tl {
+    background-image: linear-gradient(to top left, var(--gradient-color-stops));
+  }
+
+  .xs\:from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:from-black {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:from-white {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:from-findMe {
+    --gradient-from-color: #F9FCFD;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
+  }
+
+  .xs\:from-gray-100 {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  }
+
+  .xs\:from-gray-200 {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  }
+
+  .xs\:from-gray-300 {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xs\:from-gray-400 {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  }
+
+  .xs\:from-gray-500 {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  }
+
+  .xs\:from-gray-600 {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  }
+
+  .xs\:from-gray-700 {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  }
+
+  .xs\:from-gray-800 {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  }
+
+  .xs\:from-gray-900 {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  }
+
+  .xs\:from-red-100 {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  }
+
+  .xs\:from-red-200 {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  }
+
+  .xs\:from-red-300 {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  }
+
+  .xs\:from-red-400 {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  }
+
+  .xs\:from-red-500 {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  }
+
+  .xs\:from-red-600 {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  }
+
+  .xs\:from-red-700 {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  }
+
+  .xs\:from-red-800 {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  }
+
+  .xs\:from-red-900 {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  }
+
+  .xs\:from-orange-100 {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  }
+
+  .xs\:from-orange-200 {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  }
+
+  .xs\:from-orange-300 {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  }
+
+  .xs\:from-orange-400 {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  }
+
+  .xs\:from-orange-500 {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  }
+
+  .xs\:from-orange-600 {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  }
+
+  .xs\:from-orange-700 {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  }
+
+  .xs\:from-orange-800 {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  }
+
+  .xs\:from-orange-900 {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  }
+
+  .xs\:from-yellow-100 {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  }
+
+  .xs\:from-yellow-200 {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  }
+
+  .xs\:from-yellow-300 {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  }
+
+  .xs\:from-yellow-400 {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  }
+
+  .xs\:from-yellow-500 {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  }
+
+  .xs\:from-yellow-600 {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  }
+
+  .xs\:from-yellow-700 {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  }
+
+  .xs\:from-yellow-800 {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  }
+
+  .xs\:from-yellow-900 {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  }
+
+  .xs\:from-green-100 {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  }
+
+  .xs\:from-green-200 {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  }
+
+  .xs\:from-green-300 {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  }
+
+  .xs\:from-green-400 {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  }
+
+  .xs\:from-green-500 {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  }
+
+  .xs\:from-green-600 {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  }
+
+  .xs\:from-green-700 {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  }
+
+  .xs\:from-green-800 {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  }
+
+  .xs\:from-green-900 {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  }
+
+  .xs\:from-teal-100 {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  }
+
+  .xs\:from-teal-200 {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  }
+
+  .xs\:from-teal-300 {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  }
+
+  .xs\:from-teal-400 {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  }
+
+  .xs\:from-teal-500 {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  }
+
+  .xs\:from-teal-600 {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  }
+
+  .xs\:from-teal-700 {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  }
+
+  .xs\:from-teal-800 {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  }
+
+  .xs\:from-teal-900 {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  }
+
+  .xs\:from-blue-100 {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  }
+
+  .xs\:from-blue-200 {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  }
+
+  .xs\:from-blue-300 {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  }
+
+  .xs\:from-blue-400 {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  }
+
+  .xs\:from-blue-500 {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  }
+
+  .xs\:from-blue-600 {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  }
+
+  .xs\:from-blue-700 {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  }
+
+  .xs\:from-blue-800 {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  }
+
+  .xs\:from-blue-900 {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  }
+
+  .xs\:from-indigo-100 {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  }
+
+  .xs\:from-indigo-200 {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  }
+
+  .xs\:from-indigo-300 {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  }
+
+  .xs\:from-indigo-400 {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  }
+
+  .xs\:from-indigo-500 {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  }
+
+  .xs\:from-indigo-600 {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  }
+
+  .xs\:from-indigo-700 {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  }
+
+  .xs\:from-indigo-800 {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  }
+
+  .xs\:from-indigo-900 {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  }
+
+  .xs\:from-purple-100 {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  }
+
+  .xs\:from-purple-200 {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  }
+
+  .xs\:from-purple-300 {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  }
+
+  .xs\:from-purple-400 {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  }
+
+  .xs\:from-purple-500 {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  }
+
+  .xs\:from-purple-600 {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  }
+
+  .xs\:from-purple-700 {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  }
+
+  .xs\:from-purple-800 {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  }
+
+  .xs\:from-purple-900 {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  }
+
+  .xs\:from-pink-100 {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  }
+
+  .xs\:from-pink-200 {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  }
+
+  .xs\:from-pink-300 {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  }
+
+  .xs\:from-pink-400 {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  }
+
+  .xs\:from-pink-500 {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  }
+
+  .xs\:from-pink-600 {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  }
+
+  .xs\:from-pink-700 {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  }
+
+  .xs\:from-pink-800 {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  }
+
+  .xs\:from-pink-900 {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xs\:via-transparent {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:via-current {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:via-black {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:via-white {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:via-findMe {
+    --gradient-via-color: #F9FCFD;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
+  }
+
+  .xs\:via-gray-100 {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  }
+
+  .xs\:via-gray-200 {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  }
+
+  .xs\:via-gray-300 {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xs\:via-gray-400 {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  }
+
+  .xs\:via-gray-500 {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  }
+
+  .xs\:via-gray-600 {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  }
+
+  .xs\:via-gray-700 {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  }
+
+  .xs\:via-gray-800 {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  }
+
+  .xs\:via-gray-900 {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  }
+
+  .xs\:via-red-100 {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  }
+
+  .xs\:via-red-200 {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  }
+
+  .xs\:via-red-300 {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  }
+
+  .xs\:via-red-400 {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  }
+
+  .xs\:via-red-500 {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  }
+
+  .xs\:via-red-600 {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  }
+
+  .xs\:via-red-700 {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  }
+
+  .xs\:via-red-800 {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  }
+
+  .xs\:via-red-900 {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  }
+
+  .xs\:via-orange-100 {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  }
+
+  .xs\:via-orange-200 {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  }
+
+  .xs\:via-orange-300 {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  }
+
+  .xs\:via-orange-400 {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  }
+
+  .xs\:via-orange-500 {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  }
+
+  .xs\:via-orange-600 {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  }
+
+  .xs\:via-orange-700 {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  }
+
+  .xs\:via-orange-800 {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  }
+
+  .xs\:via-orange-900 {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  }
+
+  .xs\:via-yellow-100 {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  }
+
+  .xs\:via-yellow-200 {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  }
+
+  .xs\:via-yellow-300 {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  }
+
+  .xs\:via-yellow-400 {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  }
+
+  .xs\:via-yellow-500 {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  }
+
+  .xs\:via-yellow-600 {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  }
+
+  .xs\:via-yellow-700 {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  }
+
+  .xs\:via-yellow-800 {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  }
+
+  .xs\:via-yellow-900 {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  }
+
+  .xs\:via-green-100 {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  }
+
+  .xs\:via-green-200 {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  }
+
+  .xs\:via-green-300 {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  }
+
+  .xs\:via-green-400 {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  }
+
+  .xs\:via-green-500 {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  }
+
+  .xs\:via-green-600 {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  }
+
+  .xs\:via-green-700 {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  }
+
+  .xs\:via-green-800 {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  }
+
+  .xs\:via-green-900 {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  }
+
+  .xs\:via-teal-100 {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  }
+
+  .xs\:via-teal-200 {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  }
+
+  .xs\:via-teal-300 {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  }
+
+  .xs\:via-teal-400 {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  }
+
+  .xs\:via-teal-500 {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  }
+
+  .xs\:via-teal-600 {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  }
+
+  .xs\:via-teal-700 {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  }
+
+  .xs\:via-teal-800 {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  }
+
+  .xs\:via-teal-900 {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  }
+
+  .xs\:via-blue-100 {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  }
+
+  .xs\:via-blue-200 {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  }
+
+  .xs\:via-blue-300 {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  }
+
+  .xs\:via-blue-400 {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  }
+
+  .xs\:via-blue-500 {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  }
+
+  .xs\:via-blue-600 {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  }
+
+  .xs\:via-blue-700 {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  }
+
+  .xs\:via-blue-800 {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  }
+
+  .xs\:via-blue-900 {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  }
+
+  .xs\:via-indigo-100 {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  }
+
+  .xs\:via-indigo-200 {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  }
+
+  .xs\:via-indigo-300 {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  }
+
+  .xs\:via-indigo-400 {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  }
+
+  .xs\:via-indigo-500 {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  }
+
+  .xs\:via-indigo-600 {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  }
+
+  .xs\:via-indigo-700 {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  }
+
+  .xs\:via-indigo-800 {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  }
+
+  .xs\:via-indigo-900 {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  }
+
+  .xs\:via-purple-100 {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  }
+
+  .xs\:via-purple-200 {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  }
+
+  .xs\:via-purple-300 {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  }
+
+  .xs\:via-purple-400 {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  }
+
+  .xs\:via-purple-500 {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  }
+
+  .xs\:via-purple-600 {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  }
+
+  .xs\:via-purple-700 {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  }
+
+  .xs\:via-purple-800 {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  }
+
+  .xs\:via-purple-900 {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  }
+
+  .xs\:via-pink-100 {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  }
+
+  .xs\:via-pink-200 {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  }
+
+  .xs\:via-pink-300 {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  }
+
+  .xs\:via-pink-400 {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  }
+
+  .xs\:via-pink-500 {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  }
+
+  .xs\:via-pink-600 {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  }
+
+  .xs\:via-pink-700 {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  }
+
+  .xs\:via-pink-800 {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  }
+
+  .xs\:via-pink-900 {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xs\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .xs\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .xs\:to-black {
+    --gradient-to-color: #000;
+  }
+
+  .xs\:to-white {
+    --gradient-to-color: #fff;
+  }
+
+  .xs\:to-findMe {
+    --gradient-to-color: #F9FCFD;
+  }
+
+  .xs\:to-gray-100 {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xs\:to-gray-200 {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xs\:to-gray-300 {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xs\:to-gray-400 {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xs\:to-gray-500 {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xs\:to-gray-600 {
+    --gradient-to-color: #718096;
+  }
+
+  .xs\:to-gray-700 {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xs\:to-gray-800 {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xs\:to-gray-900 {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xs\:to-red-100 {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xs\:to-red-200 {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xs\:to-red-300 {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xs\:to-red-400 {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xs\:to-red-500 {
+    --gradient-to-color: #f56565;
+  }
+
+  .xs\:to-red-600 {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xs\:to-red-700 {
+    --gradient-to-color: #c53030;
+  }
+
+  .xs\:to-red-800 {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xs\:to-red-900 {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xs\:to-orange-100 {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xs\:to-orange-200 {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xs\:to-orange-300 {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xs\:to-orange-400 {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xs\:to-orange-500 {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xs\:to-orange-600 {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xs\:to-orange-700 {
+    --gradient-to-color: #c05621;
+  }
+
+  .xs\:to-orange-800 {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xs\:to-orange-900 {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xs\:to-yellow-100 {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xs\:to-yellow-200 {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xs\:to-yellow-300 {
+    --gradient-to-color: #faf089;
+  }
+
+  .xs\:to-yellow-400 {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xs\:to-yellow-500 {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xs\:to-yellow-600 {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xs\:to-yellow-700 {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xs\:to-yellow-800 {
+    --gradient-to-color: #975a16;
+  }
+
+  .xs\:to-yellow-900 {
+    --gradient-to-color: #744210;
+  }
+
+  .xs\:to-green-100 {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xs\:to-green-200 {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xs\:to-green-300 {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xs\:to-green-400 {
+    --gradient-to-color: #68d391;
+  }
+
+  .xs\:to-green-500 {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xs\:to-green-600 {
+    --gradient-to-color: #38a169;
+  }
+
+  .xs\:to-green-700 {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xs\:to-green-800 {
+    --gradient-to-color: #276749;
+  }
+
+  .xs\:to-green-900 {
+    --gradient-to-color: #22543d;
+  }
+
+  .xs\:to-teal-100 {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xs\:to-teal-200 {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xs\:to-teal-300 {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xs\:to-teal-400 {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xs\:to-teal-500 {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xs\:to-teal-600 {
+    --gradient-to-color: #319795;
+  }
+
+  .xs\:to-teal-700 {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xs\:to-teal-800 {
+    --gradient-to-color: #285e61;
+  }
+
+  .xs\:to-teal-900 {
+    --gradient-to-color: #234e52;
+  }
+
+  .xs\:to-blue-100 {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xs\:to-blue-200 {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xs\:to-blue-300 {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xs\:to-blue-400 {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xs\:to-blue-500 {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xs\:to-blue-600 {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xs\:to-blue-700 {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xs\:to-blue-800 {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xs\:to-blue-900 {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xs\:to-indigo-100 {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xs\:to-indigo-200 {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xs\:to-indigo-300 {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xs\:to-indigo-400 {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xs\:to-indigo-500 {
+    --gradient-to-color: #667eea;
+  }
+
+  .xs\:to-indigo-600 {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xs\:to-indigo-700 {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xs\:to-indigo-800 {
+    --gradient-to-color: #434190;
+  }
+
+  .xs\:to-indigo-900 {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xs\:to-purple-100 {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xs\:to-purple-200 {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xs\:to-purple-300 {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xs\:to-purple-400 {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xs\:to-purple-500 {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xs\:to-purple-600 {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xs\:to-purple-700 {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xs\:to-purple-800 {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xs\:to-purple-900 {
+    --gradient-to-color: #44337a;
+  }
+
+  .xs\:to-pink-100 {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xs\:to-pink-200 {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xs\:to-pink-300 {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xs\:to-pink-400 {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xs\:to-pink-500 {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xs\:to-pink-600 {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xs\:to-pink-700 {
+    --gradient-to-color: #b83280;
+  }
+
+  .xs\:to-pink-800 {
+    --gradient-to-color: #97266d;
+  }
+
+  .xs\:to-pink-900 {
+    --gradient-to-color: #702459;
+  }
+
+  .xs\:hover\:from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:hover\:from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:hover\:from-black:hover {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:hover\:from-white:hover {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:hover\:from-findMe:hover {
+    --gradient-from-color: #F9FCFD;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
+  }
+
+  .xs\:hover\:from-gray-100:hover {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  }
+
+  .xs\:hover\:from-gray-200:hover {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  }
+
+  .xs\:hover\:from-gray-300:hover {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xs\:hover\:from-gray-400:hover {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  }
+
+  .xs\:hover\:from-gray-500:hover {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  }
+
+  .xs\:hover\:from-gray-600:hover {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  }
+
+  .xs\:hover\:from-gray-700:hover {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  }
+
+  .xs\:hover\:from-gray-800:hover {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  }
+
+  .xs\:hover\:from-gray-900:hover {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  }
+
+  .xs\:hover\:from-red-100:hover {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  }
+
+  .xs\:hover\:from-red-200:hover {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  }
+
+  .xs\:hover\:from-red-300:hover {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  }
+
+  .xs\:hover\:from-red-400:hover {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  }
+
+  .xs\:hover\:from-red-500:hover {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  }
+
+  .xs\:hover\:from-red-600:hover {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  }
+
+  .xs\:hover\:from-red-700:hover {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  }
+
+  .xs\:hover\:from-red-800:hover {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  }
+
+  .xs\:hover\:from-red-900:hover {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  }
+
+  .xs\:hover\:from-orange-100:hover {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  }
+
+  .xs\:hover\:from-orange-200:hover {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  }
+
+  .xs\:hover\:from-orange-300:hover {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  }
+
+  .xs\:hover\:from-orange-400:hover {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  }
+
+  .xs\:hover\:from-orange-500:hover {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  }
+
+  .xs\:hover\:from-orange-600:hover {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  }
+
+  .xs\:hover\:from-orange-700:hover {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  }
+
+  .xs\:hover\:from-orange-800:hover {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  }
+
+  .xs\:hover\:from-orange-900:hover {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  }
+
+  .xs\:hover\:from-yellow-100:hover {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  }
+
+  .xs\:hover\:from-yellow-200:hover {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  }
+
+  .xs\:hover\:from-yellow-300:hover {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  }
+
+  .xs\:hover\:from-yellow-400:hover {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  }
+
+  .xs\:hover\:from-yellow-500:hover {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  }
+
+  .xs\:hover\:from-yellow-600:hover {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  }
+
+  .xs\:hover\:from-yellow-700:hover {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  }
+
+  .xs\:hover\:from-yellow-800:hover {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  }
+
+  .xs\:hover\:from-yellow-900:hover {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  }
+
+  .xs\:hover\:from-green-100:hover {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  }
+
+  .xs\:hover\:from-green-200:hover {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  }
+
+  .xs\:hover\:from-green-300:hover {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  }
+
+  .xs\:hover\:from-green-400:hover {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  }
+
+  .xs\:hover\:from-green-500:hover {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  }
+
+  .xs\:hover\:from-green-600:hover {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  }
+
+  .xs\:hover\:from-green-700:hover {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  }
+
+  .xs\:hover\:from-green-800:hover {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  }
+
+  .xs\:hover\:from-green-900:hover {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  }
+
+  .xs\:hover\:from-teal-100:hover {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  }
+
+  .xs\:hover\:from-teal-200:hover {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  }
+
+  .xs\:hover\:from-teal-300:hover {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  }
+
+  .xs\:hover\:from-teal-400:hover {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  }
+
+  .xs\:hover\:from-teal-500:hover {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  }
+
+  .xs\:hover\:from-teal-600:hover {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  }
+
+  .xs\:hover\:from-teal-700:hover {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  }
+
+  .xs\:hover\:from-teal-800:hover {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  }
+
+  .xs\:hover\:from-teal-900:hover {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  }
+
+  .xs\:hover\:from-blue-100:hover {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  }
+
+  .xs\:hover\:from-blue-200:hover {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  }
+
+  .xs\:hover\:from-blue-300:hover {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  }
+
+  .xs\:hover\:from-blue-400:hover {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  }
+
+  .xs\:hover\:from-blue-500:hover {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  }
+
+  .xs\:hover\:from-blue-600:hover {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  }
+
+  .xs\:hover\:from-blue-700:hover {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  }
+
+  .xs\:hover\:from-blue-800:hover {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  }
+
+  .xs\:hover\:from-blue-900:hover {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  }
+
+  .xs\:hover\:from-indigo-100:hover {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  }
+
+  .xs\:hover\:from-indigo-200:hover {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  }
+
+  .xs\:hover\:from-indigo-300:hover {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  }
+
+  .xs\:hover\:from-indigo-400:hover {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  }
+
+  .xs\:hover\:from-indigo-500:hover {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  }
+
+  .xs\:hover\:from-indigo-600:hover {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  }
+
+  .xs\:hover\:from-indigo-700:hover {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  }
+
+  .xs\:hover\:from-indigo-800:hover {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  }
+
+  .xs\:hover\:from-indigo-900:hover {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  }
+
+  .xs\:hover\:from-purple-100:hover {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  }
+
+  .xs\:hover\:from-purple-200:hover {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  }
+
+  .xs\:hover\:from-purple-300:hover {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  }
+
+  .xs\:hover\:from-purple-400:hover {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  }
+
+  .xs\:hover\:from-purple-500:hover {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  }
+
+  .xs\:hover\:from-purple-600:hover {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  }
+
+  .xs\:hover\:from-purple-700:hover {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  }
+
+  .xs\:hover\:from-purple-800:hover {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  }
+
+  .xs\:hover\:from-purple-900:hover {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  }
+
+  .xs\:hover\:from-pink-100:hover {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  }
+
+  .xs\:hover\:from-pink-200:hover {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  }
+
+  .xs\:hover\:from-pink-300:hover {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  }
+
+  .xs\:hover\:from-pink-400:hover {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  }
+
+  .xs\:hover\:from-pink-500:hover {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  }
+
+  .xs\:hover\:from-pink-600:hover {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  }
+
+  .xs\:hover\:from-pink-700:hover {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  }
+
+  .xs\:hover\:from-pink-800:hover {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  }
+
+  .xs\:hover\:from-pink-900:hover {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xs\:hover\:via-transparent:hover {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:hover\:via-current:hover {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:hover\:via-black:hover {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:hover\:via-white:hover {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:hover\:via-findMe:hover {
+    --gradient-via-color: #F9FCFD;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
+  }
+
+  .xs\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  }
+
+  .xs\:hover\:via-gray-200:hover {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  }
+
+  .xs\:hover\:via-gray-300:hover {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xs\:hover\:via-gray-400:hover {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  }
+
+  .xs\:hover\:via-gray-500:hover {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  }
+
+  .xs\:hover\:via-gray-600:hover {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  }
+
+  .xs\:hover\:via-gray-700:hover {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  }
+
+  .xs\:hover\:via-gray-800:hover {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  }
+
+  .xs\:hover\:via-gray-900:hover {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  }
+
+  .xs\:hover\:via-red-100:hover {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  }
+
+  .xs\:hover\:via-red-200:hover {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  }
+
+  .xs\:hover\:via-red-300:hover {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  }
+
+  .xs\:hover\:via-red-400:hover {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  }
+
+  .xs\:hover\:via-red-500:hover {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  }
+
+  .xs\:hover\:via-red-600:hover {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  }
+
+  .xs\:hover\:via-red-700:hover {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  }
+
+  .xs\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  }
+
+  .xs\:hover\:via-red-900:hover {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  }
+
+  .xs\:hover\:via-orange-100:hover {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  }
+
+  .xs\:hover\:via-orange-200:hover {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  }
+
+  .xs\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  }
+
+  .xs\:hover\:via-orange-400:hover {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  }
+
+  .xs\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  }
+
+  .xs\:hover\:via-orange-600:hover {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  }
+
+  .xs\:hover\:via-orange-700:hover {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  }
+
+  .xs\:hover\:via-orange-800:hover {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  }
+
+  .xs\:hover\:via-orange-900:hover {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  }
+
+  .xs\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  }
+
+  .xs\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  }
+
+  .xs\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  }
+
+  .xs\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  }
+
+  .xs\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  }
+
+  .xs\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  }
+
+  .xs\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  }
+
+  .xs\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  }
+
+  .xs\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  }
+
+  .xs\:hover\:via-green-100:hover {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  }
+
+  .xs\:hover\:via-green-200:hover {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  }
+
+  .xs\:hover\:via-green-300:hover {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  }
+
+  .xs\:hover\:via-green-400:hover {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  }
+
+  .xs\:hover\:via-green-500:hover {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  }
+
+  .xs\:hover\:via-green-600:hover {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  }
+
+  .xs\:hover\:via-green-700:hover {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  }
+
+  .xs\:hover\:via-green-800:hover {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  }
+
+  .xs\:hover\:via-green-900:hover {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  }
+
+  .xs\:hover\:via-teal-100:hover {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  }
+
+  .xs\:hover\:via-teal-200:hover {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  }
+
+  .xs\:hover\:via-teal-300:hover {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  }
+
+  .xs\:hover\:via-teal-400:hover {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  }
+
+  .xs\:hover\:via-teal-500:hover {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  }
+
+  .xs\:hover\:via-teal-600:hover {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  }
+
+  .xs\:hover\:via-teal-700:hover {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  }
+
+  .xs\:hover\:via-teal-800:hover {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  }
+
+  .xs\:hover\:via-teal-900:hover {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  }
+
+  .xs\:hover\:via-blue-100:hover {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  }
+
+  .xs\:hover\:via-blue-200:hover {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  }
+
+  .xs\:hover\:via-blue-300:hover {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  }
+
+  .xs\:hover\:via-blue-400:hover {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  }
+
+  .xs\:hover\:via-blue-500:hover {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  }
+
+  .xs\:hover\:via-blue-600:hover {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  }
+
+  .xs\:hover\:via-blue-700:hover {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  }
+
+  .xs\:hover\:via-blue-800:hover {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  }
+
+  .xs\:hover\:via-blue-900:hover {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  }
+
+  .xs\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  }
+
+  .xs\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  }
+
+  .xs\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  }
+
+  .xs\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  }
+
+  .xs\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  }
+
+  .xs\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  }
+
+  .xs\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  }
+
+  .xs\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  }
+
+  .xs\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  }
+
+  .xs\:hover\:via-purple-100:hover {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  }
+
+  .xs\:hover\:via-purple-200:hover {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  }
+
+  .xs\:hover\:via-purple-300:hover {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  }
+
+  .xs\:hover\:via-purple-400:hover {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  }
+
+  .xs\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  }
+
+  .xs\:hover\:via-purple-600:hover {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  }
+
+  .xs\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  }
+
+  .xs\:hover\:via-purple-800:hover {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  }
+
+  .xs\:hover\:via-purple-900:hover {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  }
+
+  .xs\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  }
+
+  .xs\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  }
+
+  .xs\:hover\:via-pink-300:hover {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  }
+
+  .xs\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  }
+
+  .xs\:hover\:via-pink-500:hover {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  }
+
+  .xs\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  }
+
+  .xs\:hover\:via-pink-700:hover {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  }
+
+  .xs\:hover\:via-pink-800:hover {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  }
+
+  .xs\:hover\:via-pink-900:hover {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xs\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .xs\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .xs\:hover\:to-black:hover {
+    --gradient-to-color: #000;
+  }
+
+  .xs\:hover\:to-white:hover {
+    --gradient-to-color: #fff;
+  }
+
+  .xs\:hover\:to-findMe:hover {
+    --gradient-to-color: #F9FCFD;
+  }
+
+  .xs\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xs\:hover\:to-gray-200:hover {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xs\:hover\:to-gray-300:hover {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xs\:hover\:to-gray-400:hover {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xs\:hover\:to-gray-500:hover {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xs\:hover\:to-gray-600:hover {
+    --gradient-to-color: #718096;
+  }
+
+  .xs\:hover\:to-gray-700:hover {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xs\:hover\:to-gray-800:hover {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xs\:hover\:to-gray-900:hover {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xs\:hover\:to-red-100:hover {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xs\:hover\:to-red-200:hover {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xs\:hover\:to-red-300:hover {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xs\:hover\:to-red-400:hover {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xs\:hover\:to-red-500:hover {
+    --gradient-to-color: #f56565;
+  }
+
+  .xs\:hover\:to-red-600:hover {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xs\:hover\:to-red-700:hover {
+    --gradient-to-color: #c53030;
+  }
+
+  .xs\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xs\:hover\:to-red-900:hover {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xs\:hover\:to-orange-100:hover {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xs\:hover\:to-orange-200:hover {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xs\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xs\:hover\:to-orange-400:hover {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xs\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xs\:hover\:to-orange-600:hover {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xs\:hover\:to-orange-700:hover {
+    --gradient-to-color: #c05621;
+  }
+
+  .xs\:hover\:to-orange-800:hover {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xs\:hover\:to-orange-900:hover {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xs\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xs\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xs\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faf089;
+  }
+
+  .xs\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xs\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xs\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xs\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xs\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #975a16;
+  }
+
+  .xs\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #744210;
+  }
+
+  .xs\:hover\:to-green-100:hover {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xs\:hover\:to-green-200:hover {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xs\:hover\:to-green-300:hover {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xs\:hover\:to-green-400:hover {
+    --gradient-to-color: #68d391;
+  }
+
+  .xs\:hover\:to-green-500:hover {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xs\:hover\:to-green-600:hover {
+    --gradient-to-color: #38a169;
+  }
+
+  .xs\:hover\:to-green-700:hover {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xs\:hover\:to-green-800:hover {
+    --gradient-to-color: #276749;
+  }
+
+  .xs\:hover\:to-green-900:hover {
+    --gradient-to-color: #22543d;
+  }
+
+  .xs\:hover\:to-teal-100:hover {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xs\:hover\:to-teal-200:hover {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xs\:hover\:to-teal-300:hover {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xs\:hover\:to-teal-400:hover {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xs\:hover\:to-teal-500:hover {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xs\:hover\:to-teal-600:hover {
+    --gradient-to-color: #319795;
+  }
+
+  .xs\:hover\:to-teal-700:hover {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xs\:hover\:to-teal-800:hover {
+    --gradient-to-color: #285e61;
+  }
+
+  .xs\:hover\:to-teal-900:hover {
+    --gradient-to-color: #234e52;
+  }
+
+  .xs\:hover\:to-blue-100:hover {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xs\:hover\:to-blue-200:hover {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xs\:hover\:to-blue-300:hover {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xs\:hover\:to-blue-400:hover {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xs\:hover\:to-blue-500:hover {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xs\:hover\:to-blue-600:hover {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xs\:hover\:to-blue-700:hover {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xs\:hover\:to-blue-800:hover {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xs\:hover\:to-blue-900:hover {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xs\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xs\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xs\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xs\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xs\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #667eea;
+  }
+
+  .xs\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xs\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xs\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #434190;
+  }
+
+  .xs\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xs\:hover\:to-purple-100:hover {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xs\:hover\:to-purple-200:hover {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xs\:hover\:to-purple-300:hover {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xs\:hover\:to-purple-400:hover {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xs\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xs\:hover\:to-purple-600:hover {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xs\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xs\:hover\:to-purple-800:hover {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xs\:hover\:to-purple-900:hover {
+    --gradient-to-color: #44337a;
+  }
+
+  .xs\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xs\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xs\:hover\:to-pink-300:hover {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xs\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xs\:hover\:to-pink-500:hover {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xs\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xs\:hover\:to-pink-700:hover {
+    --gradient-to-color: #b83280;
+  }
+
+  .xs\:hover\:to-pink-800:hover {
+    --gradient-to-color: #97266d;
+  }
+
+  .xs\:hover\:to-pink-900:hover {
+    --gradient-to-color: #702459;
+  }
+
+  .xs\:focus\:from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:focus\:from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:focus\:from-black:focus {
+    --gradient-from-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:focus\:from-white:focus {
+    --gradient-from-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:focus\:from-findMe:focus {
+    --gradient-from-color: #F9FCFD;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
+  }
+
+  .xs\:focus\:from-gray-100:focus {
+    --gradient-from-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  }
+
+  .xs\:focus\:from-gray-200:focus {
+    --gradient-from-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  }
+
+  .xs\:focus\:from-gray-300:focus {
+    --gradient-from-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xs\:focus\:from-gray-400:focus {
+    --gradient-from-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  }
+
+  .xs\:focus\:from-gray-500:focus {
+    --gradient-from-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  }
+
+  .xs\:focus\:from-gray-600:focus {
+    --gradient-from-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  }
+
+  .xs\:focus\:from-gray-700:focus {
+    --gradient-from-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  }
+
+  .xs\:focus\:from-gray-800:focus {
+    --gradient-from-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  }
+
+  .xs\:focus\:from-gray-900:focus {
+    --gradient-from-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  }
+
+  .xs\:focus\:from-red-100:focus {
+    --gradient-from-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  }
+
+  .xs\:focus\:from-red-200:focus {
+    --gradient-from-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  }
+
+  .xs\:focus\:from-red-300:focus {
+    --gradient-from-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  }
+
+  .xs\:focus\:from-red-400:focus {
+    --gradient-from-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  }
+
+  .xs\:focus\:from-red-500:focus {
+    --gradient-from-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  }
+
+  .xs\:focus\:from-red-600:focus {
+    --gradient-from-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  }
+
+  .xs\:focus\:from-red-700:focus {
+    --gradient-from-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  }
+
+  .xs\:focus\:from-red-800:focus {
+    --gradient-from-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  }
+
+  .xs\:focus\:from-red-900:focus {
+    --gradient-from-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  }
+
+  .xs\:focus\:from-orange-100:focus {
+    --gradient-from-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  }
+
+  .xs\:focus\:from-orange-200:focus {
+    --gradient-from-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  }
+
+  .xs\:focus\:from-orange-300:focus {
+    --gradient-from-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  }
+
+  .xs\:focus\:from-orange-400:focus {
+    --gradient-from-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  }
+
+  .xs\:focus\:from-orange-500:focus {
+    --gradient-from-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  }
+
+  .xs\:focus\:from-orange-600:focus {
+    --gradient-from-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  }
+
+  .xs\:focus\:from-orange-700:focus {
+    --gradient-from-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  }
+
+  .xs\:focus\:from-orange-800:focus {
+    --gradient-from-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  }
+
+  .xs\:focus\:from-orange-900:focus {
+    --gradient-from-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  }
+
+  .xs\:focus\:from-yellow-100:focus {
+    --gradient-from-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  }
+
+  .xs\:focus\:from-yellow-200:focus {
+    --gradient-from-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  }
+
+  .xs\:focus\:from-yellow-300:focus {
+    --gradient-from-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  }
+
+  .xs\:focus\:from-yellow-400:focus {
+    --gradient-from-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  }
+
+  .xs\:focus\:from-yellow-500:focus {
+    --gradient-from-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  }
+
+  .xs\:focus\:from-yellow-600:focus {
+    --gradient-from-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  }
+
+  .xs\:focus\:from-yellow-700:focus {
+    --gradient-from-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  }
+
+  .xs\:focus\:from-yellow-800:focus {
+    --gradient-from-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  }
+
+  .xs\:focus\:from-yellow-900:focus {
+    --gradient-from-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  }
+
+  .xs\:focus\:from-green-100:focus {
+    --gradient-from-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  }
+
+  .xs\:focus\:from-green-200:focus {
+    --gradient-from-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  }
+
+  .xs\:focus\:from-green-300:focus {
+    --gradient-from-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  }
+
+  .xs\:focus\:from-green-400:focus {
+    --gradient-from-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  }
+
+  .xs\:focus\:from-green-500:focus {
+    --gradient-from-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  }
+
+  .xs\:focus\:from-green-600:focus {
+    --gradient-from-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  }
+
+  .xs\:focus\:from-green-700:focus {
+    --gradient-from-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  }
+
+  .xs\:focus\:from-green-800:focus {
+    --gradient-from-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  }
+
+  .xs\:focus\:from-green-900:focus {
+    --gradient-from-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  }
+
+  .xs\:focus\:from-teal-100:focus {
+    --gradient-from-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  }
+
+  .xs\:focus\:from-teal-200:focus {
+    --gradient-from-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  }
+
+  .xs\:focus\:from-teal-300:focus {
+    --gradient-from-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  }
+
+  .xs\:focus\:from-teal-400:focus {
+    --gradient-from-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  }
+
+  .xs\:focus\:from-teal-500:focus {
+    --gradient-from-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  }
+
+  .xs\:focus\:from-teal-600:focus {
+    --gradient-from-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  }
+
+  .xs\:focus\:from-teal-700:focus {
+    --gradient-from-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  }
+
+  .xs\:focus\:from-teal-800:focus {
+    --gradient-from-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  }
+
+  .xs\:focus\:from-teal-900:focus {
+    --gradient-from-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  }
+
+  .xs\:focus\:from-blue-100:focus {
+    --gradient-from-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  }
+
+  .xs\:focus\:from-blue-200:focus {
+    --gradient-from-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  }
+
+  .xs\:focus\:from-blue-300:focus {
+    --gradient-from-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  }
+
+  .xs\:focus\:from-blue-400:focus {
+    --gradient-from-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  }
+
+  .xs\:focus\:from-blue-500:focus {
+    --gradient-from-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  }
+
+  .xs\:focus\:from-blue-600:focus {
+    --gradient-from-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  }
+
+  .xs\:focus\:from-blue-700:focus {
+    --gradient-from-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  }
+
+  .xs\:focus\:from-blue-800:focus {
+    --gradient-from-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  }
+
+  .xs\:focus\:from-blue-900:focus {
+    --gradient-from-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  }
+
+  .xs\:focus\:from-indigo-100:focus {
+    --gradient-from-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  }
+
+  .xs\:focus\:from-indigo-200:focus {
+    --gradient-from-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  }
+
+  .xs\:focus\:from-indigo-300:focus {
+    --gradient-from-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  }
+
+  .xs\:focus\:from-indigo-400:focus {
+    --gradient-from-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  }
+
+  .xs\:focus\:from-indigo-500:focus {
+    --gradient-from-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  }
+
+  .xs\:focus\:from-indigo-600:focus {
+    --gradient-from-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  }
+
+  .xs\:focus\:from-indigo-700:focus {
+    --gradient-from-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  }
+
+  .xs\:focus\:from-indigo-800:focus {
+    --gradient-from-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  }
+
+  .xs\:focus\:from-indigo-900:focus {
+    --gradient-from-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  }
+
+  .xs\:focus\:from-purple-100:focus {
+    --gradient-from-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  }
+
+  .xs\:focus\:from-purple-200:focus {
+    --gradient-from-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  }
+
+  .xs\:focus\:from-purple-300:focus {
+    --gradient-from-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  }
+
+  .xs\:focus\:from-purple-400:focus {
+    --gradient-from-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  }
+
+  .xs\:focus\:from-purple-500:focus {
+    --gradient-from-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  }
+
+  .xs\:focus\:from-purple-600:focus {
+    --gradient-from-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  }
+
+  .xs\:focus\:from-purple-700:focus {
+    --gradient-from-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  }
+
+  .xs\:focus\:from-purple-800:focus {
+    --gradient-from-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  }
+
+  .xs\:focus\:from-purple-900:focus {
+    --gradient-from-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  }
+
+  .xs\:focus\:from-pink-100:focus {
+    --gradient-from-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  }
+
+  .xs\:focus\:from-pink-200:focus {
+    --gradient-from-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  }
+
+  .xs\:focus\:from-pink-300:focus {
+    --gradient-from-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  }
+
+  .xs\:focus\:from-pink-400:focus {
+    --gradient-from-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  }
+
+  .xs\:focus\:from-pink-500:focus {
+    --gradient-from-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  }
+
+  .xs\:focus\:from-pink-600:focus {
+    --gradient-from-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  }
+
+  .xs\:focus\:from-pink-700:focus {
+    --gradient-from-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  }
+
+  .xs\:focus\:from-pink-800:focus {
+    --gradient-from-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  }
+
+  .xs\:focus\:from-pink-900:focus {
+    --gradient-from-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xs\:focus\:via-transparent:focus {
+    --gradient-via-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:focus\:via-current:focus {
+    --gradient-via-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:focus\:via-black:focus {
+    --gradient-via-color: #000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .xs\:focus\:via-white:focus {
+    --gradient-via-color: #fff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .xs\:focus\:via-findMe:focus {
+    --gradient-via-color: #F9FCFD;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
+  }
+
+  .xs\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f7fafc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
+  }
+
+  .xs\:focus\:via-gray-200:focus {
+    --gradient-via-color: #edf2f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
+  }
+
+  .xs\:focus\:via-gray-300:focus {
+    --gradient-via-color: #e2e8f0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
+  }
+
+  .xs\:focus\:via-gray-400:focus {
+    --gradient-via-color: #cbd5e0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
+  }
+
+  .xs\:focus\:via-gray-500:focus {
+    --gradient-via-color: #a0aec0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
+  }
+
+  .xs\:focus\:via-gray-600:focus {
+    --gradient-via-color: #718096;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
+  }
+
+  .xs\:focus\:via-gray-700:focus {
+    --gradient-via-color: #4a5568;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
+  }
+
+  .xs\:focus\:via-gray-800:focus {
+    --gradient-via-color: #2d3748;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
+  }
+
+  .xs\:focus\:via-gray-900:focus {
+    --gradient-via-color: #1a202c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
+  }
+
+  .xs\:focus\:via-red-100:focus {
+    --gradient-via-color: #fff5f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
+  }
+
+  .xs\:focus\:via-red-200:focus {
+    --gradient-via-color: #fed7d7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
+  }
+
+  .xs\:focus\:via-red-300:focus {
+    --gradient-via-color: #feb2b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
+  }
+
+  .xs\:focus\:via-red-400:focus {
+    --gradient-via-color: #fc8181;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
+  }
+
+  .xs\:focus\:via-red-500:focus {
+    --gradient-via-color: #f56565;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
+  }
+
+  .xs\:focus\:via-red-600:focus {
+    --gradient-via-color: #e53e3e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
+  }
+
+  .xs\:focus\:via-red-700:focus {
+    --gradient-via-color: #c53030;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
+  }
+
+  .xs\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b2c2c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
+  }
+
+  .xs\:focus\:via-red-900:focus {
+    --gradient-via-color: #742a2a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
+  }
+
+  .xs\:focus\:via-orange-100:focus {
+    --gradient-via-color: #fffaf0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
+  }
+
+  .xs\:focus\:via-orange-200:focus {
+    --gradient-via-color: #feebc8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
+  }
+
+  .xs\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fbd38d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
+  }
+
+  .xs\:focus\:via-orange-400:focus {
+    --gradient-via-color: #f6ad55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
+  }
+
+  .xs\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ed8936;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
+  }
+
+  .xs\:focus\:via-orange-600:focus {
+    --gradient-via-color: #dd6b20;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
+  }
+
+  .xs\:focus\:via-orange-700:focus {
+    --gradient-via-color: #c05621;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
+  }
+
+  .xs\:focus\:via-orange-800:focus {
+    --gradient-via-color: #9c4221;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
+  }
+
+  .xs\:focus\:via-orange-900:focus {
+    --gradient-via-color: #7b341e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
+  }
+
+  .xs\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fffff0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
+  }
+
+  .xs\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fefcbf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
+  }
+
+  .xs\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faf089;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
+  }
+
+  .xs\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #f6e05e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
+  }
+
+  .xs\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #ecc94b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
+  }
+
+  .xs\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #d69e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
+  }
+
+  .xs\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #b7791f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
+  }
+
+  .xs\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #975a16;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
+  }
+
+  .xs\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #744210;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
+  }
+
+  .xs\:focus\:via-green-100:focus {
+    --gradient-via-color: #f0fff4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
+  }
+
+  .xs\:focus\:via-green-200:focus {
+    --gradient-via-color: #c6f6d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
+  }
+
+  .xs\:focus\:via-green-300:focus {
+    --gradient-via-color: #9ae6b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
+  }
+
+  .xs\:focus\:via-green-400:focus {
+    --gradient-via-color: #68d391;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
+  }
+
+  .xs\:focus\:via-green-500:focus {
+    --gradient-via-color: #48bb78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
+  }
+
+  .xs\:focus\:via-green-600:focus {
+    --gradient-via-color: #38a169;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
+  }
+
+  .xs\:focus\:via-green-700:focus {
+    --gradient-via-color: #2f855a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
+  }
+
+  .xs\:focus\:via-green-800:focus {
+    --gradient-via-color: #276749;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
+  }
+
+  .xs\:focus\:via-green-900:focus {
+    --gradient-via-color: #22543d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
+  }
+
+  .xs\:focus\:via-teal-100:focus {
+    --gradient-via-color: #e6fffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
+  }
+
+  .xs\:focus\:via-teal-200:focus {
+    --gradient-via-color: #b2f5ea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
+  }
+
+  .xs\:focus\:via-teal-300:focus {
+    --gradient-via-color: #81e6d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
+  }
+
+  .xs\:focus\:via-teal-400:focus {
+    --gradient-via-color: #4fd1c5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
+  }
+
+  .xs\:focus\:via-teal-500:focus {
+    --gradient-via-color: #38b2ac;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
+  }
+
+  .xs\:focus\:via-teal-600:focus {
+    --gradient-via-color: #319795;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
+  }
+
+  .xs\:focus\:via-teal-700:focus {
+    --gradient-via-color: #2c7a7b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
+  }
+
+  .xs\:focus\:via-teal-800:focus {
+    --gradient-via-color: #285e61;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
+  }
+
+  .xs\:focus\:via-teal-900:focus {
+    --gradient-via-color: #234e52;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
+  }
+
+  .xs\:focus\:via-blue-100:focus {
+    --gradient-via-color: #ebf8ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
+  }
+
+  .xs\:focus\:via-blue-200:focus {
+    --gradient-via-color: #bee3f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
+  }
+
+  .xs\:focus\:via-blue-300:focus {
+    --gradient-via-color: #90cdf4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
+  }
+
+  .xs\:focus\:via-blue-400:focus {
+    --gradient-via-color: #63b3ed;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
+  }
+
+  .xs\:focus\:via-blue-500:focus {
+    --gradient-via-color: #4299e1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
+  }
+
+  .xs\:focus\:via-blue-600:focus {
+    --gradient-via-color: #3182ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
+  }
+
+  .xs\:focus\:via-blue-700:focus {
+    --gradient-via-color: #2b6cb0;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
+  }
+
+  .xs\:focus\:via-blue-800:focus {
+    --gradient-via-color: #2c5282;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
+  }
+
+  .xs\:focus\:via-blue-900:focus {
+    --gradient-via-color: #2a4365;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
+  }
+
+  .xs\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #ebf4ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
+  }
+
+  .xs\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #c3dafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
+  }
+
+  .xs\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #a3bffa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
+  }
+
+  .xs\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #7f9cf5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
+  }
+
+  .xs\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #667eea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
+  }
+
+  .xs\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5a67d8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
+  }
+
+  .xs\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #4c51bf;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
+  }
+
+  .xs\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #434190;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
+  }
+
+  .xs\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #3c366b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
+  }
+
+  .xs\:focus\:via-purple-100:focus {
+    --gradient-via-color: #faf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
+  }
+
+  .xs\:focus\:via-purple-200:focus {
+    --gradient-via-color: #e9d8fd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
+  }
+
+  .xs\:focus\:via-purple-300:focus {
+    --gradient-via-color: #d6bcfa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
+  }
+
+  .xs\:focus\:via-purple-400:focus {
+    --gradient-via-color: #b794f4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
+  }
+
+  .xs\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9f7aea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
+  }
+
+  .xs\:focus\:via-purple-600:focus {
+    --gradient-via-color: #805ad5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
+  }
+
+  .xs\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6b46c1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
+  }
+
+  .xs\:focus\:via-purple-800:focus {
+    --gradient-via-color: #553c9a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
+  }
+
+  .xs\:focus\:via-purple-900:focus {
+    --gradient-via-color: #44337a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
+  }
+
+  .xs\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fff5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
+  }
+
+  .xs\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fed7e2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
+  }
+
+  .xs\:focus\:via-pink-300:focus {
+    --gradient-via-color: #fbb6ce;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
+  }
+
+  .xs\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f687b3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
+  }
+
+  .xs\:focus\:via-pink-500:focus {
+    --gradient-via-color: #ed64a6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
+  }
+
+  .xs\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d53f8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
+  }
+
+  .xs\:focus\:via-pink-700:focus {
+    --gradient-via-color: #b83280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
+  }
+
+  .xs\:focus\:via-pink-800:focus {
+    --gradient-via-color: #97266d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
+  }
+
+  .xs\:focus\:via-pink-900:focus {
+    --gradient-via-color: #702459;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
+  }
+
+  .xs\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .xs\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .xs\:focus\:to-black:focus {
+    --gradient-to-color: #000;
+  }
+
+  .xs\:focus\:to-white:focus {
+    --gradient-to-color: #fff;
+  }
+
+  .xs\:focus\:to-findMe:focus {
+    --gradient-to-color: #F9FCFD;
+  }
+
+  .xs\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f7fafc;
+  }
+
+  .xs\:focus\:to-gray-200:focus {
+    --gradient-to-color: #edf2f7;
+  }
+
+  .xs\:focus\:to-gray-300:focus {
+    --gradient-to-color: #e2e8f0;
+  }
+
+  .xs\:focus\:to-gray-400:focus {
+    --gradient-to-color: #cbd5e0;
+  }
+
+  .xs\:focus\:to-gray-500:focus {
+    --gradient-to-color: #a0aec0;
+  }
+
+  .xs\:focus\:to-gray-600:focus {
+    --gradient-to-color: #718096;
+  }
+
+  .xs\:focus\:to-gray-700:focus {
+    --gradient-to-color: #4a5568;
+  }
+
+  .xs\:focus\:to-gray-800:focus {
+    --gradient-to-color: #2d3748;
+  }
+
+  .xs\:focus\:to-gray-900:focus {
+    --gradient-to-color: #1a202c;
+  }
+
+  .xs\:focus\:to-red-100:focus {
+    --gradient-to-color: #fff5f5;
+  }
+
+  .xs\:focus\:to-red-200:focus {
+    --gradient-to-color: #fed7d7;
+  }
+
+  .xs\:focus\:to-red-300:focus {
+    --gradient-to-color: #feb2b2;
+  }
+
+  .xs\:focus\:to-red-400:focus {
+    --gradient-to-color: #fc8181;
+  }
+
+  .xs\:focus\:to-red-500:focus {
+    --gradient-to-color: #f56565;
+  }
+
+  .xs\:focus\:to-red-600:focus {
+    --gradient-to-color: #e53e3e;
+  }
+
+  .xs\:focus\:to-red-700:focus {
+    --gradient-to-color: #c53030;
+  }
+
+  .xs\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b2c2c;
+  }
+
+  .xs\:focus\:to-red-900:focus {
+    --gradient-to-color: #742a2a;
+  }
+
+  .xs\:focus\:to-orange-100:focus {
+    --gradient-to-color: #fffaf0;
+  }
+
+  .xs\:focus\:to-orange-200:focus {
+    --gradient-to-color: #feebc8;
+  }
+
+  .xs\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fbd38d;
+  }
+
+  .xs\:focus\:to-orange-400:focus {
+    --gradient-to-color: #f6ad55;
+  }
+
+  .xs\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ed8936;
+  }
+
+  .xs\:focus\:to-orange-600:focus {
+    --gradient-to-color: #dd6b20;
+  }
+
+  .xs\:focus\:to-orange-700:focus {
+    --gradient-to-color: #c05621;
+  }
+
+  .xs\:focus\:to-orange-800:focus {
+    --gradient-to-color: #9c4221;
+  }
+
+  .xs\:focus\:to-orange-900:focus {
+    --gradient-to-color: #7b341e;
+  }
+
+  .xs\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fffff0;
+  }
+
+  .xs\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fefcbf;
+  }
+
+  .xs\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faf089;
+  }
+
+  .xs\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #f6e05e;
+  }
+
+  .xs\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #ecc94b;
+  }
+
+  .xs\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #d69e2e;
+  }
+
+  .xs\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #b7791f;
+  }
+
+  .xs\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #975a16;
+  }
+
+  .xs\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #744210;
+  }
+
+  .xs\:focus\:to-green-100:focus {
+    --gradient-to-color: #f0fff4;
+  }
+
+  .xs\:focus\:to-green-200:focus {
+    --gradient-to-color: #c6f6d5;
+  }
+
+  .xs\:focus\:to-green-300:focus {
+    --gradient-to-color: #9ae6b4;
+  }
+
+  .xs\:focus\:to-green-400:focus {
+    --gradient-to-color: #68d391;
+  }
+
+  .xs\:focus\:to-green-500:focus {
+    --gradient-to-color: #48bb78;
+  }
+
+  .xs\:focus\:to-green-600:focus {
+    --gradient-to-color: #38a169;
+  }
+
+  .xs\:focus\:to-green-700:focus {
+    --gradient-to-color: #2f855a;
+  }
+
+  .xs\:focus\:to-green-800:focus {
+    --gradient-to-color: #276749;
+  }
+
+  .xs\:focus\:to-green-900:focus {
+    --gradient-to-color: #22543d;
+  }
+
+  .xs\:focus\:to-teal-100:focus {
+    --gradient-to-color: #e6fffa;
+  }
+
+  .xs\:focus\:to-teal-200:focus {
+    --gradient-to-color: #b2f5ea;
+  }
+
+  .xs\:focus\:to-teal-300:focus {
+    --gradient-to-color: #81e6d9;
+  }
+
+  .xs\:focus\:to-teal-400:focus {
+    --gradient-to-color: #4fd1c5;
+  }
+
+  .xs\:focus\:to-teal-500:focus {
+    --gradient-to-color: #38b2ac;
+  }
+
+  .xs\:focus\:to-teal-600:focus {
+    --gradient-to-color: #319795;
+  }
+
+  .xs\:focus\:to-teal-700:focus {
+    --gradient-to-color: #2c7a7b;
+  }
+
+  .xs\:focus\:to-teal-800:focus {
+    --gradient-to-color: #285e61;
+  }
+
+  .xs\:focus\:to-teal-900:focus {
+    --gradient-to-color: #234e52;
+  }
+
+  .xs\:focus\:to-blue-100:focus {
+    --gradient-to-color: #ebf8ff;
+  }
+
+  .xs\:focus\:to-blue-200:focus {
+    --gradient-to-color: #bee3f8;
+  }
+
+  .xs\:focus\:to-blue-300:focus {
+    --gradient-to-color: #90cdf4;
+  }
+
+  .xs\:focus\:to-blue-400:focus {
+    --gradient-to-color: #63b3ed;
+  }
+
+  .xs\:focus\:to-blue-500:focus {
+    --gradient-to-color: #4299e1;
+  }
+
+  .xs\:focus\:to-blue-600:focus {
+    --gradient-to-color: #3182ce;
+  }
+
+  .xs\:focus\:to-blue-700:focus {
+    --gradient-to-color: #2b6cb0;
+  }
+
+  .xs\:focus\:to-blue-800:focus {
+    --gradient-to-color: #2c5282;
+  }
+
+  .xs\:focus\:to-blue-900:focus {
+    --gradient-to-color: #2a4365;
+  }
+
+  .xs\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #ebf4ff;
+  }
+
+  .xs\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #c3dafe;
+  }
+
+  .xs\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #a3bffa;
+  }
+
+  .xs\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #7f9cf5;
+  }
+
+  .xs\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #667eea;
+  }
+
+  .xs\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5a67d8;
+  }
+
+  .xs\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #4c51bf;
+  }
+
+  .xs\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #434190;
+  }
+
+  .xs\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #3c366b;
+  }
+
+  .xs\:focus\:to-purple-100:focus {
+    --gradient-to-color: #faf5ff;
+  }
+
+  .xs\:focus\:to-purple-200:focus {
+    --gradient-to-color: #e9d8fd;
+  }
+
+  .xs\:focus\:to-purple-300:focus {
+    --gradient-to-color: #d6bcfa;
+  }
+
+  .xs\:focus\:to-purple-400:focus {
+    --gradient-to-color: #b794f4;
+  }
+
+  .xs\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9f7aea;
+  }
+
+  .xs\:focus\:to-purple-600:focus {
+    --gradient-to-color: #805ad5;
+  }
+
+  .xs\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6b46c1;
+  }
+
+  .xs\:focus\:to-purple-800:focus {
+    --gradient-to-color: #553c9a;
+  }
+
+  .xs\:focus\:to-purple-900:focus {
+    --gradient-to-color: #44337a;
+  }
+
+  .xs\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fff5f7;
+  }
+
+  .xs\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fed7e2;
+  }
+
+  .xs\:focus\:to-pink-300:focus {
+    --gradient-to-color: #fbb6ce;
+  }
+
+  .xs\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f687b3;
+  }
+
+  .xs\:focus\:to-pink-500:focus {
+    --gradient-to-color: #ed64a6;
+  }
+
+  .xs\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d53f8c;
+  }
+
+  .xs\:focus\:to-pink-700:focus {
+    --gradient-to-color: #b83280;
+  }
+
+  .xs\:focus\:to-pink-800:focus {
+    --gradient-to-color: #97266d;
+  }
+
+  .xs\:focus\:to-pink-900:focus {
+    --gradient-to-color: #702459;
+  }
+
+  .xs\:bg-opacity-0 {
+    --bg-opacity: 0;
+  }
+
+  .xs\:bg-opacity-25 {
+    --bg-opacity: 0.25;
+  }
+
+  .xs\:bg-opacity-50 {
+    --bg-opacity: 0.5;
+  }
+
+  .xs\:bg-opacity-75 {
+    --bg-opacity: 0.75;
+  }
+
+  .xs\:bg-opacity-100 {
+    --bg-opacity: 1;
+  }
+
+  .xs\:hover\:bg-opacity-0:hover {
+    --bg-opacity: 0;
+  }
+
+  .xs\:hover\:bg-opacity-25:hover {
+    --bg-opacity: 0.25;
+  }
+
+  .xs\:hover\:bg-opacity-50:hover {
+    --bg-opacity: 0.5;
+  }
+
+  .xs\:hover\:bg-opacity-75:hover {
+    --bg-opacity: 0.75;
+  }
+
+  .xs\:hover\:bg-opacity-100:hover {
+    --bg-opacity: 1;
+  }
+
+  .xs\:focus\:bg-opacity-0:focus {
+    --bg-opacity: 0;
+  }
+
+  .xs\:focus\:bg-opacity-25:focus {
+    --bg-opacity: 0.25;
+  }
+
+  .xs\:focus\:bg-opacity-50:focus {
+    --bg-opacity: 0.5;
+  }
+
+  .xs\:focus\:bg-opacity-75:focus {
+    --bg-opacity: 0.75;
+  }
+
+  .xs\:focus\:bg-opacity-100:focus {
+    --bg-opacity: 1;
+  }
+
+  .xs\:bg-bottom {
+    background-position: bottom;
+  }
+
+  .xs\:bg-center {
+    background-position: center;
+  }
+
+  .xs\:bg-left {
+    background-position: left;
+  }
+
+  .xs\:bg-left-bottom {
+    background-position: left bottom;
+  }
+
+  .xs\:bg-left-top {
+    background-position: left top;
+  }
+
+  .xs\:bg-right {
+    background-position: right;
+  }
+
+  .xs\:bg-right-bottom {
+    background-position: right bottom;
+  }
+
+  .xs\:bg-right-top {
+    background-position: right top;
+  }
+
+  .xs\:bg-top {
+    background-position: top;
+  }
+
+  .xs\:bg-repeat {
+    background-repeat: repeat;
+  }
+
+  .xs\:bg-no-repeat {
+    background-repeat: no-repeat;
+  }
+
+  .xs\:bg-repeat-x {
+    background-repeat: repeat-x;
+  }
+
+  .xs\:bg-repeat-y {
+    background-repeat: repeat-y;
+  }
+
+  .xs\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .xs\:bg-repeat-space {
+    background-repeat: space;
+  }
+
+  .xs\:bg-auto {
+    background-size: auto;
+  }
+
+  .xs\:bg-cover {
+    background-size: cover;
+  }
+
+  .xs\:bg-contain {
+    background-size: contain;
+  }
+
+  .xs\:border-collapse {
+    border-collapse: collapse;
+  }
+
+  .xs\:border-separate {
+    border-collapse: separate;
+  }
+
+  .xs\:border-transparent {
+    border-color: transparent;
+  }
+
+  .xs\:border-current {
+    border-color: currentColor;
+  }
+
+  .xs\:border-black {
+    --border-opacity: 1;
+    border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xs\:border-white {
+    --border-opacity: 1;
+    border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xs\:border-findMe {
+    --border-opacity: 1;
+    border-color: #F9FCFD;
+    border-color: rgba(249, 252, 253, var(--border-opacity));
+  }
+
+  .xs\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
+  }
+
+  .xs\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
+  }
+
+  .xs\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xs\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
+  }
+
+  .xs\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
+  }
+
+  .xs\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
+  }
+
+  .xs\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
+  }
+
+  .xs\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
+  }
+
+  .xs\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
+  }
+
+  .xs\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
+  }
+
+  .xs\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
+  }
+
+  .xs\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
+  }
+
+  .xs\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
+  }
+
+  .xs\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
+  }
+
+  .xs\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
+  }
+
+  .xs\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
+  }
+
+  .xs\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
+  }
+
+  .xs\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
+  }
+
+  .xs\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
+  }
+
+  .xs\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
+  }
+
+  .xs\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
+  }
+
+  .xs\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
+  }
+
+  .xs\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
+  }
+
+  .xs\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
+  }
+
+  .xs\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
+  }
+
+  .xs\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
+  }
+
+  .xs\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
+  }
+
+  .xs\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
+  }
+
+  .xs\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
+  }
+
+  .xs\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
+  }
+
+  .xs\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
+  }
+
+  .xs\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
+  }
+
+  .xs\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
+  }
+
+  .xs\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
+  }
+
+  .xs\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
+  }
+
+  .xs\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
+  }
+
+  .xs\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
+  }
+
+  .xs\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
+  }
+
+  .xs\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
+  }
+
+  .xs\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
+  }
+
+  .xs\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
+  }
+
+  .xs\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
+  }
+
+  .xs\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
+  }
+
+  .xs\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
+  }
+
+  .xs\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
+  }
+
+  .xs\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
+  }
+
+  .xs\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
+  }
+
+  .xs\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
+  }
+
+  .xs\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
+  }
+
+  .xs\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
+  }
+
+  .xs\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
+  }
+
+  .xs\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
+  }
+
+  .xs\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
+  }
+
+  .xs\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
+  }
+
+  .xs\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
+  }
+
+  .xs\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
+  }
+
+  .xs\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
+  }
+
+  .xs\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
+  }
+
+  .xs\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
+  }
+
+  .xs\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
+  }
+
+  .xs\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
+  }
+
+  .xs\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
+  }
+
+  .xs\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
+  }
+
+  .xs\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
+  }
+
+  .xs\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
+  }
+
+  .xs\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
+  }
+
+  .xs\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
+  }
+
+  .xs\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
+  }
+
+  .xs\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
+  }
+
+  .xs\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
+  }
+
+  .xs\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
+  }
+
+  .xs\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
+  }
+
+  .xs\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
+  }
+
+  .xs\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .xs\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .xs\:hover\:border-black:hover {
+    --border-opacity: 1;
+    border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-white:hover {
+    --border-opacity: 1;
+    border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-findMe:hover {
+    --border-opacity: 1;
+    border-color: #F9FCFD;
+    border-color: rgba(249, 252, 253, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-100:hover {
+    --border-opacity: 1;
+    border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-200:hover {
+    --border-opacity: 1;
+    border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-300:hover {
+    --border-opacity: 1;
+    border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-400:hover {
+    --border-opacity: 1;
+    border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-500:hover {
+    --border-opacity: 1;
+    border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-600:hover {
+    --border-opacity: 1;
+    border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-700:hover {
+    --border-opacity: 1;
+    border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-800:hover {
+    --border-opacity: 1;
+    border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-red-900:hover {
+    --border-opacity: 1;
+    border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
+    border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
+    border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
+    border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
+    border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
+    border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
+    border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
+    border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
+    border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
+    border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
+    border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
+    border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
+    border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
+    border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
+    border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
+    border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
+    border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
+    border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
+    border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-100:hover {
+    --border-opacity: 1;
+    border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-200:hover {
+    --border-opacity: 1;
+    border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-300:hover {
+    --border-opacity: 1;
+    border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-400:hover {
+    --border-opacity: 1;
+    border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-500:hover {
+    --border-opacity: 1;
+    border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-600:hover {
+    --border-opacity: 1;
+    border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-700:hover {
+    --border-opacity: 1;
+    border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-800:hover {
+    --border-opacity: 1;
+    border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-green-900:hover {
+    --border-opacity: 1;
+    border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
+    border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
+    border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
+    border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
+    border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
+    border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
+    border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
+    border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
+    border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
+    border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
+    border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
+    border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
+    border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
+    border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
+    border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
+    border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
+    border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
+    border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
+    border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
+    border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
+    border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
+    border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
+    border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
+    border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
+    border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
+    border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
+    border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
+    border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
+    border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
+    border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
+    border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
+    border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
+    border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
+    border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
+    border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
+    border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
+    border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
+    border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
+    border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
+    border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
+    border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
+    border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
+    border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
+    border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
+    border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
+  }
+
+  .xs\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
+    border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .xs\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .xs\:focus\:border-black:focus {
+    --border-opacity: 1;
+    border-color: #000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-white:focus {
+    --border-opacity: 1;
+    border-color: #fff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-findMe:focus {
+    --border-opacity: 1;
+    border-color: #F9FCFD;
+    border-color: rgba(249, 252, 253, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f7fafc;
+    border-color: rgba(247, 250, 252, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #edf2f7;
+    border-color: rgba(237, 242, 247, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #e2e8f0;
+    border-color: rgba(226, 232, 240, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #cbd5e0;
+    border-color: rgba(203, 213, 224, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #a0aec0;
+    border-color: rgba(160, 174, 192, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #718096;
+    border-color: rgba(113, 128, 150, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #4a5568;
+    border-color: rgba(74, 85, 104, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #2d3748;
+    border-color: rgba(45, 55, 72, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #1a202c;
+    border-color: rgba(26, 32, 44, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-100:focus {
+    --border-opacity: 1;
+    border-color: #fff5f5;
+    border-color: rgba(255, 245, 245, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-200:focus {
+    --border-opacity: 1;
+    border-color: #fed7d7;
+    border-color: rgba(254, 215, 215, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-300:focus {
+    --border-opacity: 1;
+    border-color: #feb2b2;
+    border-color: rgba(254, 178, 178, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-400:focus {
+    --border-opacity: 1;
+    border-color: #fc8181;
+    border-color: rgba(252, 129, 129, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-500:focus {
+    --border-opacity: 1;
+    border-color: #f56565;
+    border-color: rgba(245, 101, 101, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-600:focus {
+    --border-opacity: 1;
+    border-color: #e53e3e;
+    border-color: rgba(229, 62, 62, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-700:focus {
+    --border-opacity: 1;
+    border-color: #c53030;
+    border-color: rgba(197, 48, 48, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-800:focus {
+    --border-opacity: 1;
+    border-color: #9b2c2c;
+    border-color: rgba(155, 44, 44, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-red-900:focus {
+    --border-opacity: 1;
+    border-color: #742a2a;
+    border-color: rgba(116, 42, 42, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
+    border-color: #fffaf0;
+    border-color: rgba(255, 250, 240, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
+    border-color: #feebc8;
+    border-color: rgba(254, 235, 200, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
+    border-color: #fbd38d;
+    border-color: rgba(251, 211, 141, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
+    border-color: #f6ad55;
+    border-color: rgba(246, 173, 85, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
+    border-color: #ed8936;
+    border-color: rgba(237, 137, 54, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
+    border-color: #dd6b20;
+    border-color: rgba(221, 107, 32, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
+    border-color: #c05621;
+    border-color: rgba(192, 86, 33, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
+    border-color: #9c4221;
+    border-color: rgba(156, 66, 33, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
+    border-color: #7b341e;
+    border-color: rgba(123, 52, 30, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
+    border-color: #fffff0;
+    border-color: rgba(255, 255, 240, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
+    border-color: #fefcbf;
+    border-color: rgba(254, 252, 191, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
+    border-color: #faf089;
+    border-color: rgba(250, 240, 137, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
+    border-color: #f6e05e;
+    border-color: rgba(246, 224, 94, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
+    border-color: #ecc94b;
+    border-color: rgba(236, 201, 75, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
+    border-color: #d69e2e;
+    border-color: rgba(214, 158, 46, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
+    border-color: #b7791f;
+    border-color: rgba(183, 121, 31, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
+    border-color: #975a16;
+    border-color: rgba(151, 90, 22, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
+    border-color: #744210;
+    border-color: rgba(116, 66, 16, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-100:focus {
+    --border-opacity: 1;
+    border-color: #f0fff4;
+    border-color: rgba(240, 255, 244, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-200:focus {
+    --border-opacity: 1;
+    border-color: #c6f6d5;
+    border-color: rgba(198, 246, 213, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-300:focus {
+    --border-opacity: 1;
+    border-color: #9ae6b4;
+    border-color: rgba(154, 230, 180, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-400:focus {
+    --border-opacity: 1;
+    border-color: #68d391;
+    border-color: rgba(104, 211, 145, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-500:focus {
+    --border-opacity: 1;
+    border-color: #48bb78;
+    border-color: rgba(72, 187, 120, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-600:focus {
+    --border-opacity: 1;
+    border-color: #38a169;
+    border-color: rgba(56, 161, 105, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-700:focus {
+    --border-opacity: 1;
+    border-color: #2f855a;
+    border-color: rgba(47, 133, 90, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-800:focus {
+    --border-opacity: 1;
+    border-color: #276749;
+    border-color: rgba(39, 103, 73, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-green-900:focus {
+    --border-opacity: 1;
+    border-color: #22543d;
+    border-color: rgba(34, 84, 61, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
+    border-color: #e6fffa;
+    border-color: rgba(230, 255, 250, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
+    border-color: #b2f5ea;
+    border-color: rgba(178, 245, 234, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
+    border-color: #81e6d9;
+    border-color: rgba(129, 230, 217, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
+    border-color: #4fd1c5;
+    border-color: rgba(79, 209, 197, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
+    border-color: #38b2ac;
+    border-color: rgba(56, 178, 172, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
+    border-color: #319795;
+    border-color: rgba(49, 151, 149, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
+    border-color: #2c7a7b;
+    border-color: rgba(44, 122, 123, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
+    border-color: #285e61;
+    border-color: rgba(40, 94, 97, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
+    border-color: #234e52;
+    border-color: rgba(35, 78, 82, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
+    border-color: #ebf8ff;
+    border-color: rgba(235, 248, 255, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
+    border-color: #bee3f8;
+    border-color: rgba(190, 227, 248, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
+    border-color: #90cdf4;
+    border-color: rgba(144, 205, 244, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
+    border-color: #63b3ed;
+    border-color: rgba(99, 179, 237, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
+    border-color: #4299e1;
+    border-color: rgba(66, 153, 225, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
+    border-color: #3182ce;
+    border-color: rgba(49, 130, 206, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
+    border-color: #2b6cb0;
+    border-color: rgba(43, 108, 176, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
+    border-color: #2c5282;
+    border-color: rgba(44, 82, 130, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
+    border-color: #2a4365;
+    border-color: rgba(42, 67, 101, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
+    border-color: #ebf4ff;
+    border-color: rgba(235, 244, 255, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
+    border-color: #c3dafe;
+    border-color: rgba(195, 218, 254, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
+    border-color: #a3bffa;
+    border-color: rgba(163, 191, 250, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
+    border-color: #7f9cf5;
+    border-color: rgba(127, 156, 245, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
+    border-color: #667eea;
+    border-color: rgba(102, 126, 234, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
+    border-color: #5a67d8;
+    border-color: rgba(90, 103, 216, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
+    border-color: #4c51bf;
+    border-color: rgba(76, 81, 191, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
+    border-color: #434190;
+    border-color: rgba(67, 65, 144, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
+    border-color: #3c366b;
+    border-color: rgba(60, 54, 107, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
+    border-color: #faf5ff;
+    border-color: rgba(250, 245, 255, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
+    border-color: #e9d8fd;
+    border-color: rgba(233, 216, 253, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
+    border-color: #d6bcfa;
+    border-color: rgba(214, 188, 250, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
+    border-color: #b794f4;
+    border-color: rgba(183, 148, 244, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
+    border-color: #9f7aea;
+    border-color: rgba(159, 122, 234, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
+    border-color: #805ad5;
+    border-color: rgba(128, 90, 213, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
+    border-color: #6b46c1;
+    border-color: rgba(107, 70, 193, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
+    border-color: #553c9a;
+    border-color: rgba(85, 60, 154, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
+    border-color: #44337a;
+    border-color: rgba(68, 51, 122, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
+    border-color: #fff5f7;
+    border-color: rgba(255, 245, 247, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
+    border-color: #fed7e2;
+    border-color: rgba(254, 215, 226, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
+    border-color: #fbb6ce;
+    border-color: rgba(251, 182, 206, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
+    border-color: #f687b3;
+    border-color: rgba(246, 135, 179, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
+    border-color: #ed64a6;
+    border-color: rgba(237, 100, 166, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
+    border-color: #d53f8c;
+    border-color: rgba(213, 63, 140, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
+    border-color: #b83280;
+    border-color: rgba(184, 50, 128, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
+    border-color: #97266d;
+    border-color: rgba(151, 38, 109, var(--border-opacity));
+  }
+
+  .xs\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
+    border-color: #702459;
+    border-color: rgba(112, 36, 89, var(--border-opacity));
+  }
+
+  .xs\:border-opacity-0 {
+    --border-opacity: 0;
+  }
+
+  .xs\:border-opacity-25 {
+    --border-opacity: 0.25;
+  }
+
+  .xs\:border-opacity-50 {
+    --border-opacity: 0.5;
+  }
+
+  .xs\:border-opacity-75 {
+    --border-opacity: 0.75;
+  }
+
+  .xs\:border-opacity-100 {
+    --border-opacity: 1;
+  }
+
+  .xs\:hover\:border-opacity-0:hover {
+    --border-opacity: 0;
+  }
+
+  .xs\:hover\:border-opacity-25:hover {
+    --border-opacity: 0.25;
+  }
+
+  .xs\:hover\:border-opacity-50:hover {
+    --border-opacity: 0.5;
+  }
+
+  .xs\:hover\:border-opacity-75:hover {
+    --border-opacity: 0.75;
+  }
+
+  .xs\:hover\:border-opacity-100:hover {
+    --border-opacity: 1;
+  }
+
+  .xs\:focus\:border-opacity-0:focus {
+    --border-opacity: 0;
+  }
+
+  .xs\:focus\:border-opacity-25:focus {
+    --border-opacity: 0.25;
+  }
+
+  .xs\:focus\:border-opacity-50:focus {
+    --border-opacity: 0.5;
+  }
+
+  .xs\:focus\:border-opacity-75:focus {
+    --border-opacity: 0.75;
+  }
+
+  .xs\:focus\:border-opacity-100:focus {
+    --border-opacity: 1;
+  }
+
+  .xs\:rounded-none {
+    border-radius: 0;
+  }
+
+  .xs\:rounded-sm {
+    border-radius: 0.125rem;
+  }
+
+  .xs\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .xs\:rounded-md {
+    border-radius: 0.375rem;
+  }
+
+  .xs\:rounded-lg {
+    border-radius: 0.5rem;
+  }
+
+  .xs\:rounded-xl {
+    border-radius: 0.75rem;
+  }
+
+  .xs\:rounded-2xl {
+    border-radius: 1rem;
+  }
+
+  .xs\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .xs\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .xs\:rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  .xs\:rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .xs\:rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .xs\:rounded-l-none {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .xs\:rounded-t-sm {
+    border-top-left-radius: 0.125rem;
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xs\:rounded-r-sm {
+    border-top-right-radius: 0.125rem;
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xs\:rounded-b-sm {
+    border-bottom-right-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xs\:rounded-l-sm {
+    border-top-left-radius: 0.125rem;
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xs\:rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xs\:rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xs\:rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xs\:rounded-l {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xs\:rounded-t-md {
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xs\:rounded-r-md {
+    border-top-right-radius: 0.375rem;
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xs\:rounded-b-md {
+    border-bottom-right-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xs\:rounded-l-md {
+    border-top-left-radius: 0.375rem;
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xs\:rounded-t-lg {
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xs\:rounded-r-lg {
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xs\:rounded-b-lg {
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xs\:rounded-l-lg {
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xs\:rounded-t-xl {
+    border-top-left-radius: 0.75rem;
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xs\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xs\:rounded-b-xl {
+    border-bottom-right-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xs\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xs\:rounded-t-2xl {
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+  }
+
+  .xs\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xs\:rounded-b-2xl {
+    border-bottom-right-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xs\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xs\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xs\:rounded-r-3xl {
+    border-top-right-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xs\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xs\:rounded-l-3xl {
+    border-top-left-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xs\:rounded-t-full {
+    border-top-left-radius: 9999px;
+    border-top-right-radius: 9999px;
+  }
+
+  .xs\:rounded-r-full {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xs\:rounded-b-full {
+    border-bottom-right-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xs\:rounded-l-full {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xs\:rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+
+  .xs\:rounded-tr-none {
+    border-top-right-radius: 0;
+  }
+
+  .xs\:rounded-br-none {
+    border-bottom-right-radius: 0;
+  }
+
+  .xs\:rounded-bl-none {
+    border-bottom-left-radius: 0;
+  }
+
+  .xs\:rounded-tl-sm {
+    border-top-left-radius: 0.125rem;
+  }
+
+  .xs\:rounded-tr-sm {
+    border-top-right-radius: 0.125rem;
+  }
+
+  .xs\:rounded-br-sm {
+    border-bottom-right-radius: 0.125rem;
+  }
+
+  .xs\:rounded-bl-sm {
+    border-bottom-left-radius: 0.125rem;
+  }
+
+  .xs\:rounded-tl {
+    border-top-left-radius: 0.25rem;
+  }
+
+  .xs\:rounded-tr {
+    border-top-right-radius: 0.25rem;
+  }
+
+  .xs\:rounded-br {
+    border-bottom-right-radius: 0.25rem;
+  }
+
+  .xs\:rounded-bl {
+    border-bottom-left-radius: 0.25rem;
+  }
+
+  .xs\:rounded-tl-md {
+    border-top-left-radius: 0.375rem;
+  }
+
+  .xs\:rounded-tr-md {
+    border-top-right-radius: 0.375rem;
+  }
+
+  .xs\:rounded-br-md {
+    border-bottom-right-radius: 0.375rem;
+  }
+
+  .xs\:rounded-bl-md {
+    border-bottom-left-radius: 0.375rem;
+  }
+
+  .xs\:rounded-tl-lg {
+    border-top-left-radius: 0.5rem;
+  }
+
+  .xs\:rounded-tr-lg {
+    border-top-right-radius: 0.5rem;
+  }
+
+  .xs\:rounded-br-lg {
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .xs\:rounded-bl-lg {
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .xs\:rounded-tl-xl {
+    border-top-left-radius: 0.75rem;
+  }
+
+  .xs\:rounded-tr-xl {
+    border-top-right-radius: 0.75rem;
+  }
+
+  .xs\:rounded-br-xl {
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .xs\:rounded-bl-xl {
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .xs\:rounded-tl-2xl {
+    border-top-left-radius: 1rem;
+  }
+
+  .xs\:rounded-tr-2xl {
+    border-top-right-radius: 1rem;
+  }
+
+  .xs\:rounded-br-2xl {
+    border-bottom-right-radius: 1rem;
+  }
+
+  .xs\:rounded-bl-2xl {
+    border-bottom-left-radius: 1rem;
+  }
+
+  .xs\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .xs\:rounded-tr-3xl {
+    border-top-right-radius: 1.5rem;
+  }
+
+  .xs\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .xs\:rounded-bl-3xl {
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .xs\:rounded-tl-full {
+    border-top-left-radius: 9999px;
+  }
+
+  .xs\:rounded-tr-full {
+    border-top-right-radius: 9999px;
+  }
+
+  .xs\:rounded-br-full {
+    border-bottom-right-radius: 9999px;
+  }
+
+  .xs\:rounded-bl-full {
+    border-bottom-left-radius: 9999px;
+  }
+
+  .xs\:border-solid {
+    border-style: solid;
+  }
+
+  .xs\:border-dashed {
+    border-style: dashed;
+  }
+
+  .xs\:border-dotted {
+    border-style: dotted;
+  }
+
+  .xs\:border-double {
+    border-style: double;
+  }
+
+  .xs\:border-none {
+    border-style: none;
+  }
+
+  .xs\:border-0 {
+    border-width: 0;
+  }
+
+  .xs\:border-2 {
+    border-width: 2px;
+  }
+
+  .xs\:border-4 {
+    border-width: 4px;
+  }
+
+  .xs\:border-8 {
+    border-width: 8px;
+  }
+
+  .xs\:border {
+    border-width: 1px;
+  }
+
+  .xs\:border-t-0 {
+    border-top-width: 0;
+  }
+
+  .xs\:border-r-0 {
+    border-right-width: 0;
+  }
+
+  .xs\:border-b-0 {
+    border-bottom-width: 0;
+  }
+
+  .xs\:border-l-0 {
+    border-left-width: 0;
+  }
+
+  .xs\:border-t-2 {
+    border-top-width: 2px;
+  }
+
+  .xs\:border-r-2 {
+    border-right-width: 2px;
+  }
+
+  .xs\:border-b-2 {
+    border-bottom-width: 2px;
+  }
+
+  .xs\:border-l-2 {
+    border-left-width: 2px;
+  }
+
+  .xs\:border-t-4 {
+    border-top-width: 4px;
+  }
+
+  .xs\:border-r-4 {
+    border-right-width: 4px;
+  }
+
+  .xs\:border-b-4 {
+    border-bottom-width: 4px;
+  }
+
+  .xs\:border-l-4 {
+    border-left-width: 4px;
+  }
+
+  .xs\:border-t-8 {
+    border-top-width: 8px;
+  }
+
+  .xs\:border-r-8 {
+    border-right-width: 8px;
+  }
+
+  .xs\:border-b-8 {
+    border-bottom-width: 8px;
+  }
+
+  .xs\:border-l-8 {
+    border-left-width: 8px;
+  }
+
+  .xs\:border-t {
+    border-top-width: 1px;
+  }
+
+  .xs\:border-r {
+    border-right-width: 1px;
+  }
+
+  .xs\:border-b {
+    border-bottom-width: 1px;
+  }
+
+  .xs\:border-l {
+    border-left-width: 1px;
+  }
+
+  .xs\:box-border {
+    box-sizing: border-box;
+  }
+
+  .xs\:box-content {
+    box-sizing: content-box;
+  }
+
+  .xs\:cursor-auto {
+    cursor: auto;
+  }
+
+  .xs\:cursor-default {
+    cursor: default;
+  }
+
+  .xs\:cursor-pointer {
+    cursor: pointer;
+  }
+
+  .xs\:cursor-wait {
+    cursor: wait;
+  }
+
+  .xs\:cursor-text {
+    cursor: text;
+  }
+
+  .xs\:cursor-move {
+    cursor: move;
+  }
+
+  .xs\:cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
+  .xs\:block {
+    display: block;
+  }
+
+  .xs\:inline-block {
+    display: inline-block;
+  }
+
+  .xs\:inline {
+    display: inline;
+  }
+
+  .xs\:flex {
+    display: flex;
+  }
+
+  .xs\:inline-flex {
+    display: inline-flex;
+  }
+
+  .xs\:table {
+    display: table;
+  }
+
+  .xs\:table-caption {
+    display: table-caption;
+  }
+
+  .xs\:table-cell {
+    display: table-cell;
+  }
+
+  .xs\:table-column {
+    display: table-column;
+  }
+
+  .xs\:table-column-group {
+    display: table-column-group;
+  }
+
+  .xs\:table-footer-group {
+    display: table-footer-group;
+  }
+
+  .xs\:table-header-group {
+    display: table-header-group;
+  }
+
+  .xs\:table-row-group {
+    display: table-row-group;
+  }
+
+  .xs\:table-row {
+    display: table-row;
+  }
+
+  .xs\:flow-root {
+    display: flow-root;
+  }
+
+  .xs\:grid {
+    display: grid;
+  }
+
+  .xs\:inline-grid {
+    display: inline-grid;
+  }
+
+  .xs\:contents {
+    display: contents;
+  }
+
+  .xs\:hidden {
+    display: none;
+  }
+
+  .xs\:flex-row {
+    flex-direction: row;
+  }
+
+  .xs\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .xs\:flex-col {
+    flex-direction: column;
+  }
+
+  .xs\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .xs\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .xs\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .xs\:flex-no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  .xs\:place-items-auto {
+    place-items: auto;
+  }
+
+  .xs\:place-items-start {
+    place-items: start;
+  }
+
+  .xs\:place-items-end {
+    place-items: end;
+  }
+
+  .xs\:place-items-center {
+    place-items: center;
+  }
+
+  .xs\:place-items-stretch {
+    place-items: stretch;
+  }
+
+  .xs\:place-content-center {
+    place-content: center;
+  }
+
+  .xs\:place-content-start {
+    place-content: start;
+  }
+
+  .xs\:place-content-end {
+    place-content: end;
+  }
+
+  .xs\:place-content-between {
+    place-content: space-between;
+  }
+
+  .xs\:place-content-around {
+    place-content: space-around;
+  }
+
+  .xs\:place-content-evenly {
+    place-content: space-evenly;
+  }
+
+  .xs\:place-content-stretch {
+    place-content: stretch;
+  }
+
+  .xs\:place-self-auto {
+    place-self: auto;
+  }
+
+  .xs\:place-self-start {
+    place-self: start;
+  }
+
+  .xs\:place-self-end {
+    place-self: end;
+  }
+
+  .xs\:place-self-center {
+    place-self: center;
+  }
+
+  .xs\:place-self-stretch {
+    place-self: stretch;
+  }
+
+  .xs\:items-start {
+    align-items: flex-start;
+  }
+
+  .xs\:items-end {
+    align-items: flex-end;
+  }
+
+  .xs\:items-center {
+    align-items: center;
+  }
+
+  .xs\:items-baseline {
+    align-items: baseline;
+  }
+
+  .xs\:items-stretch {
+    align-items: stretch;
+  }
+
+  .xs\:content-center {
+    align-content: center;
+  }
+
+  .xs\:content-start {
+    align-content: flex-start;
+  }
+
+  .xs\:content-end {
+    align-content: flex-end;
+  }
+
+  .xs\:content-between {
+    align-content: space-between;
+  }
+
+  .xs\:content-around {
+    align-content: space-around;
+  }
+
+  .xs\:content-evenly {
+    align-content: space-evenly;
+  }
+
+  .xs\:self-auto {
+    align-self: auto;
+  }
+
+  .xs\:self-start {
+    align-self: flex-start;
+  }
+
+  .xs\:self-end {
+    align-self: flex-end;
+  }
+
+  .xs\:self-center {
+    align-self: center;
+  }
+
+  .xs\:self-stretch {
+    align-self: stretch;
+  }
+
+  .xs\:justify-items-auto {
+    justify-items: auto;
+  }
+
+  .xs\:justify-items-start {
+    justify-items: start;
+  }
+
+  .xs\:justify-items-end {
+    justify-items: end;
+  }
+
+  .xs\:justify-items-center {
+    justify-items: center;
+  }
+
+  .xs\:justify-items-stretch {
+    justify-items: stretch;
+  }
+
+  .xs\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .xs\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .xs\:justify-center {
+    justify-content: center;
+  }
+
+  .xs\:justify-between {
+    justify-content: space-between;
+  }
+
+  .xs\:justify-around {
+    justify-content: space-around;
+  }
+
+  .xs\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
+  .xs\:justify-self-auto {
+    justify-self: auto;
+  }
+
+  .xs\:justify-self-start {
+    justify-self: start;
+  }
+
+  .xs\:justify-self-end {
+    justify-self: end;
+  }
+
+  .xs\:justify-self-center {
+    justify-self: center;
+  }
+
+  .xs\:justify-self-stretch {
+    justify-self: stretch;
+  }
+
+  .xs\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .xs\:flex-auto {
+    flex: 1 1 auto;
+  }
+
+  .xs\:flex-initial {
+    flex: 0 1 auto;
+  }
+
+  .xs\:flex-none {
+    flex: none;
+  }
+
+  .xs\:flex-grow-0 {
+    flex-grow: 0;
+  }
+
+  .xs\:flex-grow {
+    flex-grow: 1;
+  }
+
+  .xs\:flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .xs\:flex-shrink {
+    flex-shrink: 1;
+  }
+
+  .xs\:order-1 {
+    order: 1;
+  }
+
+  .xs\:order-2 {
+    order: 2;
+  }
+
+  .xs\:order-3 {
+    order: 3;
+  }
+
+  .xs\:order-4 {
+    order: 4;
+  }
+
+  .xs\:order-5 {
+    order: 5;
+  }
+
+  .xs\:order-6 {
+    order: 6;
+  }
+
+  .xs\:order-7 {
+    order: 7;
+  }
+
+  .xs\:order-8 {
+    order: 8;
+  }
+
+  .xs\:order-9 {
+    order: 9;
+  }
+
+  .xs\:order-10 {
+    order: 10;
+  }
+
+  .xs\:order-11 {
+    order: 11;
+  }
+
+  .xs\:order-12 {
+    order: 12;
+  }
+
+  .xs\:order-first {
+    order: -9999;
+  }
+
+  .xs\:order-last {
+    order: 9999;
+  }
+
+  .xs\:order-none {
+    order: 0;
+  }
+
+  .xs\:float-right {
+    float: right;
+  }
+
+  .xs\:float-left {
+    float: left;
+  }
+
+  .xs\:float-none {
+    float: none;
+  }
+
+  .xs\:clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  .xs\:clear-left {
+    clear: left;
+  }
+
+  .xs\:clear-right {
+    clear: right;
+  }
+
+  .xs\:clear-both {
+    clear: both;
+  }
+
+  .xs\:clear-none {
+    clear: none;
+  }
+
+  .xs\:font-sans {
+    font-family: 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";
+  }
+
+  .xs\:font-serif {
+    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+  }
+
+  .xs\:font-mono {
+    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+
+  .xs\:font-hairline {
+    font-weight: 100;
+  }
+
+  .xs\:font-thin {
+    font-weight: 200;
+  }
+
+  .xs\:font-light {
+    font-weight: 300;
+  }
+
+  .xs\:font-normal {
+    font-weight: 400;
+  }
+
+  .xs\:font-medium {
+    font-weight: 500;
+  }
+
+  .xs\:font-semibold {
+    font-weight: 600;
+  }
+
+  .xs\:font-bold {
+    font-weight: 700;
+  }
+
+  .xs\:font-extrabold {
+    font-weight: 800;
+  }
+
+  .xs\:font-black {
+    font-weight: 900;
+  }
+
+  .xs\:hover\:font-hairline:hover {
+    font-weight: 100;
+  }
+
+  .xs\:hover\:font-thin:hover {
+    font-weight: 200;
+  }
+
+  .xs\:hover\:font-light:hover {
+    font-weight: 300;
+  }
+
+  .xs\:hover\:font-normal:hover {
+    font-weight: 400;
+  }
+
+  .xs\:hover\:font-medium:hover {
+    font-weight: 500;
+  }
+
+  .xs\:hover\:font-semibold:hover {
+    font-weight: 600;
+  }
+
+  .xs\:hover\:font-bold:hover {
+    font-weight: 700;
+  }
+
+  .xs\:hover\:font-extrabold:hover {
+    font-weight: 800;
+  }
+
+  .xs\:hover\:font-black:hover {
+    font-weight: 900;
+  }
+
+  .xs\:focus\:font-hairline:focus {
+    font-weight: 100;
+  }
+
+  .xs\:focus\:font-thin:focus {
+    font-weight: 200;
+  }
+
+  .xs\:focus\:font-light:focus {
+    font-weight: 300;
+  }
+
+  .xs\:focus\:font-normal:focus {
+    font-weight: 400;
+  }
+
+  .xs\:focus\:font-medium:focus {
+    font-weight: 500;
+  }
+
+  .xs\:focus\:font-semibold:focus {
+    font-weight: 600;
+  }
+
+  .xs\:focus\:font-bold:focus {
+    font-weight: 700;
+  }
+
+  .xs\:focus\:font-extrabold:focus {
+    font-weight: 800;
+  }
+
+  .xs\:focus\:font-black:focus {
+    font-weight: 900;
+  }
+
+  .xs\:h-0 {
+    height: 0;
+  }
+
+  .xs\:h-1 {
+    height: 0.25rem;
+  }
+
+  .xs\:h-2 {
+    height: 0.5rem;
+  }
+
+  .xs\:h-3 {
+    height: 0.75rem;
+  }
+
+  .xs\:h-4 {
+    height: 1rem;
+  }
+
+  .xs\:h-5 {
+    height: 1.25rem;
+  }
+
+  .xs\:h-6 {
+    height: 1.5rem;
+  }
+
+  .xs\:h-8 {
+    height: 2rem;
+  }
+
+  .xs\:h-10 {
+    height: 2.5rem;
+  }
+
+  .xs\:h-12 {
+    height: 3rem;
+  }
+
+  .xs\:h-16 {
+    height: 4rem;
+  }
+
+  .xs\:h-20 {
+    height: 5rem;
+  }
+
+  .xs\:h-24 {
+    height: 6rem;
+  }
+
+  .xs\:h-32 {
+    height: 8rem;
+  }
+
+  .xs\:h-40 {
+    height: 10rem;
+  }
+
+  .xs\:h-48 {
+    height: 12rem;
+  }
+
+  .xs\:h-56 {
+    height: 14rem;
+  }
+
+  .xs\:h-64 {
+    height: 16rem;
+  }
+
+  .xs\:h-auto {
+    height: auto;
+  }
+
+  .xs\:h-px {
+    height: 1px;
+  }
+
+  .xs\:h-full {
+    height: 100%;
+  }
+
+  .xs\:h-screen {
+    height: 100vh;
+  }
+
+  .xs\:h-fullScreen {
+    height: 200vh;
+  }
+
+  .xs\:h-full0 {
+    height: 80vh;
+  }
+
+  .xs\:h-full1 {
+    height: 30rem;
+  }
+
+  .xs\:h-full11 {
+    height: 28rem;
+  }
+
+  .xs\:h-full2 {
+    height: 20rem;
+  }
+
+  .xs\:h-full3 {
+    height: 16rem;
+  }
+
+  .xs\:h-full4 {
+    height: 12rem;
+  }
+
+  .xs\:text-xs {
+    font-size: 0.75rem;
+  }
+
+  .xs\:text-sm {
+    font-size: 0.875rem;
+  }
+
+  .xs\:text-base {
+    font-size: 1rem;
+  }
+
+  .xs\:text-lg {
+    font-size: 1.125rem;
+  }
+
+  .xs\:text-xl {
+    font-size: 1.25rem;
+  }
+
+  .xs\:text-2xl {
+    font-size: 1.5rem;
+  }
+
+  .xs\:text-3xl {
+    font-size: 1.875rem;
+  }
+
+  .xs\:text-4xl {
+    font-size: 2.25rem;
+  }
+
+  .xs\:text-5xl {
+    font-size: 3rem;
+  }
+
+  .xs\:text-6xl {
+    font-size: 4rem;
+  }
+
+  .xs\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .xs\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .xs\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .xs\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .xs\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .xs\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .xs\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .xs\:leading-10 {
+    line-height: 2.5rem;
+  }
+
+  .xs\:leading-none {
+    line-height: 1;
+  }
+
+  .xs\:leading-tight {
+    line-height: 1.25;
+  }
+
+  .xs\:leading-snug {
+    line-height: 1.375;
+  }
+
+  .xs\:leading-normal {
+    line-height: 1.5;
+  }
+
+  .xs\:leading-relaxed {
+    line-height: 1.625;
+  }
+
+  .xs\:leading-loose {
+    line-height: 2;
+  }
+
+  .xs\:list-inside {
+    list-style-position: inside;
+  }
+
+  .xs\:list-outside {
+    list-style-position: outside;
+  }
+
+  .xs\:list-none {
+    list-style-type: none;
+  }
+
+  .xs\:list-disc {
+    list-style-type: disc;
+  }
+
+  .xs\:list-decimal {
+    list-style-type: decimal;
+  }
+
+  .xs\:m-0 {
+    margin: 0;
+  }
+
+  .xs\:m-1 {
+    margin: 0.25rem;
+  }
+
+  .xs\:m-2 {
+    margin: 0.5rem;
+  }
+
+  .xs\:m-3 {
+    margin: 0.75rem;
+  }
+
+  .xs\:m-4 {
+    margin: 1rem;
+  }
+
+  .xs\:m-5 {
+    margin: 1.25rem;
+  }
+
+  .xs\:m-6 {
+    margin: 1.5rem;
+  }
+
+  .xs\:m-8 {
+    margin: 2rem;
+  }
+
+  .xs\:m-10 {
+    margin: 2.5rem;
+  }
+
+  .xs\:m-12 {
+    margin: 3rem;
+  }
+
+  .xs\:m-16 {
+    margin: 4rem;
+  }
+
+  .xs\:m-20 {
+    margin: 5rem;
+  }
+
+  .xs\:m-24 {
+    margin: 6rem;
+  }
+
+  .xs\:m-32 {
+    margin: 8rem;
+  }
+
+  .xs\:m-40 {
+    margin: 10rem;
+  }
+
+  .xs\:m-48 {
+    margin: 12rem;
+  }
+
+  .xs\:m-56 {
+    margin: 14rem;
+  }
+
+  .xs\:m-64 {
+    margin: 16rem;
+  }
+
+  .xs\:m-auto {
+    margin: auto;
+  }
+
+  .xs\:m-px {
+    margin: 1px;
+  }
+
+  .xs\:-m-1 {
+    margin: -0.25rem;
+  }
+
+  .xs\:-m-2 {
+    margin: -0.5rem;
+  }
+
+  .xs\:-m-3 {
+    margin: -0.75rem;
+  }
+
+  .xs\:-m-4 {
+    margin: -1rem;
+  }
+
+  .xs\:-m-5 {
+    margin: -1.25rem;
+  }
+
+  .xs\:-m-6 {
+    margin: -1.5rem;
+  }
+
+  .xs\:-m-8 {
+    margin: -2rem;
+  }
+
+  .xs\:-m-10 {
+    margin: -2.5rem;
+  }
+
+  .xs\:-m-12 {
+    margin: -3rem;
+  }
+
+  .xs\:-m-16 {
+    margin: -4rem;
+  }
+
+  .xs\:-m-20 {
+    margin: -5rem;
+  }
+
+  .xs\:-m-24 {
+    margin: -6rem;
+  }
+
+  .xs\:-m-32 {
+    margin: -8rem;
+  }
+
+  .xs\:-m-40 {
+    margin: -10rem;
+  }
+
+  .xs\:-m-48 {
+    margin: -12rem;
+  }
+
+  .xs\:-m-56 {
+    margin: -14rem;
+  }
+
+  .xs\:-m-64 {
+    margin: -16rem;
+  }
+
+  .xs\:-m-px {
+    margin: -1px;
+  }
+
+  .xs\:my-0 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .xs\:mx-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .xs\:my-1 {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+
+  .xs\:mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .xs\:my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .xs\:mx-2 {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .xs\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .xs\:mx-3 {
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+  }
+
+  .xs\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
+  .xs\:mx-4 {
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+
+  .xs\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+  }
+
+  .xs\:mx-5 {
+    margin-left: 1.25rem;
+    margin-right: 1.25rem;
+  }
+
+  .xs\:my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .xs\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+  }
+
+  .xs\:my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .xs\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+  }
+
+  .xs\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
+  .xs\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
+  }
+
+  .xs\:my-12 {
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+  }
+
+  .xs\:mx-12 {
+    margin-left: 3rem;
+    margin-right: 3rem;
+  }
+
+  .xs\:my-16 {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+  }
+
+  .xs\:mx-16 {
+    margin-left: 4rem;
+    margin-right: 4rem;
+  }
+
+  .xs\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
+  .xs\:mx-20 {
+    margin-left: 5rem;
+    margin-right: 5rem;
+  }
+
+  .xs\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
+  }
+
+  .xs\:mx-24 {
+    margin-left: 6rem;
+    margin-right: 6rem;
+  }
+
+  .xs\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
+  }
+
+  .xs\:mx-32 {
+    margin-left: 8rem;
+    margin-right: 8rem;
+  }
+
+  .xs\:my-40 {
+    margin-top: 10rem;
+    margin-bottom: 10rem;
+  }
+
+  .xs\:mx-40 {
+    margin-left: 10rem;
+    margin-right: 10rem;
+  }
+
+  .xs\:my-48 {
+    margin-top: 12rem;
+    margin-bottom: 12rem;
+  }
+
+  .xs\:mx-48 {
+    margin-left: 12rem;
+    margin-right: 12rem;
+  }
+
+  .xs\:my-56 {
+    margin-top: 14rem;
+    margin-bottom: 14rem;
+  }
+
+  .xs\:mx-56 {
+    margin-left: 14rem;
+    margin-right: 14rem;
+  }
+
+  .xs\:my-64 {
+    margin-top: 16rem;
+    margin-bottom: 16rem;
+  }
+
+  .xs\:mx-64 {
+    margin-left: 16rem;
+    margin-right: 16rem;
+  }
+
+  .xs\:my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+
+  .xs\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .xs\:my-px {
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  .xs\:mx-px {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+
+  .xs\:-my-1 {
+    margin-top: -0.25rem;
+    margin-bottom: -0.25rem;
+  }
+
+  .xs\:-mx-1 {
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+  }
+
+  .xs\:-my-2 {
+    margin-top: -0.5rem;
+    margin-bottom: -0.5rem;
+  }
+
+  .xs\:-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
+  }
+
+  .xs\:-my-3 {
+    margin-top: -0.75rem;
+    margin-bottom: -0.75rem;
+  }
+
+  .xs\:-mx-3 {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
+  }
+
+  .xs\:-my-4 {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+  }
+
+  .xs\:-mx-4 {
+    margin-left: -1rem;
+    margin-right: -1rem;
+  }
+
+  .xs\:-my-5 {
+    margin-top: -1.25rem;
+    margin-bottom: -1.25rem;
+  }
+
+  .xs\:-mx-5 {
+    margin-left: -1.25rem;
+    margin-right: -1.25rem;
+  }
+
+  .xs\:-my-6 {
+    margin-top: -1.5rem;
+    margin-bottom: -1.5rem;
+  }
+
+  .xs\:-mx-6 {
+    margin-left: -1.5rem;
+    margin-right: -1.5rem;
+  }
+
+  .xs\:-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+
+  .xs\:-mx-8 {
+    margin-left: -2rem;
+    margin-right: -2rem;
+  }
+
+  .xs\:-my-10 {
+    margin-top: -2.5rem;
+    margin-bottom: -2.5rem;
+  }
+
+  .xs\:-mx-10 {
+    margin-left: -2.5rem;
+    margin-right: -2.5rem;
+  }
+
+  .xs\:-my-12 {
+    margin-top: -3rem;
+    margin-bottom: -3rem;
+  }
+
+  .xs\:-mx-12 {
+    margin-left: -3rem;
+    margin-right: -3rem;
+  }
+
+  .xs\:-my-16 {
+    margin-top: -4rem;
+    margin-bottom: -4rem;
+  }
+
+  .xs\:-mx-16 {
+    margin-left: -4rem;
+    margin-right: -4rem;
+  }
+
+  .xs\:-my-20 {
+    margin-top: -5rem;
+    margin-bottom: -5rem;
+  }
+
+  .xs\:-mx-20 {
+    margin-left: -5rem;
+    margin-right: -5rem;
+  }
+
+  .xs\:-my-24 {
+    margin-top: -6rem;
+    margin-bottom: -6rem;
+  }
+
+  .xs\:-mx-24 {
+    margin-left: -6rem;
+    margin-right: -6rem;
+  }
+
+  .xs\:-my-32 {
+    margin-top: -8rem;
+    margin-bottom: -8rem;
+  }
+
+  .xs\:-mx-32 {
+    margin-left: -8rem;
+    margin-right: -8rem;
+  }
+
+  .xs\:-my-40 {
+    margin-top: -10rem;
+    margin-bottom: -10rem;
+  }
+
+  .xs\:-mx-40 {
+    margin-left: -10rem;
+    margin-right: -10rem;
+  }
+
+  .xs\:-my-48 {
+    margin-top: -12rem;
+    margin-bottom: -12rem;
+  }
+
+  .xs\:-mx-48 {
+    margin-left: -12rem;
+    margin-right: -12rem;
+  }
+
+  .xs\:-my-56 {
+    margin-top: -14rem;
+    margin-bottom: -14rem;
+  }
+
+  .xs\:-mx-56 {
+    margin-left: -14rem;
+    margin-right: -14rem;
+  }
+
+  .xs\:-my-64 {
+    margin-top: -16rem;
+    margin-bottom: -16rem;
+  }
+
+  .xs\:-mx-64 {
+    margin-left: -16rem;
+    margin-right: -16rem;
+  }
+
+  .xs\:-my-px {
+    margin-top: -1px;
+    margin-bottom: -1px;
+  }
+
+  .xs\:-mx-px {
+    margin-left: -1px;
+    margin-right: -1px;
+  }
+
+  .xs\:mt-0 {
+    margin-top: 0;
+  }
+
+  .xs\:mr-0 {
+    margin-right: 0;
+  }
+
+  .xs\:mb-0 {
+    margin-bottom: 0;
+  }
+
+  .xs\:ml-0 {
+    margin-left: 0;
+  }
+
+  .xs\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .xs\:mr-1 {
+    margin-right: 0.25rem;
+  }
+
+  .xs\:mb-1 {
+    margin-bottom: 0.25rem;
+  }
+
+  .xs\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
+  .xs\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .xs\:mr-2 {
+    margin-right: 0.5rem;
+  }
+
+  .xs\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
+  .xs\:ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .xs\:mt-3 {
+    margin-top: 0.75rem;
+  }
+
+  .xs\:mr-3 {
+    margin-right: 0.75rem;
+  }
+
+  .xs\:mb-3 {
+    margin-bottom: 0.75rem;
+  }
+
+  .xs\:ml-3 {
+    margin-left: 0.75rem;
+  }
+
+  .xs\:mt-4 {
+    margin-top: 1rem;
+  }
+
+  .xs\:mr-4 {
+    margin-right: 1rem;
+  }
+
+  .xs\:mb-4 {
+    margin-bottom: 1rem;
+  }
+
+  .xs\:ml-4 {
+    margin-left: 1rem;
+  }
+
+  .xs\:mt-5 {
+    margin-top: 1.25rem;
+  }
+
+  .xs\:mr-5 {
+    margin-right: 1.25rem;
+  }
+
+  .xs\:mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
+  .xs\:ml-5 {
+    margin-left: 1.25rem;
+  }
+
+  .xs\:mt-6 {
+    margin-top: 1.5rem;
+  }
+
+  .xs\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .xs\:mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
+  .xs\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
+  .xs\:mt-8 {
+    margin-top: 2rem;
+  }
+
+  .xs\:mr-8 {
+    margin-right: 2rem;
+  }
+
+  .xs\:mb-8 {
+    margin-bottom: 2rem;
+  }
+
+  .xs\:ml-8 {
+    margin-left: 2rem;
+  }
+
+  .xs\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .xs\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
+  .xs\:mb-10 {
+    margin-bottom: 2.5rem;
+  }
+
+  .xs\:ml-10 {
+    margin-left: 2.5rem;
+  }
+
+  .xs\:mt-12 {
+    margin-top: 3rem;
+  }
+
+  .xs\:mr-12 {
+    margin-right: 3rem;
+  }
+
+  .xs\:mb-12 {
+    margin-bottom: 3rem;
+  }
+
+  .xs\:ml-12 {
+    margin-left: 3rem;
+  }
+
+  .xs\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .xs\:mr-16 {
+    margin-right: 4rem;
+  }
+
+  .xs\:mb-16 {
+    margin-bottom: 4rem;
+  }
+
+  .xs\:ml-16 {
+    margin-left: 4rem;
+  }
+
+  .xs\:mt-20 {
+    margin-top: 5rem;
+  }
+
+  .xs\:mr-20 {
+    margin-right: 5rem;
+  }
+
+  .xs\:mb-20 {
+    margin-bottom: 5rem;
+  }
+
+  .xs\:ml-20 {
+    margin-left: 5rem;
+  }
+
+  .xs\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .xs\:mr-24 {
+    margin-right: 6rem;
+  }
+
+  .xs\:mb-24 {
+    margin-bottom: 6rem;
+  }
+
+  .xs\:ml-24 {
+    margin-left: 6rem;
+  }
+
+  .xs\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .xs\:mr-32 {
+    margin-right: 8rem;
+  }
+
+  .xs\:mb-32 {
+    margin-bottom: 8rem;
+  }
+
+  .xs\:ml-32 {
+    margin-left: 8rem;
+  }
+
+  .xs\:mt-40 {
+    margin-top: 10rem;
+  }
+
+  .xs\:mr-40 {
+    margin-right: 10rem;
+  }
+
+  .xs\:mb-40 {
+    margin-bottom: 10rem;
+  }
+
+  .xs\:ml-40 {
+    margin-left: 10rem;
+  }
+
+  .xs\:mt-48 {
+    margin-top: 12rem;
+  }
+
+  .xs\:mr-48 {
+    margin-right: 12rem;
+  }
+
+  .xs\:mb-48 {
+    margin-bottom: 12rem;
+  }
+
+  .xs\:ml-48 {
+    margin-left: 12rem;
+  }
+
+  .xs\:mt-56 {
+    margin-top: 14rem;
+  }
+
+  .xs\:mr-56 {
+    margin-right: 14rem;
+  }
+
+  .xs\:mb-56 {
+    margin-bottom: 14rem;
+  }
+
+  .xs\:ml-56 {
+    margin-left: 14rem;
+  }
+
+  .xs\:mt-64 {
+    margin-top: 16rem;
+  }
+
+  .xs\:mr-64 {
+    margin-right: 16rem;
+  }
+
+  .xs\:mb-64 {
+    margin-bottom: 16rem;
+  }
+
+  .xs\:ml-64 {
+    margin-left: 16rem;
+  }
+
+  .xs\:mt-auto {
+    margin-top: auto;
+  }
+
+  .xs\:mr-auto {
+    margin-right: auto;
+  }
+
+  .xs\:mb-auto {
+    margin-bottom: auto;
+  }
+
+  .xs\:ml-auto {
+    margin-left: auto;
+  }
+
+  .xs\:mt-px {
+    margin-top: 1px;
+  }
+
+  .xs\:mr-px {
+    margin-right: 1px;
+  }
+
+  .xs\:mb-px {
+    margin-bottom: 1px;
+  }
+
+  .xs\:ml-px {
+    margin-left: 1px;
+  }
+
+  .xs\:-mt-1 {
+    margin-top: -0.25rem;
+  }
+
+  .xs\:-mr-1 {
+    margin-right: -0.25rem;
+  }
+
+  .xs\:-mb-1 {
+    margin-bottom: -0.25rem;
+  }
+
+  .xs\:-ml-1 {
+    margin-left: -0.25rem;
+  }
+
+  .xs\:-mt-2 {
+    margin-top: -0.5rem;
+  }
+
+  .xs\:-mr-2 {
+    margin-right: -0.5rem;
+  }
+
+  .xs\:-mb-2 {
+    margin-bottom: -0.5rem;
+  }
+
+  .xs\:-ml-2 {
+    margin-left: -0.5rem;
+  }
+
+  .xs\:-mt-3 {
+    margin-top: -0.75rem;
+  }
+
+  .xs\:-mr-3 {
+    margin-right: -0.75rem;
+  }
+
+  .xs\:-mb-3 {
+    margin-bottom: -0.75rem;
+  }
+
+  .xs\:-ml-3 {
+    margin-left: -0.75rem;
+  }
+
+  .xs\:-mt-4 {
+    margin-top: -1rem;
+  }
+
+  .xs\:-mr-4 {
+    margin-right: -1rem;
+  }
+
+  .xs\:-mb-4 {
+    margin-bottom: -1rem;
+  }
+
+  .xs\:-ml-4 {
+    margin-left: -1rem;
+  }
+
+  .xs\:-mt-5 {
+    margin-top: -1.25rem;
+  }
+
+  .xs\:-mr-5 {
+    margin-right: -1.25rem;
+  }
+
+  .xs\:-mb-5 {
+    margin-bottom: -1.25rem;
+  }
+
+  .xs\:-ml-5 {
+    margin-left: -1.25rem;
+  }
+
+  .xs\:-mt-6 {
+    margin-top: -1.5rem;
+  }
+
+  .xs\:-mr-6 {
+    margin-right: -1.5rem;
+  }
+
+  .xs\:-mb-6 {
+    margin-bottom: -1.5rem;
+  }
+
+  .xs\:-ml-6 {
+    margin-left: -1.5rem;
+  }
+
+  .xs\:-mt-8 {
+    margin-top: -2rem;
+  }
+
+  .xs\:-mr-8 {
+    margin-right: -2rem;
+  }
+
+  .xs\:-mb-8 {
+    margin-bottom: -2rem;
+  }
+
+  .xs\:-ml-8 {
+    margin-left: -2rem;
+  }
+
+  .xs\:-mt-10 {
+    margin-top: -2.5rem;
+  }
+
+  .xs\:-mr-10 {
+    margin-right: -2.5rem;
+  }
+
+  .xs\:-mb-10 {
+    margin-bottom: -2.5rem;
+  }
+
+  .xs\:-ml-10 {
+    margin-left: -2.5rem;
+  }
+
+  .xs\:-mt-12 {
+    margin-top: -3rem;
+  }
+
+  .xs\:-mr-12 {
+    margin-right: -3rem;
+  }
+
+  .xs\:-mb-12 {
+    margin-bottom: -3rem;
+  }
+
+  .xs\:-ml-12 {
+    margin-left: -3rem;
+  }
+
+  .xs\:-mt-16 {
+    margin-top: -4rem;
+  }
+
+  .xs\:-mr-16 {
+    margin-right: -4rem;
+  }
+
+  .xs\:-mb-16 {
+    margin-bottom: -4rem;
+  }
+
+  .xs\:-ml-16 {
+    margin-left: -4rem;
+  }
+
+  .xs\:-mt-20 {
+    margin-top: -5rem;
+  }
+
+  .xs\:-mr-20 {
+    margin-right: -5rem;
+  }
+
+  .xs\:-mb-20 {
+    margin-bottom: -5rem;
+  }
+
+  .xs\:-ml-20 {
+    margin-left: -5rem;
+  }
+
+  .xs\:-mt-24 {
+    margin-top: -6rem;
+  }
+
+  .xs\:-mr-24 {
+    margin-right: -6rem;
+  }
+
+  .xs\:-mb-24 {
+    margin-bottom: -6rem;
+  }
+
+  .xs\:-ml-24 {
+    margin-left: -6rem;
+  }
+
+  .xs\:-mt-32 {
+    margin-top: -8rem;
+  }
+
+  .xs\:-mr-32 {
+    margin-right: -8rem;
+  }
+
+  .xs\:-mb-32 {
+    margin-bottom: -8rem;
+  }
+
+  .xs\:-ml-32 {
+    margin-left: -8rem;
+  }
+
+  .xs\:-mt-40 {
+    margin-top: -10rem;
+  }
+
+  .xs\:-mr-40 {
+    margin-right: -10rem;
+  }
+
+  .xs\:-mb-40 {
+    margin-bottom: -10rem;
+  }
+
+  .xs\:-ml-40 {
+    margin-left: -10rem;
+  }
+
+  .xs\:-mt-48 {
+    margin-top: -12rem;
+  }
+
+  .xs\:-mr-48 {
+    margin-right: -12rem;
+  }
+
+  .xs\:-mb-48 {
+    margin-bottom: -12rem;
+  }
+
+  .xs\:-ml-48 {
+    margin-left: -12rem;
+  }
+
+  .xs\:-mt-56 {
+    margin-top: -14rem;
+  }
+
+  .xs\:-mr-56 {
+    margin-right: -14rem;
+  }
+
+  .xs\:-mb-56 {
+    margin-bottom: -14rem;
+  }
+
+  .xs\:-ml-56 {
+    margin-left: -14rem;
+  }
+
+  .xs\:-mt-64 {
+    margin-top: -16rem;
+  }
+
+  .xs\:-mr-64 {
+    margin-right: -16rem;
+  }
+
+  .xs\:-mb-64 {
+    margin-bottom: -16rem;
+  }
+
+  .xs\:-ml-64 {
+    margin-left: -16rem;
+  }
+
+  .xs\:-mt-px {
+    margin-top: -1px;
+  }
+
+  .xs\:-mr-px {
+    margin-right: -1px;
+  }
+
+  .xs\:-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .xs\:-ml-px {
+    margin-left: -1px;
+  }
+
+  .xs\:max-h-full {
+    max-height: 100%;
+  }
+
+  .xs\:max-h-screen {
+    max-height: 100vh;
+  }
+
+  .xs\:max-w-none {
+    max-width: none;
+  }
+
+  .xs\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .xs\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .xs\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .xs\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .xs\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .xs\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .xs\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .xs\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .xs\:max-w-5xl {
+    max-width: 64rem;
+  }
+
+  .xs\:max-w-6xl {
+    max-width: 72rem;
+  }
+
+  .xs\:max-w-full {
+    max-width: 100%;
+  }
+
+  .xs\:max-w-screen-sm {
+    max-width: 640px;
+  }
+
+  .xs\:max-w-screen-md {
+    max-width: 768px;
+  }
+
+  .xs\:max-w-screen-lg {
+    max-width: 1024px;
+  }
+
+  .xs\:max-w-screen-xl {
+    max-width: 1280px;
+  }
+
+  .xs\:min-h-0 {
+    min-height: 0;
+  }
+
+  .xs\:min-h-full {
+    min-height: 100%;
+  }
+
+  .xs\:min-h-screen {
+    min-height: 100vh;
+  }
+
+  .xs\:min-w-0 {
+    min-width: 0;
+  }
+
+  .xs\:min-w-full {
+    min-width: 100%;
+  }
+
+  .xs\:object-contain {
+    object-fit: contain;
+  }
+
+  .xs\:object-cover {
+    object-fit: cover;
+  }
+
+  .xs\:object-fill {
+    object-fit: fill;
+  }
+
+  .xs\:object-none {
+    object-fit: none;
+  }
+
+  .xs\:object-scale-down {
+    object-fit: scale-down;
+  }
+
+  .xs\:object-bottom {
+    object-position: bottom;
+  }
+
+  .xs\:object-center {
+    object-position: center;
+  }
+
+  .xs\:object-left {
+    object-position: left;
+  }
+
+  .xs\:object-left-bottom {
+    object-position: left bottom;
+  }
+
+  .xs\:object-left-top {
+    object-position: left top;
+  }
+
+  .xs\:object-right {
+    object-position: right;
+  }
+
+  .xs\:object-right-bottom {
+    object-position: right bottom;
+  }
+
+  .xs\:object-right-top {
+    object-position: right top;
+  }
+
+  .xs\:object-top {
+    object-position: top;
+  }
+
+  .xs\:opacity-0 {
+    opacity: 0;
+  }
+
+  .xs\:opacity-25 {
+    opacity: 0.25;
+  }
+
+  .xs\:opacity-50 {
+    opacity: 0.5;
+  }
+
+  .xs\:opacity-75 {
+    opacity: 0.75;
+  }
+
+  .xs\:opacity-100 {
+    opacity: 1;
+  }
+
+  .xs\:hover\:opacity-0:hover {
+    opacity: 0;
+  }
+
+  .xs\:hover\:opacity-25:hover {
+    opacity: 0.25;
+  }
+
+  .xs\:hover\:opacity-50:hover {
+    opacity: 0.5;
+  }
+
+  .xs\:hover\:opacity-75:hover {
+    opacity: 0.75;
+  }
+
+  .xs\:hover\:opacity-100:hover {
+    opacity: 1;
+  }
+
+  .xs\:focus\:opacity-0:focus {
+    opacity: 0;
+  }
+
+  .xs\:focus\:opacity-25:focus {
+    opacity: 0.25;
+  }
+
+  .xs\:focus\:opacity-50:focus {
+    opacity: 0.5;
+  }
+
+  .xs\:focus\:opacity-75:focus {
+    opacity: 0.75;
+  }
+
+  .xs\:focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .xs\:outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xs\:outline-white {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xs\:outline-black {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xs\:focus\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  .xs\:focus\:outline-white:focus {
+    outline: 2px dotted white;
+    outline-offset: 2px;
+  }
+
+  .xs\:focus\:outline-black:focus {
+    outline: 2px dotted black;
+    outline-offset: 2px;
+  }
+
+  .xs\:overflow-auto {
+    overflow: auto;
+  }
+
+  .xs\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .xs\:overflow-visible {
+    overflow: visible;
+  }
+
+  .xs\:overflow-scroll {
+    overflow: scroll;
+  }
+
+  .xs\:overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .xs\:overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .xs\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .xs\:overflow-y-hidden {
+    overflow-y: hidden;
+  }
+
+  .xs\:overflow-x-visible {
+    overflow-x: visible;
+  }
+
+  .xs\:overflow-y-visible {
+    overflow-y: visible;
+  }
+
+  .xs\:overflow-x-scroll {
+    overflow-x: scroll;
+  }
+
+  .xs\:overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
+  .xs\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .xs\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
+  }
+
+  .xs\:overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .xs\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .xs\:overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .xs\:overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .xs\:overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .xs\:overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .xs\:overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .xs\:overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .xs\:overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
+  .xs\:p-0 {
+    padding: 0;
+  }
+
+  .xs\:p-1 {
+    padding: 0.25rem;
+  }
+
+  .xs\:p-2 {
+    padding: 0.5rem;
+  }
+
+  .xs\:p-3 {
+    padding: 0.75rem;
+  }
+
+  .xs\:p-4 {
+    padding: 1rem;
+  }
+
+  .xs\:p-5 {
+    padding: 1.25rem;
+  }
+
+  .xs\:p-6 {
+    padding: 1.5rem;
+  }
+
+  .xs\:p-8 {
+    padding: 2rem;
+  }
+
+  .xs\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .xs\:p-12 {
+    padding: 3rem;
+  }
+
+  .xs\:p-16 {
+    padding: 4rem;
+  }
+
+  .xs\:p-20 {
+    padding: 5rem;
+  }
+
+  .xs\:p-24 {
+    padding: 6rem;
+  }
+
+  .xs\:p-32 {
+    padding: 8rem;
+  }
+
+  .xs\:p-40 {
+    padding: 10rem;
+  }
+
+  .xs\:p-48 {
+    padding: 12rem;
+  }
+
+  .xs\:p-56 {
+    padding: 14rem;
+  }
+
+  .xs\:p-64 {
+    padding: 16rem;
+  }
+
+  .xs\:p-px {
+    padding: 1px;
+  }
+
+  .xs\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .xs\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .xs\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
+  .xs\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+
+  .xs\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .xs\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .xs\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .xs\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .xs\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .xs\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .xs\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .xs\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .xs\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .xs\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .xs\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  .xs\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
+  .xs\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
+  .xs\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .xs\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .xs\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .xs\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .xs\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
+  .xs\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+
+  .xs\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
+  .xs\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
+  }
+
+  .xs\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
+  }
+
+  .xs\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
+  }
+
+  .xs\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
+
+  .xs\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
+  }
+
+  .xs\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
+  }
+
+  .xs\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+  }
+
+  .xs\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
+  }
+
+  .xs\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
+  }
+
+  .xs\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
+  }
+
+  .xs\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
+  }
+
+  .xs\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+
+  .xs\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .xs\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
+  }
+
+  .xs\:pt-0 {
+    padding-top: 0;
+  }
+
+  .xs\:pr-0 {
+    padding-right: 0;
+  }
+
+  .xs\:pb-0 {
+    padding-bottom: 0;
+  }
+
+  .xs\:pl-0 {
+    padding-left: 0;
+  }
+
+  .xs\:pt-1 {
+    padding-top: 0.25rem;
+  }
+
+  .xs\:pr-1 {
+    padding-right: 0.25rem;
+  }
+
+  .xs\:pb-1 {
+    padding-bottom: 0.25rem;
+  }
+
+  .xs\:pl-1 {
+    padding-left: 0.25rem;
+  }
+
+  .xs\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .xs\:pr-2 {
+    padding-right: 0.5rem;
+  }
+
+  .xs\:pb-2 {
+    padding-bottom: 0.5rem;
+  }
+
+  .xs\:pl-2 {
+    padding-left: 0.5rem;
+  }
+
+  .xs\:pt-3 {
+    padding-top: 0.75rem;
+  }
+
+  .xs\:pr-3 {
+    padding-right: 0.75rem;
+  }
+
+  .xs\:pb-3 {
+    padding-bottom: 0.75rem;
+  }
+
+  .xs\:pl-3 {
+    padding-left: 0.75rem;
+  }
+
+  .xs\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .xs\:pr-4 {
+    padding-right: 1rem;
+  }
+
+  .xs\:pb-4 {
+    padding-bottom: 1rem;
+  }
+
+  .xs\:pl-4 {
+    padding-left: 1rem;
+  }
+
+  .xs\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .xs\:pr-5 {
+    padding-right: 1.25rem;
+  }
+
+  .xs\:pb-5 {
+    padding-bottom: 1.25rem;
+  }
+
+  .xs\:pl-5 {
+    padding-left: 1.25rem;
+  }
+
+  .xs\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
+  .xs\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .xs\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
+  .xs\:pl-6 {
+    padding-left: 1.5rem;
+  }
+
+  .xs\:pt-8 {
+    padding-top: 2rem;
+  }
+
+  .xs\:pr-8 {
+    padding-right: 2rem;
+  }
+
+  .xs\:pb-8 {
+    padding-bottom: 2rem;
+  }
+
+  .xs\:pl-8 {
+    padding-left: 2rem;
+  }
+
+  .xs\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
+  .xs\:pr-10 {
+    padding-right: 2.5rem;
+  }
+
+  .xs\:pb-10 {
+    padding-bottom: 2.5rem;
+  }
+
+  .xs\:pl-10 {
+    padding-left: 2.5rem;
+  }
+
+  .xs\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .xs\:pr-12 {
+    padding-right: 3rem;
+  }
+
+  .xs\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
+  .xs\:pl-12 {
+    padding-left: 3rem;
+  }
+
+  .xs\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .xs\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .xs\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .xs\:pl-16 {
+    padding-left: 4rem;
+  }
+
+  .xs\:pt-20 {
+    padding-top: 5rem;
+  }
+
+  .xs\:pr-20 {
+    padding-right: 5rem;
+  }
+
+  .xs\:pb-20 {
+    padding-bottom: 5rem;
+  }
+
+  .xs\:pl-20 {
+    padding-left: 5rem;
+  }
+
+  .xs\:pt-24 {
+    padding-top: 6rem;
+  }
+
+  .xs\:pr-24 {
+    padding-right: 6rem;
+  }
+
+  .xs\:pb-24 {
+    padding-bottom: 6rem;
+  }
+
+  .xs\:pl-24 {
+    padding-left: 6rem;
+  }
+
+  .xs\:pt-32 {
+    padding-top: 8rem;
+  }
+
+  .xs\:pr-32 {
+    padding-right: 8rem;
+  }
+
+  .xs\:pb-32 {
+    padding-bottom: 8rem;
+  }
+
+  .xs\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .xs\:pt-40 {
+    padding-top: 10rem;
+  }
+
+  .xs\:pr-40 {
+    padding-right: 10rem;
+  }
+
+  .xs\:pb-40 {
+    padding-bottom: 10rem;
+  }
+
+  .xs\:pl-40 {
+    padding-left: 10rem;
+  }
+
+  .xs\:pt-48 {
+    padding-top: 12rem;
+  }
+
+  .xs\:pr-48 {
+    padding-right: 12rem;
+  }
+
+  .xs\:pb-48 {
+    padding-bottom: 12rem;
+  }
+
+  .xs\:pl-48 {
+    padding-left: 12rem;
+  }
+
+  .xs\:pt-56 {
+    padding-top: 14rem;
+  }
+
+  .xs\:pr-56 {
+    padding-right: 14rem;
+  }
+
+  .xs\:pb-56 {
+    padding-bottom: 14rem;
+  }
+
+  .xs\:pl-56 {
+    padding-left: 14rem;
+  }
+
+  .xs\:pt-64 {
+    padding-top: 16rem;
+  }
+
+  .xs\:pr-64 {
+    padding-right: 16rem;
+  }
+
+  .xs\:pb-64 {
+    padding-bottom: 16rem;
+  }
+
+  .xs\:pl-64 {
+    padding-left: 16rem;
+  }
+
+  .xs\:pt-px {
+    padding-top: 1px;
+  }
+
+  .xs\:pr-px {
+    padding-right: 1px;
+  }
+
+  .xs\:pb-px {
+    padding-bottom: 1px;
+  }
+
+  .xs\:pl-px {
+    padding-left: 1px;
+  }
+
+  .xs\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .xs\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .xs\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-findMe::placeholder {
+    --placeholder-opacity: 1;
+    color: #F9FCFD;
+    color: rgba(249, 252, 253, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .xs\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .xs\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-findMe:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #F9FCFD;
+    color: rgba(249, 252, 253, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f7fafc;
+    color: rgba(247, 250, 252, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edf2f7;
+    color: rgba(237, 242, 247, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a0aec0;
+    color: rgba(160, 174, 192, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #718096;
+    color: rgba(113, 128, 150, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a5568;
+    color: rgba(74, 85, 104, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #2d3748;
+    color: rgba(45, 55, 72, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a202c;
+    color: rgba(26, 32, 44, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff5f5;
+    color: rgba(255, 245, 245, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fed7d7;
+    color: rgba(254, 215, 215, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feb2b2;
+    color: rgba(254, 178, 178, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fc8181;
+    color: rgba(252, 129, 129, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f56565;
+    color: rgba(245, 101, 101, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e53e3e;
+    color: rgba(229, 62, 62, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c53030;
+    color: rgba(197, 48, 48, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #742a2a;
+    color: rgba(116, 42, 42, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fffaf0;
+    color: rgba(255, 250, 240, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feebc8;
+    color: rgba(254, 235, 200, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd38d;
+    color: rgba(251, 211, 141, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6ad55;
+    color: rgba(246, 173, 85, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ed8936;
+    color: rgba(237, 137, 54, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dd6b20;
+    color: rgba(221, 107, 32, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c05621;
+    color: rgba(192, 86, 33, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9c4221;
+    color: rgba(156, 66, 33, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7b341e;
+    color: rgba(123, 52, 30, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fffff0;
+    color: rgba(255, 255, 240, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fefcbf;
+    color: rgba(254, 252, 191, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faf089;
+    color: rgba(250, 240, 137, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6e05e;
+    color: rgba(246, 224, 94, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ecc94b;
+    color: rgba(236, 201, 75, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d69e2e;
+    color: rgba(214, 158, 46, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b7791f;
+    color: rgba(183, 121, 31, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #975a16;
+    color: rgba(151, 90, 22, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #744210;
+    color: rgba(116, 66, 16, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0fff4;
+    color: rgba(240, 255, 244, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #68d391;
+    color: rgba(104, 211, 145, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #48bb78;
+    color: rgba(72, 187, 120, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #38a169;
+    color: rgba(56, 161, 105, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #2f855a;
+    color: rgba(47, 133, 90, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #276749;
+    color: rgba(39, 103, 73, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #22543d;
+    color: rgba(34, 84, 61, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e6fffa;
+    color: rgba(230, 255, 250, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #81e6d9;
+    color: rgba(129, 230, 217, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #38b2ac;
+    color: rgba(56, 178, 172, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #319795;
+    color: rgba(49, 151, 149, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #285e61;
+    color: rgba(40, 94, 97, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #234e52;
+    color: rgba(35, 78, 82, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bee3f8;
+    color: rgba(190, 227, 248, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #90cdf4;
+    color: rgba(144, 205, 244, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #63b3ed;
+    color: rgba(99, 179, 237, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4299e1;
+    color: rgba(66, 153, 225, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3182ce;
+    color: rgba(49, 130, 206, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #2c5282;
+    color: rgba(44, 82, 130, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #2a4365;
+    color: rgba(42, 67, 101, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3dafe;
+    color: rgba(195, 218, 254, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a3bffa;
+    color: rgba(163, 191, 250, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #667eea;
+    color: rgba(102, 126, 234, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5a67d8;
+    color: rgba(90, 103, 216, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4c51bf;
+    color: rgba(76, 81, 191, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #434190;
+    color: rgba(67, 65, 144, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3c366b;
+    color: rgba(60, 54, 107, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faf5ff;
+    color: rgba(250, 245, 255, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b794f4;
+    color: rgba(183, 148, 244, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f7aea;
+    color: rgba(159, 122, 234, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #805ad5;
+    color: rgba(128, 90, 213, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b46c1;
+    color: rgba(107, 70, 193, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #553c9a;
+    color: rgba(85, 60, 154, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #44337a;
+    color: rgba(68, 51, 122, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff5f7;
+    color: rgba(255, 245, 247, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fed7e2;
+    color: rgba(254, 215, 226, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f687b3;
+    color: rgba(246, 135, 179, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ed64a6;
+    color: rgba(237, 100, 166, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d53f8c;
+    color: rgba(213, 63, 140, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b83280;
+    color: rgba(184, 50, 128, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #97266d;
+    color: rgba(151, 38, 109, var(--placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #702459;
+    color: rgba(112, 36, 89, var(--placeholder-opacity));
+  }
+
+  .xs\:placeholder-opacity-0::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xs\:placeholder-opacity-25::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xs\:placeholder-opacity-50::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xs\:placeholder-opacity-75::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xs\:placeholder-opacity-100::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xs\:focus\:placeholder-opacity-0:focus::placeholder {
+    --placeholder-opacity: 0;
+  }
+
+  .xs\:focus\:placeholder-opacity-25:focus::placeholder {
+    --placeholder-opacity: 0.25;
+  }
+
+  .xs\:focus\:placeholder-opacity-50:focus::placeholder {
+    --placeholder-opacity: 0.5;
+  }
+
+  .xs\:focus\:placeholder-opacity-75:focus::placeholder {
+    --placeholder-opacity: 0.75;
+  }
+
+  .xs\:focus\:placeholder-opacity-100:focus::placeholder {
+    --placeholder-opacity: 1;
+  }
+
+  .xs\:pointer-events-none {
+    pointer-events: none;
+  }
+
+  .xs\:pointer-events-auto {
+    pointer-events: auto;
+  }
+
+  .xs\:static {
+    position: static;
+  }
+
+  .xs\:fixed {
+    position: fixed;
+  }
+
+  .xs\:absolute {
+    position: absolute;
+  }
+
+  .xs\:relative {
+    position: relative;
+  }
+
+  .xs\:sticky {
+    position: sticky;
+  }
+
+  .xs\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .xs\:inset-30 {
+    top: 30%;
+    right: 30%;
+    bottom: 30%;
+    left: 30%;
+  }
+
+  .xs\:inset-60 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
+  .xs\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+  }
+
+  .xs\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
+  .xs\:inset-y-0 {
+    top: 0;
+    bottom: 0;
+  }
+
+  .xs\:inset-x-0 {
+    right: 0;
+    left: 0;
+  }
+
+  .xs\:inset-y-30 {
+    top: 30%;
+    bottom: 30%;
+  }
+
+  .xs\:inset-x-30 {
+    right: 30%;
+    left: 30%;
+  }
+
+  .xs\:inset-y-60 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .xs\:inset-x-60 {
+    right: 60%;
+    left: 60%;
+  }
+
+  .xs\:inset-y-auto {
+    top: auto;
+    bottom: auto;
+  }
+
+  .xs\:inset-x-auto {
+    right: auto;
+    left: auto;
+  }
+
+  .xs\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xs\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
+  .xs\:top-0 {
+    top: 0;
+  }
+
+  .xs\:right-0 {
+    right: 0;
+  }
+
+  .xs\:bottom-0 {
+    bottom: 0;
+  }
+
+  .xs\:left-0 {
+    left: 0;
+  }
+
+  .xs\:top-30 {
+    top: 30%;
+  }
+
+  .xs\:right-30 {
+    right: 30%;
+  }
+
+  .xs\:bottom-30 {
+    bottom: 30%;
+  }
+
+  .xs\:left-30 {
+    left: 30%;
+  }
+
+  .xs\:top-60 {
+    top: 60%;
+  }
+
+  .xs\:right-60 {
+    right: 60%;
+  }
+
+  .xs\:bottom-60 {
+    bottom: 60%;
+  }
+
+  .xs\:left-60 {
+    left: 60%;
+  }
+
+  .xs\:top-auto {
+    top: auto;
+  }
+
+  .xs\:right-auto {
+    right: auto;
+  }
+
+  .xs\:bottom-auto {
+    bottom: auto;
+  }
+
+  .xs\:left-auto {
+    left: auto;
+  }
+
+  .xs\:top-1\/2 {
+    top: 50%;
+  }
+
+  .xs\:right-1\/2 {
+    right: 50%;
+  }
+
+  .xs\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .xs\:left-1\/2 {
+    left: 50%;
+  }
+
+  .xs\:resize-none {
+    resize: none;
+  }
+
+  .xs\:resize-y {
+    resize: vertical;
+  }
+
+  .xs\:resize-x {
+    resize: horizontal;
+  }
+
+  .xs\:resize {
+    resize: both;
+  }
+
+  .xs\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xs\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xs\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  }
+
+  .xs\:shadow-none {
+    box-shadow: none;
+  }
+
+  .xs\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xs\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xs\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  }
+
+  .xs\:hover\:shadow-none:hover {
+    box-shadow: none;
+  }
+
+  .xs\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:focus\:shadow:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  }
+
+  .xs\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  }
+
+  .xs\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  }
+
+  .xs\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+
+  .xs\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  }
+
+  .xs\:focus\:shadow-none:focus {
+    box-shadow: none;
+  }
+
+  .xs\:fill-current {
+    fill: currentColor;
+  }
+
+  .xs\:stroke-current {
+    stroke: currentColor;
+  }
+
+  .xs\:stroke-0 {
+    stroke-width: 0;
+  }
+
+  .xs\:stroke-1 {
+    stroke-width: 1;
+  }
+
+  .xs\:stroke-2 {
+    stroke-width: 2;
+  }
+
+  .xs\:table-auto {
+    table-layout: auto;
+  }
+
+  .xs\:table-fixed {
+    table-layout: fixed;
+  }
+
+  .xs\:text-left {
+    text-align: left;
+  }
+
+  .xs\:text-center {
+    text-align: center;
+  }
+
+  .xs\:text-right {
+    text-align: right;
+  }
+
+  .xs\:text-justify {
+    text-align: justify;
+  }
+
+  .xs\:text-transparent {
+    color: transparent;
+  }
+
+  .xs\:text-current {
+    color: currentColor;
+  }
+
+  .xs\:text-black {
+    --text-opacity: 1;
+    color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xs\:text-white {
+    --text-opacity: 1;
+    color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xs\:text-findMe {
+    --text-opacity: 1;
+    color: #F9FCFD;
+    color: rgba(249, 252, 253, var(--text-opacity));
+  }
+
+  .xs\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
+  }
+
+  .xs\:text-gray-200 {
+    --text-opacity: 1;
+    color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
+  }
+
+  .xs\:text-gray-300 {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xs\:text-gray-400 {
+    --text-opacity: 1;
+    color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
+  }
+
+  .xs\:text-gray-500 {
+    --text-opacity: 1;
+    color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
+  }
+
+  .xs\:text-gray-600 {
+    --text-opacity: 1;
+    color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
+  }
+
+  .xs\:text-gray-700 {
+    --text-opacity: 1;
+    color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
+  }
+
+  .xs\:text-gray-800 {
+    --text-opacity: 1;
+    color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
+  }
+
+  .xs\:text-gray-900 {
+    --text-opacity: 1;
+    color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
+  }
+
+  .xs\:text-red-100 {
+    --text-opacity: 1;
+    color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
+  }
+
+  .xs\:text-red-200 {
+    --text-opacity: 1;
+    color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
+  }
+
+  .xs\:text-red-300 {
+    --text-opacity: 1;
+    color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
+  }
+
+  .xs\:text-red-400 {
+    --text-opacity: 1;
+    color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
+  }
+
+  .xs\:text-red-500 {
+    --text-opacity: 1;
+    color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
+  }
+
+  .xs\:text-red-600 {
+    --text-opacity: 1;
+    color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
+  }
+
+  .xs\:text-red-700 {
+    --text-opacity: 1;
+    color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
+  }
+
+  .xs\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
+  }
+
+  .xs\:text-red-900 {
+    --text-opacity: 1;
+    color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
+  }
+
+  .xs\:text-orange-100 {
+    --text-opacity: 1;
+    color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
+  }
+
+  .xs\:text-orange-200 {
+    --text-opacity: 1;
+    color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
+  }
+
+  .xs\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
+  }
+
+  .xs\:text-orange-400 {
+    --text-opacity: 1;
+    color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
+  }
+
+  .xs\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
+  }
+
+  .xs\:text-orange-600 {
+    --text-opacity: 1;
+    color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
+  }
+
+  .xs\:text-orange-700 {
+    --text-opacity: 1;
+    color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
+  }
+
+  .xs\:text-orange-800 {
+    --text-opacity: 1;
+    color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
+  }
+
+  .xs\:text-orange-900 {
+    --text-opacity: 1;
+    color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
+  }
+
+  .xs\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
+  }
+
+  .xs\:text-green-100 {
+    --text-opacity: 1;
+    color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
+  }
+
+  .xs\:text-green-200 {
+    --text-opacity: 1;
+    color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
+  }
+
+  .xs\:text-green-300 {
+    --text-opacity: 1;
+    color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
+  }
+
+  .xs\:text-green-400 {
+    --text-opacity: 1;
+    color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
+  }
+
+  .xs\:text-green-500 {
+    --text-opacity: 1;
+    color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
+  }
+
+  .xs\:text-green-600 {
+    --text-opacity: 1;
+    color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
+  }
+
+  .xs\:text-green-700 {
+    --text-opacity: 1;
+    color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
+  }
+
+  .xs\:text-green-800 {
+    --text-opacity: 1;
+    color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
+  }
+
+  .xs\:text-green-900 {
+    --text-opacity: 1;
+    color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
+  }
+
+  .xs\:text-teal-100 {
+    --text-opacity: 1;
+    color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
+  }
+
+  .xs\:text-teal-200 {
+    --text-opacity: 1;
+    color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
+  }
+
+  .xs\:text-teal-300 {
+    --text-opacity: 1;
+    color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
+  }
+
+  .xs\:text-teal-400 {
+    --text-opacity: 1;
+    color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
+  }
+
+  .xs\:text-teal-500 {
+    --text-opacity: 1;
+    color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
+  }
+
+  .xs\:text-teal-600 {
+    --text-opacity: 1;
+    color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
+  }
+
+  .xs\:text-teal-700 {
+    --text-opacity: 1;
+    color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
+  }
+
+  .xs\:text-teal-800 {
+    --text-opacity: 1;
+    color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
+  }
+
+  .xs\:text-teal-900 {
+    --text-opacity: 1;
+    color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
+  }
+
+  .xs\:text-blue-100 {
+    --text-opacity: 1;
+    color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
+  }
+
+  .xs\:text-blue-200 {
+    --text-opacity: 1;
+    color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
+  }
+
+  .xs\:text-blue-300 {
+    --text-opacity: 1;
+    color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
+  }
+
+  .xs\:text-blue-400 {
+    --text-opacity: 1;
+    color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
+  }
+
+  .xs\:text-blue-500 {
+    --text-opacity: 1;
+    color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
+  }
+
+  .xs\:text-blue-600 {
+    --text-opacity: 1;
+    color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
+  }
+
+  .xs\:text-blue-700 {
+    --text-opacity: 1;
+    color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
+  }
+
+  .xs\:text-blue-800 {
+    --text-opacity: 1;
+    color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
+  }
+
+  .xs\:text-blue-900 {
+    --text-opacity: 1;
+    color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
+  }
+
+  .xs\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
+  }
+
+  .xs\:text-purple-100 {
+    --text-opacity: 1;
+    color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
+  }
+
+  .xs\:text-purple-200 {
+    --text-opacity: 1;
+    color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
+  }
+
+  .xs\:text-purple-300 {
+    --text-opacity: 1;
+    color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
+  }
+
+  .xs\:text-purple-400 {
+    --text-opacity: 1;
+    color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
+  }
+
+  .xs\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
+  }
+
+  .xs\:text-purple-600 {
+    --text-opacity: 1;
+    color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
+  }
+
+  .xs\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
+  }
+
+  .xs\:text-purple-800 {
+    --text-opacity: 1;
+    color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
+  }
+
+  .xs\:text-purple-900 {
+    --text-opacity: 1;
+    color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
+  }
+
+  .xs\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
+  }
+
+  .xs\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
+  }
+
+  .xs\:text-pink-300 {
+    --text-opacity: 1;
+    color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
+  }
+
+  .xs\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
+  }
+
+  .xs\:text-pink-500 {
+    --text-opacity: 1;
+    color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
+  }
+
+  .xs\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
+  }
+
+  .xs\:text-pink-700 {
+    --text-opacity: 1;
+    color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
+  }
+
+  .xs\:text-pink-800 {
+    --text-opacity: 1;
+    color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
+  }
+
+  .xs\:text-pink-900 {
+    --text-opacity: 1;
+    color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .xs\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .xs\:hover\:text-black:hover {
+    --text-opacity: 1;
+    color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-white:hover {
+    --text-opacity: 1;
+    color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-findMe:hover {
+    --text-opacity: 1;
+    color: #F9FCFD;
+    color: rgba(249, 252, 253, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
+    color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
+    color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
+    color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
+    color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
+    color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
+    color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
+    color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
+    color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-100:hover {
+    --text-opacity: 1;
+    color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-200:hover {
+    --text-opacity: 1;
+    color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-300:hover {
+    --text-opacity: 1;
+    color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-400:hover {
+    --text-opacity: 1;
+    color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-500:hover {
+    --text-opacity: 1;
+    color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-600:hover {
+    --text-opacity: 1;
+    color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-700:hover {
+    --text-opacity: 1;
+    color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-800:hover {
+    --text-opacity: 1;
+    color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-red-900:hover {
+    --text-opacity: 1;
+    color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
+    color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
+    color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
+    color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
+    color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
+    color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
+    color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
+    color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
+    color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
+    color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
+    color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
+    color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
+    color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
+    color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
+    color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
+    color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
+    color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
+    color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
+    color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-100:hover {
+    --text-opacity: 1;
+    color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-200:hover {
+    --text-opacity: 1;
+    color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-300:hover {
+    --text-opacity: 1;
+    color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-400:hover {
+    --text-opacity: 1;
+    color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-500:hover {
+    --text-opacity: 1;
+    color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-600:hover {
+    --text-opacity: 1;
+    color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-700:hover {
+    --text-opacity: 1;
+    color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-800:hover {
+    --text-opacity: 1;
+    color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-green-900:hover {
+    --text-opacity: 1;
+    color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
+    color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
+    color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
+    color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
+    color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
+    color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
+    color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
+    color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
+    color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
+    color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
+    color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
+    color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
+    color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
+    color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
+    color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
+    color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
+    color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
+    color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
+    color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
+    color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
+    color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
+    color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
+    color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
+    color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
+    color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
+    color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
+    color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
+    color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
+    color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
+    color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
+    color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
+    color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
+    color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
+    color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
+    color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
+    color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
+    color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
+    color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
+    color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
+    color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
+    color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
+    color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
+    color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
+    color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
+    color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
+  }
+
+  .xs\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
+    color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .xs\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .xs\:focus\:text-black:focus {
+    --text-opacity: 1;
+    color: #000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-white:focus {
+    --text-opacity: 1;
+    color: #fff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-findMe:focus {
+    --text-opacity: 1;
+    color: #F9FCFD;
+    color: rgba(249, 252, 253, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
+    color: #f7fafc;
+    color: rgba(247, 250, 252, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
+    color: #edf2f7;
+    color: rgba(237, 242, 247, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
+    color: #e2e8f0;
+    color: rgba(226, 232, 240, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
+    color: #cbd5e0;
+    color: rgba(203, 213, 224, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
+    color: #a0aec0;
+    color: rgba(160, 174, 192, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
+    color: #718096;
+    color: rgba(113, 128, 150, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
+    color: #4a5568;
+    color: rgba(74, 85, 104, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
+    color: #2d3748;
+    color: rgba(45, 55, 72, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
+    color: #1a202c;
+    color: rgba(26, 32, 44, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-100:focus {
+    --text-opacity: 1;
+    color: #fff5f5;
+    color: rgba(255, 245, 245, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-200:focus {
+    --text-opacity: 1;
+    color: #fed7d7;
+    color: rgba(254, 215, 215, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-300:focus {
+    --text-opacity: 1;
+    color: #feb2b2;
+    color: rgba(254, 178, 178, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-400:focus {
+    --text-opacity: 1;
+    color: #fc8181;
+    color: rgba(252, 129, 129, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-500:focus {
+    --text-opacity: 1;
+    color: #f56565;
+    color: rgba(245, 101, 101, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-600:focus {
+    --text-opacity: 1;
+    color: #e53e3e;
+    color: rgba(229, 62, 62, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-700:focus {
+    --text-opacity: 1;
+    color: #c53030;
+    color: rgba(197, 48, 48, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-800:focus {
+    --text-opacity: 1;
+    color: #9b2c2c;
+    color: rgba(155, 44, 44, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-red-900:focus {
+    --text-opacity: 1;
+    color: #742a2a;
+    color: rgba(116, 42, 42, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
+    color: #fffaf0;
+    color: rgba(255, 250, 240, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
+    color: #feebc8;
+    color: rgba(254, 235, 200, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
+    color: #fbd38d;
+    color: rgba(251, 211, 141, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
+    color: #f6ad55;
+    color: rgba(246, 173, 85, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
+    color: #ed8936;
+    color: rgba(237, 137, 54, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
+    color: #dd6b20;
+    color: rgba(221, 107, 32, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
+    color: #c05621;
+    color: rgba(192, 86, 33, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
+    color: #9c4221;
+    color: rgba(156, 66, 33, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
+    color: #7b341e;
+    color: rgba(123, 52, 30, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
+    color: #fffff0;
+    color: rgba(255, 255, 240, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
+    color: #fefcbf;
+    color: rgba(254, 252, 191, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
+    color: #faf089;
+    color: rgba(250, 240, 137, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
+    color: #f6e05e;
+    color: rgba(246, 224, 94, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
+    color: #ecc94b;
+    color: rgba(236, 201, 75, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
+    color: #d69e2e;
+    color: rgba(214, 158, 46, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
+    color: #b7791f;
+    color: rgba(183, 121, 31, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
+    color: #975a16;
+    color: rgba(151, 90, 22, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
+    color: #744210;
+    color: rgba(116, 66, 16, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-100:focus {
+    --text-opacity: 1;
+    color: #f0fff4;
+    color: rgba(240, 255, 244, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-200:focus {
+    --text-opacity: 1;
+    color: #c6f6d5;
+    color: rgba(198, 246, 213, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-300:focus {
+    --text-opacity: 1;
+    color: #9ae6b4;
+    color: rgba(154, 230, 180, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-400:focus {
+    --text-opacity: 1;
+    color: #68d391;
+    color: rgba(104, 211, 145, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-500:focus {
+    --text-opacity: 1;
+    color: #48bb78;
+    color: rgba(72, 187, 120, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-600:focus {
+    --text-opacity: 1;
+    color: #38a169;
+    color: rgba(56, 161, 105, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-700:focus {
+    --text-opacity: 1;
+    color: #2f855a;
+    color: rgba(47, 133, 90, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-800:focus {
+    --text-opacity: 1;
+    color: #276749;
+    color: rgba(39, 103, 73, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-green-900:focus {
+    --text-opacity: 1;
+    color: #22543d;
+    color: rgba(34, 84, 61, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
+    color: #e6fffa;
+    color: rgba(230, 255, 250, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
+    color: #b2f5ea;
+    color: rgba(178, 245, 234, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
+    color: #81e6d9;
+    color: rgba(129, 230, 217, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
+    color: #4fd1c5;
+    color: rgba(79, 209, 197, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
+    color: #38b2ac;
+    color: rgba(56, 178, 172, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
+    color: #319795;
+    color: rgba(49, 151, 149, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
+    color: #2c7a7b;
+    color: rgba(44, 122, 123, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
+    color: #285e61;
+    color: rgba(40, 94, 97, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
+    color: #234e52;
+    color: rgba(35, 78, 82, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
+    color: #ebf8ff;
+    color: rgba(235, 248, 255, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
+    color: #bee3f8;
+    color: rgba(190, 227, 248, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
+    color: #90cdf4;
+    color: rgba(144, 205, 244, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
+    color: #63b3ed;
+    color: rgba(99, 179, 237, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
+    color: #4299e1;
+    color: rgba(66, 153, 225, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
+    color: #3182ce;
+    color: rgba(49, 130, 206, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
+    color: #2b6cb0;
+    color: rgba(43, 108, 176, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
+    color: #2c5282;
+    color: rgba(44, 82, 130, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
+    color: #2a4365;
+    color: rgba(42, 67, 101, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
+    color: #ebf4ff;
+    color: rgba(235, 244, 255, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
+    color: #c3dafe;
+    color: rgba(195, 218, 254, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
+    color: #a3bffa;
+    color: rgba(163, 191, 250, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
+    color: #7f9cf5;
+    color: rgba(127, 156, 245, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
+    color: #667eea;
+    color: rgba(102, 126, 234, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
+    color: #5a67d8;
+    color: rgba(90, 103, 216, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
+    color: #4c51bf;
+    color: rgba(76, 81, 191, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
+    color: #434190;
+    color: rgba(67, 65, 144, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
+    color: #3c366b;
+    color: rgba(60, 54, 107, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
+    color: #faf5ff;
+    color: rgba(250, 245, 255, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
+    color: #e9d8fd;
+    color: rgba(233, 216, 253, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
+    color: #d6bcfa;
+    color: rgba(214, 188, 250, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
+    color: #b794f4;
+    color: rgba(183, 148, 244, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
+    color: #9f7aea;
+    color: rgba(159, 122, 234, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
+    color: #805ad5;
+    color: rgba(128, 90, 213, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
+    color: #6b46c1;
+    color: rgba(107, 70, 193, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
+    color: #553c9a;
+    color: rgba(85, 60, 154, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
+    color: #44337a;
+    color: rgba(68, 51, 122, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
+    color: #fff5f7;
+    color: rgba(255, 245, 247, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
+    color: #fed7e2;
+    color: rgba(254, 215, 226, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
+    color: #fbb6ce;
+    color: rgba(251, 182, 206, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
+    color: #f687b3;
+    color: rgba(246, 135, 179, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
+    color: #ed64a6;
+    color: rgba(237, 100, 166, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
+    color: #d53f8c;
+    color: rgba(213, 63, 140, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
+    color: #b83280;
+    color: rgba(184, 50, 128, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
+    color: #97266d;
+    color: rgba(151, 38, 109, var(--text-opacity));
+  }
+
+  .xs\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
+    color: #702459;
+    color: rgba(112, 36, 89, var(--text-opacity));
+  }
+
+  .xs\:text-opacity-0 {
+    --text-opacity: 0;
+  }
+
+  .xs\:text-opacity-25 {
+    --text-opacity: 0.25;
+  }
+
+  .xs\:text-opacity-50 {
+    --text-opacity: 0.5;
+  }
+
+  .xs\:text-opacity-75 {
+    --text-opacity: 0.75;
+  }
+
+  .xs\:text-opacity-100 {
+    --text-opacity: 1;
+  }
+
+  .xs\:hover\:text-opacity-0:hover {
+    --text-opacity: 0;
+  }
+
+  .xs\:hover\:text-opacity-25:hover {
+    --text-opacity: 0.25;
+  }
+
+  .xs\:hover\:text-opacity-50:hover {
+    --text-opacity: 0.5;
+  }
+
+  .xs\:hover\:text-opacity-75:hover {
+    --text-opacity: 0.75;
+  }
+
+  .xs\:hover\:text-opacity-100:hover {
+    --text-opacity: 1;
+  }
+
+  .xs\:focus\:text-opacity-0:focus {
+    --text-opacity: 0;
+  }
+
+  .xs\:focus\:text-opacity-25:focus {
+    --text-opacity: 0.25;
+  }
+
+  .xs\:focus\:text-opacity-50:focus {
+    --text-opacity: 0.5;
+  }
+
+  .xs\:focus\:text-opacity-75:focus {
+    --text-opacity: 0.75;
+  }
+
+  .xs\:focus\:text-opacity-100:focus {
+    --text-opacity: 1;
+  }
+
+  .xs\:italic {
+    font-style: italic;
+  }
+
+  .xs\:not-italic {
+    font-style: normal;
+  }
+
+  .xs\:uppercase {
+    text-transform: uppercase;
+  }
+
+  .xs\:lowercase {
+    text-transform: lowercase;
+  }
+
+  .xs\:capitalize {
+    text-transform: capitalize;
+  }
+
+  .xs\:normal-case {
+    text-transform: none;
+  }
+
+  .xs\:underline {
+    text-decoration: underline;
+  }
+
+  .xs\:line-through {
+    text-decoration: line-through;
+  }
+
+  .xs\:no-underline {
+    text-decoration: none;
+  }
+
+  .xs\:hover\:underline:hover {
+    text-decoration: underline;
+  }
+
+  .xs\:hover\:line-through:hover {
+    text-decoration: line-through;
+  }
+
+  .xs\:hover\:no-underline:hover {
+    text-decoration: none;
+  }
+
+  .xs\:focus\:underline:focus {
+    text-decoration: underline;
+  }
+
+  .xs\:focus\:line-through:focus {
+    text-decoration: line-through;
+  }
+
+  .xs\:focus\:no-underline:focus {
+    text-decoration: none;
+  }
+
+  .xs\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .xs\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+  }
+
+  .xs\:ordinal, .xs\:slashed-zero, .xs\:lining-nums, .xs\:oldstyle-nums, .xs\:proportional-nums, .xs\:tabular-nums, .xs\:diagonal-fractions, .xs\:stacked-fractions {
+    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
+    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
+    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
+  }
+
+  .xs\:normal-nums {
+    font-variant-numeric: normal;
+  }
+
+  .xs\:ordinal {
+    --font-variant-numeric-ordinal: ordinal;
+  }
+
+  .xs\:slashed-zero {
+    --font-variant-numeric-slashed-zero: slashed-zero;
+  }
+
+  .xs\:lining-nums {
+    --font-variant-numeric-figure: lining-nums;
+  }
+
+  .xs\:oldstyle-nums {
+    --font-variant-numeric-figure: oldstyle-nums;
+  }
+
+  .xs\:proportional-nums {
+    --font-variant-numeric-spacing: proportional-nums;
+  }
+
+  .xs\:tabular-nums {
+    --font-variant-numeric-spacing: tabular-nums;
+  }
+
+  .xs\:diagonal-fractions {
+    --font-variant-numeric-fraction: diagonal-fractions;
+  }
+
+  .xs\:stacked-fractions {
+    --font-variant-numeric-fraction: stacked-fractions;
+  }
+
+  .xs\:tracking-tighter {
+    letter-spacing: -0.05em;
+  }
+
+  .xs\:tracking-tight {
+    letter-spacing: -0.025em;
+  }
+
+  .xs\:tracking-normal {
+    letter-spacing: 0;
+  }
+
+  .xs\:tracking-wide {
+    letter-spacing: 0.025em;
+  }
+
+  .xs\:tracking-wider {
+    letter-spacing: 0.05em;
+  }
+
+  .xs\:tracking-widest {
+    letter-spacing: 0.1em;
+  }
+
+  .xs\:select-none {
+    -webkit-user-select: none;
+            user-select: none;
+  }
+
+  .xs\:select-text {
+    -webkit-user-select: text;
+            user-select: text;
+  }
+
+  .xs\:select-all {
+    -webkit-user-select: all;
+            user-select: all;
+  }
+
+  .xs\:select-auto {
+    -webkit-user-select: auto;
+            user-select: auto;
+  }
+
+  .xs\:align-baseline {
+    vertical-align: baseline;
+  }
+
+  .xs\:align-top {
+    vertical-align: top;
+  }
+
+  .xs\:align-middle {
+    vertical-align: middle;
+  }
+
+  .xs\:align-bottom {
+    vertical-align: bottom;
+  }
+
+  .xs\:align-text-top {
+    vertical-align: text-top;
+  }
+
+  .xs\:align-text-bottom {
+    vertical-align: text-bottom;
+  }
+
+  .xs\:visible {
+    visibility: visible;
+  }
+
+  .xs\:invisible {
+    visibility: hidden;
+  }
+
+  .xs\:whitespace-normal {
+    white-space: normal;
+  }
+
+  .xs\:whitespace-no-wrap {
+    white-space: nowrap;
+  }
+
+  .xs\:whitespace-pre {
+    white-space: pre;
+  }
+
+  .xs\:whitespace-pre-line {
+    white-space: pre-line;
+  }
+
+  .xs\:whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+
+  .xs\:break-normal {
+    word-wrap: normal;
+    overflow-wrap: normal;
+    word-break: normal;
+  }
+
+  .xs\:break-words {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+  }
+
+  .xs\:break-all {
+    word-break: break-all;
+  }
+
+  .xs\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .xs\:w-0 {
+    width: 0;
+  }
+
+  .xs\:w-1 {
+    width: 0.25rem;
+  }
+
+  .xs\:w-2 {
+    width: 0.5rem;
+  }
+
+  .xs\:w-3 {
+    width: 0.75rem;
+  }
+
+  .xs\:w-4 {
+    width: 1rem;
+  }
+
+  .xs\:w-5 {
+    width: 1.25rem;
+  }
+
+  .xs\:w-6 {
+    width: 1.5rem;
+  }
+
+  .xs\:w-8 {
+    width: 2rem;
+  }
+
+  .xs\:w-10 {
+    width: 2.5rem;
+  }
+
+  .xs\:w-12 {
+    width: 3rem;
+  }
+
+  .xs\:w-16 {
+    width: 4rem;
+  }
+
+  .xs\:w-20 {
+    width: 5rem;
+  }
+
+  .xs\:w-24 {
+    width: 6rem;
+  }
+
+  .xs\:w-32 {
+    width: 8rem;
+  }
+
+  .xs\:w-40 {
+    width: 10rem;
+  }
+
+  .xs\:w-48 {
+    width: 12rem;
+  }
+
+  .xs\:w-56 {
+    width: 14rem;
+  }
+
+  .xs\:w-64 {
+    width: 16rem;
+  }
+
+  .xs\:w-auto {
+    width: auto;
+  }
+
+  .xs\:w-px {
+    width: 1px;
+  }
+
+  .xs\:w-1\/2 {
+    width: 50%;
+  }
+
+  .xs\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .xs\:w-2\/3 {
+    width: 66.666667%;
+  }
+
+  .xs\:w-1\/4 {
+    width: 25%;
+  }
+
+  .xs\:w-2\/4 {
+    width: 50%;
+  }
+
+  .xs\:w-3\/4 {
+    width: 75%;
+  }
+
+  .xs\:w-1\/5 {
+    width: 20%;
+  }
+
+  .xs\:w-2\/5 {
+    width: 40%;
+  }
+
+  .xs\:w-3\/5 {
+    width: 60%;
+  }
+
+  .xs\:w-4\/5 {
+    width: 80%;
+  }
+
+  .xs\:w-1\/6 {
+    width: 16.666667%;
+  }
+
+  .xs\:w-2\/6 {
+    width: 33.333333%;
+  }
+
+  .xs\:w-3\/6 {
+    width: 50%;
+  }
+
+  .xs\:w-4\/6 {
+    width: 66.666667%;
+  }
+
+  .xs\:w-5\/6 {
+    width: 83.333333%;
+  }
+
+  .xs\:w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .xs\:w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .xs\:w-3\/12 {
+    width: 25%;
+  }
+
+  .xs\:w-4\/12 {
+    width: 33.333333%;
+  }
+
+  .xs\:w-5\/12 {
+    width: 41.666667%;
+  }
+
+  .xs\:w-6\/12 {
+    width: 50%;
+  }
+
+  .xs\:w-7\/12 {
+    width: 58.333333%;
+  }
+
+  .xs\:w-8\/12 {
+    width: 66.666667%;
+  }
+
+  .xs\:w-9\/12 {
+    width: 75%;
+  }
+
+  .xs\:w-10\/12 {
+    width: 83.333333%;
+  }
+
+  .xs\:w-11\/12 {
+    width: 91.666667%;
+  }
+
+  .xs\:w-full {
+    width: 100%;
+  }
+
+  .xs\:w-screen {
+    width: 100vw;
+  }
+
+  .xs\:z-0 {
+    z-index: 0;
+  }
+
+  .xs\:z-10 {
+    z-index: 10;
+  }
+
+  .xs\:z-20 {
+    z-index: 20;
+  }
+
+  .xs\:z-30 {
+    z-index: 30;
+  }
+
+  .xs\:z-40 {
+    z-index: 40;
+  }
+
+  .xs\:z-50 {
+    z-index: 50;
+  }
+
+  .xs\:z-auto {
+    z-index: auto;
+  }
+
+  .xs\:gap-0 {
+    grid-gap: 0;
+    gap: 0;
+  }
+
+  .xs\:gap-1 {
+    grid-gap: 0.25rem;
+    gap: 0.25rem;
+  }
+
+  .xs\:gap-2 {
+    grid-gap: 0.5rem;
+    gap: 0.5rem;
+  }
+
+  .xs\:gap-3 {
+    grid-gap: 0.75rem;
+    gap: 0.75rem;
+  }
+
+  .xs\:gap-4 {
+    grid-gap: 1rem;
+    gap: 1rem;
+  }
+
+  .xs\:gap-5 {
+    grid-gap: 1.25rem;
+    gap: 1.25rem;
+  }
+
+  .xs\:gap-6 {
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+  }
+
+  .xs\:gap-8 {
+    grid-gap: 2rem;
+    gap: 2rem;
+  }
+
+  .xs\:gap-10 {
+    grid-gap: 2.5rem;
+    gap: 2.5rem;
+  }
+
+  .xs\:gap-12 {
+    grid-gap: 3rem;
+    gap: 3rem;
+  }
+
+  .xs\:gap-16 {
+    grid-gap: 4rem;
+    gap: 4rem;
+  }
+
+  .xs\:gap-20 {
+    grid-gap: 5rem;
+    gap: 5rem;
+  }
+
+  .xs\:gap-24 {
+    grid-gap: 6rem;
+    gap: 6rem;
+  }
+
+  .xs\:gap-32 {
+    grid-gap: 8rem;
+    gap: 8rem;
+  }
+
+  .xs\:gap-40 {
+    grid-gap: 10rem;
+    gap: 10rem;
+  }
+
+  .xs\:gap-48 {
+    grid-gap: 12rem;
+    gap: 12rem;
+  }
+
+  .xs\:gap-56 {
+    grid-gap: 14rem;
+    gap: 14rem;
+  }
+
+  .xs\:gap-64 {
+    grid-gap: 16rem;
+    gap: 16rem;
+  }
+
+  .xs\:gap-px {
+    grid-gap: 1px;
+    gap: 1px;
+  }
+
+  .xs\:col-gap-0 {
+    grid-column-gap: 0;
+    column-gap: 0;
+  }
+
+  .xs\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    column-gap: 0.25rem;
+  }
+
+  .xs\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    column-gap: 0.5rem;
+  }
+
+  .xs\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    column-gap: 0.75rem;
+  }
+
+  .xs\:col-gap-4 {
+    grid-column-gap: 1rem;
+    column-gap: 1rem;
+  }
+
+  .xs\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+  }
+
+  .xs\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    column-gap: 1.5rem;
+  }
+
+  .xs\:col-gap-8 {
+    grid-column-gap: 2rem;
+    column-gap: 2rem;
+  }
+
+  .xs\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    column-gap: 2.5rem;
+  }
+
+  .xs\:col-gap-12 {
+    grid-column-gap: 3rem;
+    column-gap: 3rem;
+  }
+
+  .xs\:col-gap-16 {
+    grid-column-gap: 4rem;
+    column-gap: 4rem;
+  }
+
+  .xs\:col-gap-20 {
+    grid-column-gap: 5rem;
+    column-gap: 5rem;
+  }
+
+  .xs\:col-gap-24 {
+    grid-column-gap: 6rem;
+    column-gap: 6rem;
+  }
+
+  .xs\:col-gap-32 {
+    grid-column-gap: 8rem;
+    column-gap: 8rem;
+  }
+
+  .xs\:col-gap-40 {
+    grid-column-gap: 10rem;
+    column-gap: 10rem;
+  }
+
+  .xs\:col-gap-48 {
+    grid-column-gap: 12rem;
+    column-gap: 12rem;
+  }
+
+  .xs\:col-gap-56 {
+    grid-column-gap: 14rem;
+    column-gap: 14rem;
+  }
+
+  .xs\:col-gap-64 {
+    grid-column-gap: 16rem;
+    column-gap: 16rem;
+  }
+
+  .xs\:col-gap-px {
+    grid-column-gap: 1px;
+    column-gap: 1px;
+  }
+
+  .xs\:gap-x-0 {
+    grid-column-gap: 0;
+    column-gap: 0;
+  }
+
+  .xs\:gap-x-1 {
+    grid-column-gap: 0.25rem;
+    column-gap: 0.25rem;
+  }
+
+  .xs\:gap-x-2 {
+    grid-column-gap: 0.5rem;
+    column-gap: 0.5rem;
+  }
+
+  .xs\:gap-x-3 {
+    grid-column-gap: 0.75rem;
+    column-gap: 0.75rem;
+  }
+
+  .xs\:gap-x-4 {
+    grid-column-gap: 1rem;
+    column-gap: 1rem;
+  }
+
+  .xs\:gap-x-5 {
+    grid-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+  }
+
+  .xs\:gap-x-6 {
+    grid-column-gap: 1.5rem;
+    column-gap: 1.5rem;
+  }
+
+  .xs\:gap-x-8 {
+    grid-column-gap: 2rem;
+    column-gap: 2rem;
+  }
+
+  .xs\:gap-x-10 {
+    grid-column-gap: 2.5rem;
+    column-gap: 2.5rem;
+  }
+
+  .xs\:gap-x-12 {
+    grid-column-gap: 3rem;
+    column-gap: 3rem;
+  }
+
+  .xs\:gap-x-16 {
+    grid-column-gap: 4rem;
+    column-gap: 4rem;
+  }
+
+  .xs\:gap-x-20 {
+    grid-column-gap: 5rem;
+    column-gap: 5rem;
+  }
+
+  .xs\:gap-x-24 {
+    grid-column-gap: 6rem;
+    column-gap: 6rem;
+  }
+
+  .xs\:gap-x-32 {
+    grid-column-gap: 8rem;
+    column-gap: 8rem;
+  }
+
+  .xs\:gap-x-40 {
+    grid-column-gap: 10rem;
+    column-gap: 10rem;
+  }
+
+  .xs\:gap-x-48 {
+    grid-column-gap: 12rem;
+    column-gap: 12rem;
+  }
+
+  .xs\:gap-x-56 {
+    grid-column-gap: 14rem;
+    column-gap: 14rem;
+  }
+
+  .xs\:gap-x-64 {
+    grid-column-gap: 16rem;
+    column-gap: 16rem;
+  }
+
+  .xs\:gap-x-px {
+    grid-column-gap: 1px;
+    column-gap: 1px;
+  }
+
+  .xs\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .xs\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .xs\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .xs\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .xs\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .xs\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .xs\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .xs\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .xs\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .xs\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .xs\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .xs\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .xs\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .xs\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .xs\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .xs\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .xs\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .xs\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .xs\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .xs\:gap-y-0 {
+    grid-row-gap: 0;
+    row-gap: 0;
+  }
+
+  .xs\:gap-y-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem;
+  }
+
+  .xs\:gap-y-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem;
+  }
+
+  .xs\:gap-y-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem;
+  }
+
+  .xs\:gap-y-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem;
+  }
+
+  .xs\:gap-y-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem;
+  }
+
+  .xs\:gap-y-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem;
+  }
+
+  .xs\:gap-y-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem;
+  }
+
+  .xs\:gap-y-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem;
+  }
+
+  .xs\:gap-y-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem;
+  }
+
+  .xs\:gap-y-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem;
+  }
+
+  .xs\:gap-y-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem;
+  }
+
+  .xs\:gap-y-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem;
+  }
+
+  .xs\:gap-y-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem;
+  }
+
+  .xs\:gap-y-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem;
+  }
+
+  .xs\:gap-y-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem;
+  }
+
+  .xs\:gap-y-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem;
+  }
+
+  .xs\:gap-y-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem;
+  }
+
+  .xs\:gap-y-px {
+    grid-row-gap: 1px;
+    row-gap: 1px;
+  }
+
+  .xs\:grid-flow-row {
+    grid-auto-flow: row;
+  }
+
+  .xs\:grid-flow-col {
+    grid-auto-flow: column;
+  }
+
+  .xs\:grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
+
+  .xs\:grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+
+  .xs\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xs\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .xs\:auto-cols-auto {
+    grid-auto-columns: auto;
+  }
+
+  .xs\:auto-cols-min {
+    grid-auto-columns: min-content;
+  }
+
+  .xs\:auto-cols-max {
+    grid-auto-columns: max-content;
+  }
+
+  .xs\:auto-cols-fr {
+    grid-auto-columns: minmax(0, 1fr);
+  }
+
+  .xs\:col-auto {
+    grid-column: auto;
+  }
+
+  .xs\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xs\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xs\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xs\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xs\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xs\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xs\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xs\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xs\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xs\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xs\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xs\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xs\:col-span-full {
+    grid-column: 1 / -1;
+  }
+
+  .xs\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xs\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xs\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xs\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xs\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xs\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xs\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xs\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xs\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xs\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xs\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xs\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xs\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xs\:col-start-auto {
+    grid-column-start: auto;
+  }
+
+  .xs\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xs\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xs\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xs\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xs\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xs\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xs\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xs\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xs\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xs\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xs\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xs\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xs\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xs\:col-end-auto {
+    grid-column-end: auto;
+  }
+
+  .xs\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .xs\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+
+  .xs\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+
+  .xs\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+
+  .xs\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+
+  .xs\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
+
+  .xs\:grid-rows-none {
+    grid-template-rows: none;
+  }
+
+  .xs\:auto-rows-auto {
+    grid-auto-rows: auto;
+  }
+
+  .xs\:auto-rows-min {
+    grid-auto-rows: min-content;
+  }
+
+  .xs\:auto-rows-max {
+    grid-auto-rows: max-content;
+  }
+
+  .xs\:auto-rows-fr {
+    grid-auto-rows: minmax(0, 1fr);
+  }
+
+  .xs\:row-auto {
+    grid-row: auto;
+  }
+
+  .xs\:row-span-1 {
+    grid-row: span 1 / span 1;
+  }
+
+  .xs\:row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .xs\:row-span-3 {
+    grid-row: span 3 / span 3;
+  }
+
+  .xs\:row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+
+  .xs\:row-span-5 {
+    grid-row: span 5 / span 5;
+  }
+
+  .xs\:row-span-6 {
+    grid-row: span 6 / span 6;
+  }
+
+  .xs\:row-span-full {
+    grid-row: 1 / -1;
+  }
+
+  .xs\:row-start-1 {
+    grid-row-start: 1;
+  }
+
+  .xs\:row-start-2 {
+    grid-row-start: 2;
+  }
+
+  .xs\:row-start-3 {
+    grid-row-start: 3;
+  }
+
+  .xs\:row-start-4 {
+    grid-row-start: 4;
+  }
+
+  .xs\:row-start-5 {
+    grid-row-start: 5;
+  }
+
+  .xs\:row-start-6 {
+    grid-row-start: 6;
+  }
+
+  .xs\:row-start-7 {
+    grid-row-start: 7;
+  }
+
+  .xs\:row-start-auto {
+    grid-row-start: auto;
+  }
+
+  .xs\:row-end-1 {
+    grid-row-end: 1;
+  }
+
+  .xs\:row-end-2 {
+    grid-row-end: 2;
+  }
+
+  .xs\:row-end-3 {
+    grid-row-end: 3;
+  }
+
+  .xs\:row-end-4 {
+    grid-row-end: 4;
+  }
+
+  .xs\:row-end-5 {
+    grid-row-end: 5;
+  }
+
+  .xs\:row-end-6 {
+    grid-row-end: 6;
+  }
+
+  .xs\:row-end-7 {
+    grid-row-end: 7;
+  }
+
+  .xs\:row-end-auto {
+    grid-row-end: auto;
+  }
+
+  .xs\:transform {
+    --transform-translate-x: 0;
+    --transform-translate-y: 0;
+    --transform-rotate: 0;
+    --transform-skew-x: 0;
+    --transform-skew-y: 0;
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
+  }
+
+  .xs\:transform-none {
+    transform: none;
+  }
+
+  .xs\:origin-center {
+    transform-origin: center;
+  }
+
+  .xs\:origin-top {
+    transform-origin: top;
+  }
+
+  .xs\:origin-top-right {
+    transform-origin: top right;
+  }
+
+  .xs\:origin-right {
+    transform-origin: right;
+  }
+
+  .xs\:origin-bottom-right {
+    transform-origin: bottom right;
+  }
+
+  .xs\:origin-bottom {
+    transform-origin: bottom;
+  }
+
+  .xs\:origin-bottom-left {
+    transform-origin: bottom left;
+  }
+
+  .xs\:origin-left {
+    transform-origin: left;
+  }
+
+  .xs\:origin-top-left {
+    transform-origin: top left;
+  }
+
+  .xs\:scale-0 {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .xs\:scale-50 {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .xs\:scale-75 {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .xs\:scale-90 {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .xs\:scale-95 {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .xs\:scale-100 {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .xs\:scale-105 {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .xs\:scale-110 {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .xs\:scale-125 {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .xs\:scale-150 {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .xs\:scale-x-0 {
+    --transform-scale-x: 0;
+  }
+
+  .xs\:scale-x-50 {
+    --transform-scale-x: .5;
+  }
+
+  .xs\:scale-x-75 {
+    --transform-scale-x: .75;
+  }
+
+  .xs\:scale-x-90 {
+    --transform-scale-x: .9;
+  }
+
+  .xs\:scale-x-95 {
+    --transform-scale-x: .95;
+  }
+
+  .xs\:scale-x-100 {
+    --transform-scale-x: 1;
+  }
+
+  .xs\:scale-x-105 {
+    --transform-scale-x: 1.05;
+  }
+
+  .xs\:scale-x-110 {
+    --transform-scale-x: 1.1;
+  }
+
+  .xs\:scale-x-125 {
+    --transform-scale-x: 1.25;
+  }
+
+  .xs\:scale-x-150 {
+    --transform-scale-x: 1.5;
+  }
+
+  .xs\:scale-y-0 {
+    --transform-scale-y: 0;
+  }
+
+  .xs\:scale-y-50 {
+    --transform-scale-y: .5;
+  }
+
+  .xs\:scale-y-75 {
+    --transform-scale-y: .75;
+  }
+
+  .xs\:scale-y-90 {
+    --transform-scale-y: .9;
+  }
+
+  .xs\:scale-y-95 {
+    --transform-scale-y: .95;
+  }
+
+  .xs\:scale-y-100 {
+    --transform-scale-y: 1;
+  }
+
+  .xs\:scale-y-105 {
+    --transform-scale-y: 1.05;
+  }
+
+  .xs\:scale-y-110 {
+    --transform-scale-y: 1.1;
+  }
+
+  .xs\:scale-y-125 {
+    --transform-scale-y: 1.25;
+  }
+
+  .xs\:scale-y-150 {
+    --transform-scale-y: 1.5;
+  }
+
+  .xs\:hover\:scale-0:hover {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .xs\:hover\:scale-50:hover {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .xs\:hover\:scale-75:hover {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .xs\:hover\:scale-90:hover {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .xs\:hover\:scale-95:hover {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .xs\:hover\:scale-100:hover {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .xs\:hover\:scale-105:hover {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .xs\:hover\:scale-110:hover {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .xs\:hover\:scale-125:hover {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .xs\:hover\:scale-150:hover {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .xs\:hover\:scale-x-0:hover {
+    --transform-scale-x: 0;
+  }
+
+  .xs\:hover\:scale-x-50:hover {
+    --transform-scale-x: .5;
+  }
+
+  .xs\:hover\:scale-x-75:hover {
+    --transform-scale-x: .75;
+  }
+
+  .xs\:hover\:scale-x-90:hover {
+    --transform-scale-x: .9;
+  }
+
+  .xs\:hover\:scale-x-95:hover {
+    --transform-scale-x: .95;
+  }
+
+  .xs\:hover\:scale-x-100:hover {
+    --transform-scale-x: 1;
+  }
+
+  .xs\:hover\:scale-x-105:hover {
+    --transform-scale-x: 1.05;
+  }
+
+  .xs\:hover\:scale-x-110:hover {
+    --transform-scale-x: 1.1;
+  }
+
+  .xs\:hover\:scale-x-125:hover {
+    --transform-scale-x: 1.25;
+  }
+
+  .xs\:hover\:scale-x-150:hover {
+    --transform-scale-x: 1.5;
+  }
+
+  .xs\:hover\:scale-y-0:hover {
+    --transform-scale-y: 0;
+  }
+
+  .xs\:hover\:scale-y-50:hover {
+    --transform-scale-y: .5;
+  }
+
+  .xs\:hover\:scale-y-75:hover {
+    --transform-scale-y: .75;
+  }
+
+  .xs\:hover\:scale-y-90:hover {
+    --transform-scale-y: .9;
+  }
+
+  .xs\:hover\:scale-y-95:hover {
+    --transform-scale-y: .95;
+  }
+
+  .xs\:hover\:scale-y-100:hover {
+    --transform-scale-y: 1;
+  }
+
+  .xs\:hover\:scale-y-105:hover {
+    --transform-scale-y: 1.05;
+  }
+
+  .xs\:hover\:scale-y-110:hover {
+    --transform-scale-y: 1.1;
+  }
+
+  .xs\:hover\:scale-y-125:hover {
+    --transform-scale-y: 1.25;
+  }
+
+  .xs\:hover\:scale-y-150:hover {
+    --transform-scale-y: 1.5;
+  }
+
+  .xs\:focus\:scale-0:focus {
+    --transform-scale-x: 0;
+    --transform-scale-y: 0;
+  }
+
+  .xs\:focus\:scale-50:focus {
+    --transform-scale-x: .5;
+    --transform-scale-y: .5;
+  }
+
+  .xs\:focus\:scale-75:focus {
+    --transform-scale-x: .75;
+    --transform-scale-y: .75;
+  }
+
+  .xs\:focus\:scale-90:focus {
+    --transform-scale-x: .9;
+    --transform-scale-y: .9;
+  }
+
+  .xs\:focus\:scale-95:focus {
+    --transform-scale-x: .95;
+    --transform-scale-y: .95;
+  }
+
+  .xs\:focus\:scale-100:focus {
+    --transform-scale-x: 1;
+    --transform-scale-y: 1;
+  }
+
+  .xs\:focus\:scale-105:focus {
+    --transform-scale-x: 1.05;
+    --transform-scale-y: 1.05;
+  }
+
+  .xs\:focus\:scale-110:focus {
+    --transform-scale-x: 1.1;
+    --transform-scale-y: 1.1;
+  }
+
+  .xs\:focus\:scale-125:focus {
+    --transform-scale-x: 1.25;
+    --transform-scale-y: 1.25;
+  }
+
+  .xs\:focus\:scale-150:focus {
+    --transform-scale-x: 1.5;
+    --transform-scale-y: 1.5;
+  }
+
+  .xs\:focus\:scale-x-0:focus {
+    --transform-scale-x: 0;
+  }
+
+  .xs\:focus\:scale-x-50:focus {
+    --transform-scale-x: .5;
+  }
+
+  .xs\:focus\:scale-x-75:focus {
+    --transform-scale-x: .75;
+  }
+
+  .xs\:focus\:scale-x-90:focus {
+    --transform-scale-x: .9;
+  }
+
+  .xs\:focus\:scale-x-95:focus {
+    --transform-scale-x: .95;
+  }
+
+  .xs\:focus\:scale-x-100:focus {
+    --transform-scale-x: 1;
+  }
+
+  .xs\:focus\:scale-x-105:focus {
+    --transform-scale-x: 1.05;
+  }
+
+  .xs\:focus\:scale-x-110:focus {
+    --transform-scale-x: 1.1;
+  }
+
+  .xs\:focus\:scale-x-125:focus {
+    --transform-scale-x: 1.25;
+  }
+
+  .xs\:focus\:scale-x-150:focus {
+    --transform-scale-x: 1.5;
+  }
+
+  .xs\:focus\:scale-y-0:focus {
+    --transform-scale-y: 0;
+  }
+
+  .xs\:focus\:scale-y-50:focus {
+    --transform-scale-y: .5;
+  }
+
+  .xs\:focus\:scale-y-75:focus {
+    --transform-scale-y: .75;
+  }
+
+  .xs\:focus\:scale-y-90:focus {
+    --transform-scale-y: .9;
+  }
+
+  .xs\:focus\:scale-y-95:focus {
+    --transform-scale-y: .95;
+  }
+
+  .xs\:focus\:scale-y-100:focus {
+    --transform-scale-y: 1;
+  }
+
+  .xs\:focus\:scale-y-105:focus {
+    --transform-scale-y: 1.05;
+  }
+
+  .xs\:focus\:scale-y-110:focus {
+    --transform-scale-y: 1.1;
+  }
+
+  .xs\:focus\:scale-y-125:focus {
+    --transform-scale-y: 1.25;
+  }
+
+  .xs\:focus\:scale-y-150:focus {
+    --transform-scale-y: 1.5;
+  }
+
+  .xs\:rotate-0 {
+    --transform-rotate: 0;
+  }
+
+  .xs\:rotate-1 {
+    --transform-rotate: 1deg;
+  }
+
+  .xs\:rotate-2 {
+    --transform-rotate: 2deg;
+  }
+
+  .xs\:rotate-3 {
+    --transform-rotate: 3deg;
+  }
+
+  .xs\:rotate-6 {
+    --transform-rotate: 6deg;
+  }
+
+  .xs\:rotate-12 {
+    --transform-rotate: 12deg;
+  }
+
+  .xs\:rotate-45 {
+    --transform-rotate: 45deg;
+  }
+
+  .xs\:rotate-90 {
+    --transform-rotate: 90deg;
+  }
+
+  .xs\:rotate-180 {
+    --transform-rotate: 180deg;
+  }
+
+  .xs\:-rotate-180 {
+    --transform-rotate: -180deg;
+  }
+
+  .xs\:-rotate-90 {
+    --transform-rotate: -90deg;
+  }
+
+  .xs\:-rotate-45 {
+    --transform-rotate: -45deg;
+  }
+
+  .xs\:-rotate-12 {
+    --transform-rotate: -12deg;
+  }
+
+  .xs\:-rotate-6 {
+    --transform-rotate: -6deg;
+  }
+
+  .xs\:-rotate-3 {
+    --transform-rotate: -3deg;
+  }
+
+  .xs\:-rotate-2 {
+    --transform-rotate: -2deg;
+  }
+
+  .xs\:-rotate-1 {
+    --transform-rotate: -1deg;
+  }
+
+  .xs\:hover\:rotate-0:hover {
+    --transform-rotate: 0;
+  }
+
+  .xs\:hover\:rotate-1:hover {
+    --transform-rotate: 1deg;
+  }
+
+  .xs\:hover\:rotate-2:hover {
+    --transform-rotate: 2deg;
+  }
+
+  .xs\:hover\:rotate-3:hover {
+    --transform-rotate: 3deg;
+  }
+
+  .xs\:hover\:rotate-6:hover {
+    --transform-rotate: 6deg;
+  }
+
+  .xs\:hover\:rotate-12:hover {
+    --transform-rotate: 12deg;
+  }
+
+  .xs\:hover\:rotate-45:hover {
+    --transform-rotate: 45deg;
+  }
+
+  .xs\:hover\:rotate-90:hover {
+    --transform-rotate: 90deg;
+  }
+
+  .xs\:hover\:rotate-180:hover {
+    --transform-rotate: 180deg;
+  }
+
+  .xs\:hover\:-rotate-180:hover {
+    --transform-rotate: -180deg;
+  }
+
+  .xs\:hover\:-rotate-90:hover {
+    --transform-rotate: -90deg;
+  }
+
+  .xs\:hover\:-rotate-45:hover {
+    --transform-rotate: -45deg;
+  }
+
+  .xs\:hover\:-rotate-12:hover {
+    --transform-rotate: -12deg;
+  }
+
+  .xs\:hover\:-rotate-6:hover {
+    --transform-rotate: -6deg;
+  }
+
+  .xs\:hover\:-rotate-3:hover {
+    --transform-rotate: -3deg;
+  }
+
+  .xs\:hover\:-rotate-2:hover {
+    --transform-rotate: -2deg;
+  }
+
+  .xs\:hover\:-rotate-1:hover {
+    --transform-rotate: -1deg;
+  }
+
+  .xs\:focus\:rotate-0:focus {
+    --transform-rotate: 0;
+  }
+
+  .xs\:focus\:rotate-1:focus {
+    --transform-rotate: 1deg;
+  }
+
+  .xs\:focus\:rotate-2:focus {
+    --transform-rotate: 2deg;
+  }
+
+  .xs\:focus\:rotate-3:focus {
+    --transform-rotate: 3deg;
+  }
+
+  .xs\:focus\:rotate-6:focus {
+    --transform-rotate: 6deg;
+  }
+
+  .xs\:focus\:rotate-12:focus {
+    --transform-rotate: 12deg;
+  }
+
+  .xs\:focus\:rotate-45:focus {
+    --transform-rotate: 45deg;
+  }
+
+  .xs\:focus\:rotate-90:focus {
+    --transform-rotate: 90deg;
+  }
+
+  .xs\:focus\:rotate-180:focus {
+    --transform-rotate: 180deg;
+  }
+
+  .xs\:focus\:-rotate-180:focus {
+    --transform-rotate: -180deg;
+  }
+
+  .xs\:focus\:-rotate-90:focus {
+    --transform-rotate: -90deg;
+  }
+
+  .xs\:focus\:-rotate-45:focus {
+    --transform-rotate: -45deg;
+  }
+
+  .xs\:focus\:-rotate-12:focus {
+    --transform-rotate: -12deg;
+  }
+
+  .xs\:focus\:-rotate-6:focus {
+    --transform-rotate: -6deg;
+  }
+
+  .xs\:focus\:-rotate-3:focus {
+    --transform-rotate: -3deg;
+  }
+
+  .xs\:focus\:-rotate-2:focus {
+    --transform-rotate: -2deg;
+  }
+
+  .xs\:focus\:-rotate-1:focus {
+    --transform-rotate: -1deg;
+  }
+
+  .xs\:translate-x-0 {
+    --transform-translate-x: 0;
+  }
+
+  .xs\:translate-x-1 {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .xs\:translate-x-2 {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .xs\:translate-x-3 {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .xs\:translate-x-4 {
+    --transform-translate-x: 1rem;
+  }
+
+  .xs\:translate-x-5 {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .xs\:translate-x-6 {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .xs\:translate-x-8 {
+    --transform-translate-x: 2rem;
+  }
+
+  .xs\:translate-x-10 {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .xs\:translate-x-12 {
+    --transform-translate-x: 3rem;
+  }
+
+  .xs\:translate-x-16 {
+    --transform-translate-x: 4rem;
+  }
+
+  .xs\:translate-x-20 {
+    --transform-translate-x: 5rem;
+  }
+
+  .xs\:translate-x-24 {
+    --transform-translate-x: 6rem;
+  }
+
+  .xs\:translate-x-32 {
+    --transform-translate-x: 8rem;
+  }
+
+  .xs\:translate-x-40 {
+    --transform-translate-x: 10rem;
+  }
+
+  .xs\:translate-x-48 {
+    --transform-translate-x: 12rem;
+  }
+
+  .xs\:translate-x-56 {
+    --transform-translate-x: 14rem;
+  }
+
+  .xs\:translate-x-64 {
+    --transform-translate-x: 16rem;
+  }
+
+  .xs\:translate-x-px {
+    --transform-translate-x: 1px;
+  }
+
+  .xs\:-translate-x-1 {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .xs\:-translate-x-2 {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .xs\:-translate-x-3 {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .xs\:-translate-x-4 {
+    --transform-translate-x: -1rem;
+  }
+
+  .xs\:-translate-x-5 {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .xs\:-translate-x-6 {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .xs\:-translate-x-8 {
+    --transform-translate-x: -2rem;
+  }
+
+  .xs\:-translate-x-10 {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .xs\:-translate-x-12 {
+    --transform-translate-x: -3rem;
+  }
+
+  .xs\:-translate-x-16 {
+    --transform-translate-x: -4rem;
+  }
+
+  .xs\:-translate-x-20 {
+    --transform-translate-x: -5rem;
+  }
+
+  .xs\:-translate-x-24 {
+    --transform-translate-x: -6rem;
+  }
+
+  .xs\:-translate-x-32 {
+    --transform-translate-x: -8rem;
+  }
+
+  .xs\:-translate-x-40 {
+    --transform-translate-x: -10rem;
+  }
+
+  .xs\:-translate-x-48 {
+    --transform-translate-x: -12rem;
+  }
+
+  .xs\:-translate-x-56 {
+    --transform-translate-x: -14rem;
+  }
+
+  .xs\:-translate-x-64 {
+    --transform-translate-x: -16rem;
+  }
+
+  .xs\:-translate-x-px {
+    --transform-translate-x: -1px;
+  }
+
+  .xs\:-translate-x-full {
+    --transform-translate-x: -100%;
+  }
+
+  .xs\:-translate-x-1\/2 {
+    --transform-translate-x: -50%;
+  }
+
+  .xs\:translate-x-1\/2 {
+    --transform-translate-x: 50%;
+  }
+
+  .xs\:translate-x-full {
+    --transform-translate-x: 100%;
+  }
+
+  .xs\:translate-y-0 {
+    --transform-translate-y: 0;
+  }
+
+  .xs\:translate-y-1 {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .xs\:translate-y-2 {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .xs\:translate-y-3 {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .xs\:translate-y-4 {
+    --transform-translate-y: 1rem;
+  }
+
+  .xs\:translate-y-5 {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .xs\:translate-y-6 {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .xs\:translate-y-8 {
+    --transform-translate-y: 2rem;
+  }
+
+  .xs\:translate-y-10 {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .xs\:translate-y-12 {
+    --transform-translate-y: 3rem;
+  }
+
+  .xs\:translate-y-16 {
+    --transform-translate-y: 4rem;
+  }
+
+  .xs\:translate-y-20 {
+    --transform-translate-y: 5rem;
+  }
+
+  .xs\:translate-y-24 {
+    --transform-translate-y: 6rem;
+  }
+
+  .xs\:translate-y-32 {
+    --transform-translate-y: 8rem;
+  }
+
+  .xs\:translate-y-40 {
+    --transform-translate-y: 10rem;
+  }
+
+  .xs\:translate-y-48 {
+    --transform-translate-y: 12rem;
+  }
+
+  .xs\:translate-y-56 {
+    --transform-translate-y: 14rem;
+  }
+
+  .xs\:translate-y-64 {
+    --transform-translate-y: 16rem;
+  }
+
+  .xs\:translate-y-px {
+    --transform-translate-y: 1px;
+  }
+
+  .xs\:-translate-y-1 {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .xs\:-translate-y-2 {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .xs\:-translate-y-3 {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .xs\:-translate-y-4 {
+    --transform-translate-y: -1rem;
+  }
+
+  .xs\:-translate-y-5 {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .xs\:-translate-y-6 {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .xs\:-translate-y-8 {
+    --transform-translate-y: -2rem;
+  }
+
+  .xs\:-translate-y-10 {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .xs\:-translate-y-12 {
+    --transform-translate-y: -3rem;
+  }
+
+  .xs\:-translate-y-16 {
+    --transform-translate-y: -4rem;
+  }
+
+  .xs\:-translate-y-20 {
+    --transform-translate-y: -5rem;
+  }
+
+  .xs\:-translate-y-24 {
+    --transform-translate-y: -6rem;
+  }
+
+  .xs\:-translate-y-32 {
+    --transform-translate-y: -8rem;
+  }
+
+  .xs\:-translate-y-40 {
+    --transform-translate-y: -10rem;
+  }
+
+  .xs\:-translate-y-48 {
+    --transform-translate-y: -12rem;
+  }
+
+  .xs\:-translate-y-56 {
+    --transform-translate-y: -14rem;
+  }
+
+  .xs\:-translate-y-64 {
+    --transform-translate-y: -16rem;
+  }
+
+  .xs\:-translate-y-px {
+    --transform-translate-y: -1px;
+  }
+
+  .xs\:-translate-y-full {
+    --transform-translate-y: -100%;
+  }
+
+  .xs\:-translate-y-1\/2 {
+    --transform-translate-y: -50%;
+  }
+
+  .xs\:translate-y-1\/2 {
+    --transform-translate-y: 50%;
+  }
+
+  .xs\:translate-y-full {
+    --transform-translate-y: 100%;
+  }
+
+  .xs\:hover\:translate-x-0:hover {
+    --transform-translate-x: 0;
+  }
+
+  .xs\:hover\:translate-x-1:hover {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .xs\:hover\:translate-x-2:hover {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .xs\:hover\:translate-x-3:hover {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .xs\:hover\:translate-x-4:hover {
+    --transform-translate-x: 1rem;
+  }
+
+  .xs\:hover\:translate-x-5:hover {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .xs\:hover\:translate-x-6:hover {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .xs\:hover\:translate-x-8:hover {
+    --transform-translate-x: 2rem;
+  }
+
+  .xs\:hover\:translate-x-10:hover {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .xs\:hover\:translate-x-12:hover {
+    --transform-translate-x: 3rem;
+  }
+
+  .xs\:hover\:translate-x-16:hover {
+    --transform-translate-x: 4rem;
+  }
+
+  .xs\:hover\:translate-x-20:hover {
+    --transform-translate-x: 5rem;
+  }
+
+  .xs\:hover\:translate-x-24:hover {
+    --transform-translate-x: 6rem;
+  }
+
+  .xs\:hover\:translate-x-32:hover {
+    --transform-translate-x: 8rem;
+  }
+
+  .xs\:hover\:translate-x-40:hover {
+    --transform-translate-x: 10rem;
+  }
+
+  .xs\:hover\:translate-x-48:hover {
+    --transform-translate-x: 12rem;
+  }
+
+  .xs\:hover\:translate-x-56:hover {
+    --transform-translate-x: 14rem;
+  }
+
+  .xs\:hover\:translate-x-64:hover {
+    --transform-translate-x: 16rem;
+  }
+
+  .xs\:hover\:translate-x-px:hover {
+    --transform-translate-x: 1px;
+  }
+
+  .xs\:hover\:-translate-x-1:hover {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .xs\:hover\:-translate-x-2:hover {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .xs\:hover\:-translate-x-3:hover {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .xs\:hover\:-translate-x-4:hover {
+    --transform-translate-x: -1rem;
+  }
+
+  .xs\:hover\:-translate-x-5:hover {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .xs\:hover\:-translate-x-6:hover {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .xs\:hover\:-translate-x-8:hover {
+    --transform-translate-x: -2rem;
+  }
+
+  .xs\:hover\:-translate-x-10:hover {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .xs\:hover\:-translate-x-12:hover {
+    --transform-translate-x: -3rem;
+  }
+
+  .xs\:hover\:-translate-x-16:hover {
+    --transform-translate-x: -4rem;
+  }
+
+  .xs\:hover\:-translate-x-20:hover {
+    --transform-translate-x: -5rem;
+  }
+
+  .xs\:hover\:-translate-x-24:hover {
+    --transform-translate-x: -6rem;
+  }
+
+  .xs\:hover\:-translate-x-32:hover {
+    --transform-translate-x: -8rem;
+  }
+
+  .xs\:hover\:-translate-x-40:hover {
+    --transform-translate-x: -10rem;
+  }
+
+  .xs\:hover\:-translate-x-48:hover {
+    --transform-translate-x: -12rem;
+  }
+
+  .xs\:hover\:-translate-x-56:hover {
+    --transform-translate-x: -14rem;
+  }
+
+  .xs\:hover\:-translate-x-64:hover {
+    --transform-translate-x: -16rem;
+  }
+
+  .xs\:hover\:-translate-x-px:hover {
+    --transform-translate-x: -1px;
+  }
+
+  .xs\:hover\:-translate-x-full:hover {
+    --transform-translate-x: -100%;
+  }
+
+  .xs\:hover\:-translate-x-1\/2:hover {
+    --transform-translate-x: -50%;
+  }
+
+  .xs\:hover\:translate-x-1\/2:hover {
+    --transform-translate-x: 50%;
+  }
+
+  .xs\:hover\:translate-x-full:hover {
+    --transform-translate-x: 100%;
+  }
+
+  .xs\:hover\:translate-y-0:hover {
+    --transform-translate-y: 0;
+  }
+
+  .xs\:hover\:translate-y-1:hover {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .xs\:hover\:translate-y-2:hover {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .xs\:hover\:translate-y-3:hover {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .xs\:hover\:translate-y-4:hover {
+    --transform-translate-y: 1rem;
+  }
+
+  .xs\:hover\:translate-y-5:hover {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .xs\:hover\:translate-y-6:hover {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .xs\:hover\:translate-y-8:hover {
+    --transform-translate-y: 2rem;
+  }
+
+  .xs\:hover\:translate-y-10:hover {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .xs\:hover\:translate-y-12:hover {
+    --transform-translate-y: 3rem;
+  }
+
+  .xs\:hover\:translate-y-16:hover {
+    --transform-translate-y: 4rem;
+  }
+
+  .xs\:hover\:translate-y-20:hover {
+    --transform-translate-y: 5rem;
+  }
+
+  .xs\:hover\:translate-y-24:hover {
+    --transform-translate-y: 6rem;
+  }
+
+  .xs\:hover\:translate-y-32:hover {
+    --transform-translate-y: 8rem;
+  }
+
+  .xs\:hover\:translate-y-40:hover {
+    --transform-translate-y: 10rem;
+  }
+
+  .xs\:hover\:translate-y-48:hover {
+    --transform-translate-y: 12rem;
+  }
+
+  .xs\:hover\:translate-y-56:hover {
+    --transform-translate-y: 14rem;
+  }
+
+  .xs\:hover\:translate-y-64:hover {
+    --transform-translate-y: 16rem;
+  }
+
+  .xs\:hover\:translate-y-px:hover {
+    --transform-translate-y: 1px;
+  }
+
+  .xs\:hover\:-translate-y-1:hover {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .xs\:hover\:-translate-y-2:hover {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .xs\:hover\:-translate-y-3:hover {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .xs\:hover\:-translate-y-4:hover {
+    --transform-translate-y: -1rem;
+  }
+
+  .xs\:hover\:-translate-y-5:hover {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .xs\:hover\:-translate-y-6:hover {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .xs\:hover\:-translate-y-8:hover {
+    --transform-translate-y: -2rem;
+  }
+
+  .xs\:hover\:-translate-y-10:hover {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .xs\:hover\:-translate-y-12:hover {
+    --transform-translate-y: -3rem;
+  }
+
+  .xs\:hover\:-translate-y-16:hover {
+    --transform-translate-y: -4rem;
+  }
+
+  .xs\:hover\:-translate-y-20:hover {
+    --transform-translate-y: -5rem;
+  }
+
+  .xs\:hover\:-translate-y-24:hover {
+    --transform-translate-y: -6rem;
+  }
+
+  .xs\:hover\:-translate-y-32:hover {
+    --transform-translate-y: -8rem;
+  }
+
+  .xs\:hover\:-translate-y-40:hover {
+    --transform-translate-y: -10rem;
+  }
+
+  .xs\:hover\:-translate-y-48:hover {
+    --transform-translate-y: -12rem;
+  }
+
+  .xs\:hover\:-translate-y-56:hover {
+    --transform-translate-y: -14rem;
+  }
+
+  .xs\:hover\:-translate-y-64:hover {
+    --transform-translate-y: -16rem;
+  }
+
+  .xs\:hover\:-translate-y-px:hover {
+    --transform-translate-y: -1px;
+  }
+
+  .xs\:hover\:-translate-y-full:hover {
+    --transform-translate-y: -100%;
+  }
+
+  .xs\:hover\:-translate-y-1\/2:hover {
+    --transform-translate-y: -50%;
+  }
+
+  .xs\:hover\:translate-y-1\/2:hover {
+    --transform-translate-y: 50%;
+  }
+
+  .xs\:hover\:translate-y-full:hover {
+    --transform-translate-y: 100%;
+  }
+
+  .xs\:focus\:translate-x-0:focus {
+    --transform-translate-x: 0;
+  }
+
+  .xs\:focus\:translate-x-1:focus {
+    --transform-translate-x: 0.25rem;
+  }
+
+  .xs\:focus\:translate-x-2:focus {
+    --transform-translate-x: 0.5rem;
+  }
+
+  .xs\:focus\:translate-x-3:focus {
+    --transform-translate-x: 0.75rem;
+  }
+
+  .xs\:focus\:translate-x-4:focus {
+    --transform-translate-x: 1rem;
+  }
+
+  .xs\:focus\:translate-x-5:focus {
+    --transform-translate-x: 1.25rem;
+  }
+
+  .xs\:focus\:translate-x-6:focus {
+    --transform-translate-x: 1.5rem;
+  }
+
+  .xs\:focus\:translate-x-8:focus {
+    --transform-translate-x: 2rem;
+  }
+
+  .xs\:focus\:translate-x-10:focus {
+    --transform-translate-x: 2.5rem;
+  }
+
+  .xs\:focus\:translate-x-12:focus {
+    --transform-translate-x: 3rem;
+  }
+
+  .xs\:focus\:translate-x-16:focus {
+    --transform-translate-x: 4rem;
+  }
+
+  .xs\:focus\:translate-x-20:focus {
+    --transform-translate-x: 5rem;
+  }
+
+  .xs\:focus\:translate-x-24:focus {
+    --transform-translate-x: 6rem;
+  }
+
+  .xs\:focus\:translate-x-32:focus {
+    --transform-translate-x: 8rem;
+  }
+
+  .xs\:focus\:translate-x-40:focus {
+    --transform-translate-x: 10rem;
+  }
+
+  .xs\:focus\:translate-x-48:focus {
+    --transform-translate-x: 12rem;
+  }
+
+  .xs\:focus\:translate-x-56:focus {
+    --transform-translate-x: 14rem;
+  }
+
+  .xs\:focus\:translate-x-64:focus {
+    --transform-translate-x: 16rem;
+  }
+
+  .xs\:focus\:translate-x-px:focus {
+    --transform-translate-x: 1px;
+  }
+
+  .xs\:focus\:-translate-x-1:focus {
+    --transform-translate-x: -0.25rem;
+  }
+
+  .xs\:focus\:-translate-x-2:focus {
+    --transform-translate-x: -0.5rem;
+  }
+
+  .xs\:focus\:-translate-x-3:focus {
+    --transform-translate-x: -0.75rem;
+  }
+
+  .xs\:focus\:-translate-x-4:focus {
+    --transform-translate-x: -1rem;
+  }
+
+  .xs\:focus\:-translate-x-5:focus {
+    --transform-translate-x: -1.25rem;
+  }
+
+  .xs\:focus\:-translate-x-6:focus {
+    --transform-translate-x: -1.5rem;
+  }
+
+  .xs\:focus\:-translate-x-8:focus {
+    --transform-translate-x: -2rem;
+  }
+
+  .xs\:focus\:-translate-x-10:focus {
+    --transform-translate-x: -2.5rem;
+  }
+
+  .xs\:focus\:-translate-x-12:focus {
+    --transform-translate-x: -3rem;
+  }
+
+  .xs\:focus\:-translate-x-16:focus {
+    --transform-translate-x: -4rem;
+  }
+
+  .xs\:focus\:-translate-x-20:focus {
+    --transform-translate-x: -5rem;
+  }
+
+  .xs\:focus\:-translate-x-24:focus {
+    --transform-translate-x: -6rem;
+  }
+
+  .xs\:focus\:-translate-x-32:focus {
+    --transform-translate-x: -8rem;
+  }
+
+  .xs\:focus\:-translate-x-40:focus {
+    --transform-translate-x: -10rem;
+  }
+
+  .xs\:focus\:-translate-x-48:focus {
+    --transform-translate-x: -12rem;
+  }
+
+  .xs\:focus\:-translate-x-56:focus {
+    --transform-translate-x: -14rem;
+  }
+
+  .xs\:focus\:-translate-x-64:focus {
+    --transform-translate-x: -16rem;
+  }
+
+  .xs\:focus\:-translate-x-px:focus {
+    --transform-translate-x: -1px;
+  }
+
+  .xs\:focus\:-translate-x-full:focus {
+    --transform-translate-x: -100%;
+  }
+
+  .xs\:focus\:-translate-x-1\/2:focus {
+    --transform-translate-x: -50%;
+  }
+
+  .xs\:focus\:translate-x-1\/2:focus {
+    --transform-translate-x: 50%;
+  }
+
+  .xs\:focus\:translate-x-full:focus {
+    --transform-translate-x: 100%;
+  }
+
+  .xs\:focus\:translate-y-0:focus {
+    --transform-translate-y: 0;
+  }
+
+  .xs\:focus\:translate-y-1:focus {
+    --transform-translate-y: 0.25rem;
+  }
+
+  .xs\:focus\:translate-y-2:focus {
+    --transform-translate-y: 0.5rem;
+  }
+
+  .xs\:focus\:translate-y-3:focus {
+    --transform-translate-y: 0.75rem;
+  }
+
+  .xs\:focus\:translate-y-4:focus {
+    --transform-translate-y: 1rem;
+  }
+
+  .xs\:focus\:translate-y-5:focus {
+    --transform-translate-y: 1.25rem;
+  }
+
+  .xs\:focus\:translate-y-6:focus {
+    --transform-translate-y: 1.5rem;
+  }
+
+  .xs\:focus\:translate-y-8:focus {
+    --transform-translate-y: 2rem;
+  }
+
+  .xs\:focus\:translate-y-10:focus {
+    --transform-translate-y: 2.5rem;
+  }
+
+  .xs\:focus\:translate-y-12:focus {
+    --transform-translate-y: 3rem;
+  }
+
+  .xs\:focus\:translate-y-16:focus {
+    --transform-translate-y: 4rem;
+  }
+
+  .xs\:focus\:translate-y-20:focus {
+    --transform-translate-y: 5rem;
+  }
+
+  .xs\:focus\:translate-y-24:focus {
+    --transform-translate-y: 6rem;
+  }
+
+  .xs\:focus\:translate-y-32:focus {
+    --transform-translate-y: 8rem;
+  }
+
+  .xs\:focus\:translate-y-40:focus {
+    --transform-translate-y: 10rem;
+  }
+
+  .xs\:focus\:translate-y-48:focus {
+    --transform-translate-y: 12rem;
+  }
+
+  .xs\:focus\:translate-y-56:focus {
+    --transform-translate-y: 14rem;
+  }
+
+  .xs\:focus\:translate-y-64:focus {
+    --transform-translate-y: 16rem;
+  }
+
+  .xs\:focus\:translate-y-px:focus {
+    --transform-translate-y: 1px;
+  }
+
+  .xs\:focus\:-translate-y-1:focus {
+    --transform-translate-y: -0.25rem;
+  }
+
+  .xs\:focus\:-translate-y-2:focus {
+    --transform-translate-y: -0.5rem;
+  }
+
+  .xs\:focus\:-translate-y-3:focus {
+    --transform-translate-y: -0.75rem;
+  }
+
+  .xs\:focus\:-translate-y-4:focus {
+    --transform-translate-y: -1rem;
+  }
+
+  .xs\:focus\:-translate-y-5:focus {
+    --transform-translate-y: -1.25rem;
+  }
+
+  .xs\:focus\:-translate-y-6:focus {
+    --transform-translate-y: -1.5rem;
+  }
+
+  .xs\:focus\:-translate-y-8:focus {
+    --transform-translate-y: -2rem;
+  }
+
+  .xs\:focus\:-translate-y-10:focus {
+    --transform-translate-y: -2.5rem;
+  }
+
+  .xs\:focus\:-translate-y-12:focus {
+    --transform-translate-y: -3rem;
+  }
+
+  .xs\:focus\:-translate-y-16:focus {
+    --transform-translate-y: -4rem;
+  }
+
+  .xs\:focus\:-translate-y-20:focus {
+    --transform-translate-y: -5rem;
+  }
+
+  .xs\:focus\:-translate-y-24:focus {
+    --transform-translate-y: -6rem;
+  }
+
+  .xs\:focus\:-translate-y-32:focus {
+    --transform-translate-y: -8rem;
+  }
+
+  .xs\:focus\:-translate-y-40:focus {
+    --transform-translate-y: -10rem;
+  }
+
+  .xs\:focus\:-translate-y-48:focus {
+    --transform-translate-y: -12rem;
+  }
+
+  .xs\:focus\:-translate-y-56:focus {
+    --transform-translate-y: -14rem;
+  }
+
+  .xs\:focus\:-translate-y-64:focus {
+    --transform-translate-y: -16rem;
+  }
+
+  .xs\:focus\:-translate-y-px:focus {
+    --transform-translate-y: -1px;
+  }
+
+  .xs\:focus\:-translate-y-full:focus {
+    --transform-translate-y: -100%;
+  }
+
+  .xs\:focus\:-translate-y-1\/2:focus {
+    --transform-translate-y: -50%;
+  }
+
+  .xs\:focus\:translate-y-1\/2:focus {
+    --transform-translate-y: 50%;
+  }
+
+  .xs\:focus\:translate-y-full:focus {
+    --transform-translate-y: 100%;
+  }
+
+  .xs\:skew-x-0 {
+    --transform-skew-x: 0;
+  }
+
+  .xs\:skew-x-1 {
+    --transform-skew-x: 1deg;
+  }
+
+  .xs\:skew-x-2 {
+    --transform-skew-x: 2deg;
+  }
+
+  .xs\:skew-x-3 {
+    --transform-skew-x: 3deg;
+  }
+
+  .xs\:skew-x-6 {
+    --transform-skew-x: 6deg;
+  }
+
+  .xs\:skew-x-12 {
+    --transform-skew-x: 12deg;
+  }
+
+  .xs\:-skew-x-12 {
+    --transform-skew-x: -12deg;
+  }
+
+  .xs\:-skew-x-6 {
+    --transform-skew-x: -6deg;
+  }
+
+  .xs\:-skew-x-3 {
+    --transform-skew-x: -3deg;
+  }
+
+  .xs\:-skew-x-2 {
+    --transform-skew-x: -2deg;
+  }
+
+  .xs\:-skew-x-1 {
+    --transform-skew-x: -1deg;
+  }
+
+  .xs\:skew-y-0 {
+    --transform-skew-y: 0;
+  }
+
+  .xs\:skew-y-1 {
+    --transform-skew-y: 1deg;
+  }
+
+  .xs\:skew-y-2 {
+    --transform-skew-y: 2deg;
+  }
+
+  .xs\:skew-y-3 {
+    --transform-skew-y: 3deg;
+  }
+
+  .xs\:skew-y-6 {
+    --transform-skew-y: 6deg;
+  }
+
+  .xs\:skew-y-12 {
+    --transform-skew-y: 12deg;
+  }
+
+  .xs\:-skew-y-12 {
+    --transform-skew-y: -12deg;
+  }
+
+  .xs\:-skew-y-6 {
+    --transform-skew-y: -6deg;
+  }
+
+  .xs\:-skew-y-3 {
+    --transform-skew-y: -3deg;
+  }
+
+  .xs\:-skew-y-2 {
+    --transform-skew-y: -2deg;
+  }
+
+  .xs\:-skew-y-1 {
+    --transform-skew-y: -1deg;
+  }
+
+  .xs\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0;
+  }
+
+  .xs\:hover\:skew-x-1:hover {
+    --transform-skew-x: 1deg;
+  }
+
+  .xs\:hover\:skew-x-2:hover {
+    --transform-skew-x: 2deg;
+  }
+
+  .xs\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg;
+  }
+
+  .xs\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg;
+  }
+
+  .xs\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg;
+  }
+
+  .xs\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg;
+  }
+
+  .xs\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg;
+  }
 
-.hover\:skew-y-3:hover {
-  --transform-skew-y: 3deg;
-}
+  .xs\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg;
+  }
 
-.hover\:skew-y-6:hover {
-  --transform-skew-y: 6deg;
-}
+  .xs\:hover\:-skew-x-2:hover {
+    --transform-skew-x: -2deg;
+  }
 
-.hover\:skew-y-12:hover {
-  --transform-skew-y: 12deg;
-}
+  .xs\:hover\:-skew-x-1:hover {
+    --transform-skew-x: -1deg;
+  }
 
-.hover\:-skew-y-12:hover {
-  --transform-skew-y: -12deg;
-}
+  .xs\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0;
+  }
 
-.hover\:-skew-y-6:hover {
-  --transform-skew-y: -6deg;
-}
+  .xs\:hover\:skew-y-1:hover {
+    --transform-skew-y: 1deg;
+  }
 
-.hover\:-skew-y-3:hover {
-  --transform-skew-y: -3deg;
-}
+  .xs\:hover\:skew-y-2:hover {
+    --transform-skew-y: 2deg;
+  }
 
-.hover\:-skew-y-2:hover {
-  --transform-skew-y: -2deg;
-}
+  .xs\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg;
+  }
 
-.hover\:-skew-y-1:hover {
-  --transform-skew-y: -1deg;
-}
+  .xs\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg;
+  }
 
-.focus\:skew-x-0:focus {
-  --transform-skew-x: 0;
-}
+  .xs\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg;
+  }
 
-.focus\:skew-x-1:focus {
-  --transform-skew-x: 1deg;
-}
+  .xs\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg;
+  }
 
-.focus\:skew-x-2:focus {
-  --transform-skew-x: 2deg;
-}
+  .xs\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg;
+  }
 
-.focus\:skew-x-3:focus {
-  --transform-skew-x: 3deg;
-}
+  .xs\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg;
+  }
 
-.focus\:skew-x-6:focus {
-  --transform-skew-x: 6deg;
-}
+  .xs\:hover\:-skew-y-2:hover {
+    --transform-skew-y: -2deg;
+  }
 
-.focus\:skew-x-12:focus {
-  --transform-skew-x: 12deg;
-}
+  .xs\:hover\:-skew-y-1:hover {
+    --transform-skew-y: -1deg;
+  }
 
-.focus\:-skew-x-12:focus {
-  --transform-skew-x: -12deg;
-}
+  .xs\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0;
+  }
 
-.focus\:-skew-x-6:focus {
-  --transform-skew-x: -6deg;
-}
+  .xs\:focus\:skew-x-1:focus {
+    --transform-skew-x: 1deg;
+  }
 
-.focus\:-skew-x-3:focus {
-  --transform-skew-x: -3deg;
-}
+  .xs\:focus\:skew-x-2:focus {
+    --transform-skew-x: 2deg;
+  }
 
-.focus\:-skew-x-2:focus {
-  --transform-skew-x: -2deg;
-}
+  .xs\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg;
+  }
 
-.focus\:-skew-x-1:focus {
-  --transform-skew-x: -1deg;
-}
+  .xs\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg;
+  }
 
-.focus\:skew-y-0:focus {
-  --transform-skew-y: 0;
-}
+  .xs\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg;
+  }
 
-.focus\:skew-y-1:focus {
-  --transform-skew-y: 1deg;
-}
+  .xs\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg;
+  }
 
-.focus\:skew-y-2:focus {
-  --transform-skew-y: 2deg;
-}
+  .xs\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg;
+  }
 
-.focus\:skew-y-3:focus {
-  --transform-skew-y: 3deg;
-}
+  .xs\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg;
+  }
 
-.focus\:skew-y-6:focus {
-  --transform-skew-y: 6deg;
-}
+  .xs\:focus\:-skew-x-2:focus {
+    --transform-skew-x: -2deg;
+  }
 
-.focus\:skew-y-12:focus {
-  --transform-skew-y: 12deg;
-}
+  .xs\:focus\:-skew-x-1:focus {
+    --transform-skew-x: -1deg;
+  }
 
-.focus\:-skew-y-12:focus {
-  --transform-skew-y: -12deg;
-}
+  .xs\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0;
+  }
 
-.focus\:-skew-y-6:focus {
-  --transform-skew-y: -6deg;
-}
+  .xs\:focus\:skew-y-1:focus {
+    --transform-skew-y: 1deg;
+  }
 
-.focus\:-skew-y-3:focus {
-  --transform-skew-y: -3deg;
-}
+  .xs\:focus\:skew-y-2:focus {
+    --transform-skew-y: 2deg;
+  }
 
-.focus\:-skew-y-2:focus {
-  --transform-skew-y: -2deg;
-}
+  .xs\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg;
+  }
 
-.focus\:-skew-y-1:focus {
-  --transform-skew-y: -1deg;
-}
+  .xs\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg;
+  }
 
-.transition-none {
-  transition-property: none;
-}
+  .xs\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg;
+  }
 
-.transition-all {
-  transition-property: all;
-}
+  .xs\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg;
+  }
 
-.transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-}
+  .xs\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg;
+  }
 
-.transition-colors {
-  transition-property: background-color, border-color, color, fill, stroke;
-}
+  .xs\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg;
+  }
 
-.transition-opacity {
-  transition-property: opacity;
-}
+  .xs\:focus\:-skew-y-2:focus {
+    --transform-skew-y: -2deg;
+  }
 
-.transition-shadow {
-  transition-property: box-shadow;
-}
+  .xs\:focus\:-skew-y-1:focus {
+    --transform-skew-y: -1deg;
+  }
 
-.transition-transform {
-  transition-property: transform;
-}
+  .xs\:transition-none {
+    transition-property: none;
+  }
 
-.ease-linear {
-  transition-timing-function: linear;
-}
+  .xs\:transition-all {
+    transition-property: all;
+  }
 
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
+  .xs\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  }
 
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
+  .xs\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
+  }
 
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
+  .xs\:transition-opacity {
+    transition-property: opacity;
+  }
 
-.duration-75 {
-  transition-duration: 75ms;
-}
+  .xs\:transition-shadow {
+    transition-property: box-shadow;
+  }
 
-.duration-100 {
-  transition-duration: 100ms;
-}
+  .xs\:transition-transform {
+    transition-property: transform;
+  }
 
-.duration-150 {
-  transition-duration: 150ms;
-}
+  .xs\:ease-linear {
+    transition-timing-function: linear;
+  }
 
-.duration-200 {
-  transition-duration: 200ms;
-}
+  .xs\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
 
-.duration-300 {
-  transition-duration: 300ms;
-}
+  .xs\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
 
-.duration-500 {
-  transition-duration: 500ms;
-}
+  .xs\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
 
-.duration-700 {
-  transition-duration: 700ms;
-}
+  .xs\:duration-75 {
+    transition-duration: 75ms;
+  }
 
-.duration-1000 {
-  transition-duration: 1000ms;
-}
+  .xs\:duration-100 {
+    transition-duration: 100ms;
+  }
 
-.delay-75 {
-  transition-delay: 75ms;
-}
+  .xs\:duration-150 {
+    transition-duration: 150ms;
+  }
 
-.delay-100 {
-  transition-delay: 100ms;
-}
+  .xs\:duration-200 {
+    transition-duration: 200ms;
+  }
 
-.delay-150 {
-  transition-delay: 150ms;
-}
+  .xs\:duration-300 {
+    transition-duration: 300ms;
+  }
 
-.delay-200 {
-  transition-delay: 200ms;
-}
+  .xs\:duration-500 {
+    transition-duration: 500ms;
+  }
 
-.delay-300 {
-  transition-delay: 300ms;
-}
+  .xs\:duration-700 {
+    transition-duration: 700ms;
+  }
 
-.delay-500 {
-  transition-delay: 500ms;
-}
+  .xs\:duration-1000 {
+    transition-duration: 1000ms;
+  }
 
-.delay-700 {
-  transition-delay: 700ms;
-}
+  .xs\:delay-75 {
+    transition-delay: 75ms;
+  }
 
-.delay-1000 {
-  transition-delay: 1000ms;
-}
+  .xs\:delay-100 {
+    transition-delay: 100ms;
+  }
 
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
+  .xs\:delay-150 {
+    transition-delay: 150ms;
   }
-}
 
-@keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
+  .xs\:delay-200 {
+    transition-delay: 200ms;
   }
-}
 
-@keyframes pulse {
-  50% {
-    opacity: .5;
+  .xs\:delay-300 {
+    transition-delay: 300ms;
   }
-}
 
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8,0,1,1);
+  .xs\:delay-500 {
+    transition-delay: 500ms;
   }
 
-  50% {
-    transform: none;
-    animation-timing-function: cubic-bezier(0,0,0.2,1);
+  .xs\:delay-700 {
+    transition-delay: 700ms;
   }
-}
 
-.animate-none {
-  animation: none;
-}
+  .xs\:delay-1000 {
+    transition-delay: 1000ms;
+  }
 
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
+  .xs\:animate-none {
+    animation: none;
+  }
 
-.animate-ping {
-  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
+  .xs\:animate-spin {
+    animation: spin 1s linear infinite;
+  }
 
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
+  .xs\:animate-ping {
+    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+  }
 
-.animate-bounce {
-  animation: bounce 1s infinite;
+  .xs\:animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  .xs\:animate-bounce {
+    animation: bounce 1s infinite;
+  }
 }
 
 @media (min-width: 640px) {
@@ -32740,6 +51674,20 @@ video {
     left: 0;
   }
 
+  .sm\:inset-30 {
+    top: 30%;
+    right: 30%;
+    bottom: 30%;
+    left: 30%;
+  }
+
+  .sm\:inset-60 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
   .sm\:inset-auto {
     top: auto;
     right: auto;
@@ -32747,6 +51695,13 @@ video {
     left: auto;
   }
 
+  .sm\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
   .sm\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -32757,6 +51712,26 @@ video {
     left: 0;
   }
 
+  .sm\:inset-y-30 {
+    top: 30%;
+    bottom: 30%;
+  }
+
+  .sm\:inset-x-30 {
+    right: 30%;
+    left: 30%;
+  }
+
+  .sm\:inset-y-60 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .sm\:inset-x-60 {
+    right: 60%;
+    left: 60%;
+  }
+
   .sm\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -32767,6 +51742,16 @@ video {
     left: auto;
   }
 
+  .sm\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .sm\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
   .sm\:top-0 {
     top: 0;
   }
@@ -32783,6 +51768,38 @@ video {
     left: 0;
   }
 
+  .sm\:top-30 {
+    top: 30%;
+  }
+
+  .sm\:right-30 {
+    right: 30%;
+  }
+
+  .sm\:bottom-30 {
+    bottom: 30%;
+  }
+
+  .sm\:left-30 {
+    left: 30%;
+  }
+
+  .sm\:top-60 {
+    top: 60%;
+  }
+
+  .sm\:right-60 {
+    right: 60%;
+  }
+
+  .sm\:bottom-60 {
+    bottom: 60%;
+  }
+
+  .sm\:left-60 {
+    left: 60%;
+  }
+
   .sm\:top-auto {
     top: auto;
   }
@@ -32799,6 +51816,22 @@ video {
     left: auto;
   }
 
+  .sm\:top-1\/2 {
+    top: 50%;
+  }
+
+  .sm\:right-1\/2 {
+    right: 50%;
+  }
+
+  .sm\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .sm\:left-1\/2 {
+    left: 50%;
+  }
+
   .sm\:resize-none {
     resize: none;
   }
@@ -51476,6 +70509,20 @@ video {
     left: 0;
   }
 
+  .md\:inset-30 {
+    top: 30%;
+    right: 30%;
+    bottom: 30%;
+    left: 30%;
+  }
+
+  .md\:inset-60 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
   .md\:inset-auto {
     top: auto;
     right: auto;
@@ -51483,6 +70530,13 @@ video {
     left: auto;
   }
 
+  .md\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
   .md\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -51493,6 +70547,26 @@ video {
     left: 0;
   }
 
+  .md\:inset-y-30 {
+    top: 30%;
+    bottom: 30%;
+  }
+
+  .md\:inset-x-30 {
+    right: 30%;
+    left: 30%;
+  }
+
+  .md\:inset-y-60 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .md\:inset-x-60 {
+    right: 60%;
+    left: 60%;
+  }
+
   .md\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -51503,6 +70577,16 @@ video {
     left: auto;
   }
 
+  .md\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .md\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
   .md\:top-0 {
     top: 0;
   }
@@ -51519,6 +70603,38 @@ video {
     left: 0;
   }
 
+  .md\:top-30 {
+    top: 30%;
+  }
+
+  .md\:right-30 {
+    right: 30%;
+  }
+
+  .md\:bottom-30 {
+    bottom: 30%;
+  }
+
+  .md\:left-30 {
+    left: 30%;
+  }
+
+  .md\:top-60 {
+    top: 60%;
+  }
+
+  .md\:right-60 {
+    right: 60%;
+  }
+
+  .md\:bottom-60 {
+    bottom: 60%;
+  }
+
+  .md\:left-60 {
+    left: 60%;
+  }
+
   .md\:top-auto {
     top: auto;
   }
@@ -51535,6 +70651,22 @@ video {
     left: auto;
   }
 
+  .md\:top-1\/2 {
+    top: 50%;
+  }
+
+  .md\:right-1\/2 {
+    right: 50%;
+  }
+
+  .md\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .md\:left-1\/2 {
+    left: 50%;
+  }
+
   .md\:resize-none {
     resize: none;
   }
@@ -70212,6 +89344,20 @@ video {
     left: 0;
   }
 
+  .lg\:inset-30 {
+    top: 30%;
+    right: 30%;
+    bottom: 30%;
+    left: 30%;
+  }
+
+  .lg\:inset-60 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
   .lg\:inset-auto {
     top: auto;
     right: auto;
@@ -70219,6 +89365,13 @@ video {
     left: auto;
   }
 
+  .lg\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
   .lg\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -70229,6 +89382,26 @@ video {
     left: 0;
   }
 
+  .lg\:inset-y-30 {
+    top: 30%;
+    bottom: 30%;
+  }
+
+  .lg\:inset-x-30 {
+    right: 30%;
+    left: 30%;
+  }
+
+  .lg\:inset-y-60 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .lg\:inset-x-60 {
+    right: 60%;
+    left: 60%;
+  }
+
   .lg\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -70239,6 +89412,16 @@ video {
     left: auto;
   }
 
+  .lg\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .lg\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
   .lg\:top-0 {
     top: 0;
   }
@@ -70255,6 +89438,38 @@ video {
     left: 0;
   }
 
+  .lg\:top-30 {
+    top: 30%;
+  }
+
+  .lg\:right-30 {
+    right: 30%;
+  }
+
+  .lg\:bottom-30 {
+    bottom: 30%;
+  }
+
+  .lg\:left-30 {
+    left: 30%;
+  }
+
+  .lg\:top-60 {
+    top: 60%;
+  }
+
+  .lg\:right-60 {
+    right: 60%;
+  }
+
+  .lg\:bottom-60 {
+    bottom: 60%;
+  }
+
+  .lg\:left-60 {
+    left: 60%;
+  }
+
   .lg\:top-auto {
     top: auto;
   }
@@ -70271,6 +89486,22 @@ video {
     left: auto;
   }
 
+  .lg\:top-1\/2 {
+    top: 50%;
+  }
+
+  .lg\:right-1\/2 {
+    right: 50%;
+  }
+
+  .lg\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .lg\:left-1\/2 {
+    left: 50%;
+  }
+
   .lg\:resize-none {
     resize: none;
   }
@@ -88948,6 +108179,20 @@ video {
     left: 0;
   }
 
+  .xl\:inset-30 {
+    top: 30%;
+    right: 30%;
+    bottom: 30%;
+    left: 30%;
+  }
+
+  .xl\:inset-60 {
+    top: 60%;
+    right: 60%;
+    bottom: 60%;
+    left: 60%;
+  }
+
   .xl\:inset-auto {
     top: auto;
     right: auto;
@@ -88955,6 +108200,13 @@ video {
     left: auto;
   }
 
+  .xl\:inset-1\/2 {
+    top: 50%;
+    right: 50%;
+    bottom: 50%;
+    left: 50%;
+  }
+
   .xl\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -88965,6 +108217,26 @@ video {
     left: 0;
   }
 
+  .xl\:inset-y-30 {
+    top: 30%;
+    bottom: 30%;
+  }
+
+  .xl\:inset-x-30 {
+    right: 30%;
+    left: 30%;
+  }
+
+  .xl\:inset-y-60 {
+    top: 60%;
+    bottom: 60%;
+  }
+
+  .xl\:inset-x-60 {
+    right: 60%;
+    left: 60%;
+  }
+
   .xl\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -88975,6 +108247,16 @@ video {
     left: auto;
   }
 
+  .xl\:inset-y-1\/2 {
+    top: 50%;
+    bottom: 50%;
+  }
+
+  .xl\:inset-x-1\/2 {
+    right: 50%;
+    left: 50%;
+  }
+
   .xl\:top-0 {
     top: 0;
   }
@@ -88991,6 +108273,38 @@ video {
     left: 0;
   }
 
+  .xl\:top-30 {
+    top: 30%;
+  }
+
+  .xl\:right-30 {
+    right: 30%;
+  }
+
+  .xl\:bottom-30 {
+    bottom: 30%;
+  }
+
+  .xl\:left-30 {
+    left: 30%;
+  }
+
+  .xl\:top-60 {
+    top: 60%;
+  }
+
+  .xl\:right-60 {
+    right: 60%;
+  }
+
+  .xl\:bottom-60 {
+    bottom: 60%;
+  }
+
+  .xl\:left-60 {
+    left: 60%;
+  }
+
   .xl\:top-auto {
     top: auto;
   }
@@ -89007,6 +108321,22 @@ video {
     left: auto;
   }
 
+  .xl\:top-1\/2 {
+    top: 50%;
+  }
+
+  .xl\:right-1\/2 {
+    right: 50%;
+  }
+
+  .xl\:bottom-1\/2 {
+    bottom: 50%;
+  }
+
+  .xl\:left-1\/2 {
+    left: 50%;
+  }
+
   .xl\:resize-none {
     resize: none;
   }

From e83417d1a0bb19ceae4a5b76ed4aa977b6fb2577 Mon Sep 17 00:00:00 2001
From: AhmedAl-Majidi <67476296+AhmedAl-Majidi@users.noreply.github.com>
Date: Sat, 14 Nov 2020 17:38:27 +0300
Subject: [PATCH 11/15] feat: add translation

---
 src/App.jsx                                   | 10 ++-
 .../MissingPersonForm.jsx                     | 50 ++++++-----
 src/components/Button/Button.jsx              |  7 +-
 src/components/ContactUs/ContactUsForm.jsx    | 16 ++--
 src/components/Footer/Footer.jsx              | 27 +++---
 .../MissingPersonCard/MissingPersonCard.jsx   | 17 ++--
 src/components/Search/Search.js               | 36 +++++---
 src/components/navbar/NavBar.jsx              | 33 ++++---
 src/containers/AboutUs/AboutUs.jsx            | 47 +++++-----
 src/containers/HomePage/MissingPeople.jsx     |  8 +-
 .../MissingPeople/MissingPeoplePage.jsx       |  6 +-
 .../WebsiteDescription/WebsiteDescription.jsx | 16 ++--
 src/index.js                                  | 29 +++++-
 src/translations/ar/common.json               | 90 +++++++++++++++++++
 src/translations/en/common.json               | 90 +++++++++++++++++++
 15 files changed, 368 insertions(+), 114 deletions(-)
 create mode 100644 src/translations/ar/common.json
 create mode 100644 src/translations/en/common.json

diff --git a/src/App.jsx b/src/App.jsx
index e30f1a6..3e6f55b 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Suspense } from 'react';
 import './styles/main.css';
 import RouterPage from './router/RouterPages';
 
@@ -21,9 +21,11 @@ import Navbar from './components/navbar/NavBar';
 
 function App() {
   return (
-    <div className="App bg-findMe">
-      <RouterPage />
-    </div>
+    <Suspense fallback="loading">
+      <div className="App bg-findMe">
+        <RouterPage />
+      </div>
+    </Suspense>
   );
 }
 
diff --git a/src/components/AddMissingPersonForm/MissingPersonForm.jsx b/src/components/AddMissingPersonForm/MissingPersonForm.jsx
index 539b425..9aef28c 100644
--- a/src/components/AddMissingPersonForm/MissingPersonForm.jsx
+++ b/src/components/AddMissingPersonForm/MissingPersonForm.jsx
@@ -5,6 +5,8 @@ import UploadImg from './upload';
 import { useForm, Form } from './useForm';
 import { Input, Select, Textarea, SwitchToggle, Button } from './FormControl';
 import * as employeeService from './storg';
+import {useTranslation} from "react-i18next";
+
 
 const MissingPersonForm = () => {
   const initialFValues = {
@@ -146,13 +148,16 @@ const MissingPersonForm = () => {
     }
   };
 
+  // Translation
+  const [t, i18n] = useTranslation('common');
+  
   return (
     <div className="bg-white shadow-md  rounded-3xl m-5">
       <div className="flex xs:block sm:block md:flex xl:flex mb-6">
         <div className="w-1/4 p-2  text-center hidden md:block  "></div>
         <div className="w-3/4 p-2  text-center md:text-left  ">
           <Icon srcName={arrow} srcAlt="left-arrow" />
-          <Title title="Add A Missing Person" />
+          <Title title={t('translation.addAMissingPerson')} />
         </div>
       </div>
       <Form onSubmit={handleSubmit}>
@@ -167,7 +172,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="fristName"
-                  label="Frist Name"
+                  label={t('translation.firstName')}
                   type="text"
                   value={values.fristName}
                   onChange={handleInputChange}
@@ -179,7 +184,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={false}
                   name="secondName"
-                  label="Second Name"
+                  label={t('translation.secondName')}
                   type="text"
                   value={values.secondName}
                   onChange={handleInputChange}
@@ -190,7 +195,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={false}
                   name="thirdName"
-                  label="Third Name"
+                  label={t('translation.thirdName')}
                   type="text"
                   value={values.thirdName}
                   onChange={handleInputChange}
@@ -201,7 +206,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="surname"
-                  label="Surname"
+                  label={t('translation.surname')}
                   type="text"
                   value={values.surname}
                   onChange={handleInputChange}
@@ -215,7 +220,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="phoneNumber"
-                  label="Phone Number"
+                  label={t('translation.phoneNumber')}
                   type="tel"
                   value={values.phoneNumber}
                   onChange={handleInputChange}
@@ -226,7 +231,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={false}
                   name="phoneNumber2"
-                  label="phone Number"
+                  label={t('translation.phoneNumber2')}
                   type="tel"
                   value={values.phoneNumber2}
                   onChange={handleInputChange}
@@ -235,13 +240,13 @@ const MissingPersonForm = () => {
               </div>
               <div className="w-full md:w-4/4 lg:w-2/4 p-2 mb-6 md:mb-0 pt-4">
                 <div className="inline">
-                  Missing Person
+                {t('translation.missingPerson')}
                   <SwitchToggle
                     name="isLookingFor"
                     checked={values.isLookingFor}
                     onChange={handleInputChange}
                   />
-                  Looking for family
+                  {t('translation.lookingForFamily')}
                 </div>
               </div>
             </div>
@@ -251,7 +256,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="locationOfLoss"
-                  label="Location Of Loss"
+                  label={t('translation.locationOfLoss')}
                   type="text"
                   value={values.locationOfLoss}
                   onChange={handleInputChange}
@@ -262,7 +267,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="lostSince"
-                  label="Lost Since"
+                  label={t('translation.lostSince')}
                   type="date"
                   value={values.lostSince}
                   onChange={handleInputChange}
@@ -274,7 +279,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="lastPlaceSeen"
-                  label="Last Place Seen"
+                  label={t('translation.lastPlaceSeen')}
                   type="text"
                   value={values.lastPlaceSeen}
                   onChange={handleInputChange}
@@ -285,7 +290,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={false}
                   name="lastUpdate"
-                  label="Last Update"
+                  label={t('translation.lastUpdate')}
                   type="text"
                   value={values.lastUpdate}
                   onChange={handleInputChange}
@@ -299,7 +304,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={false}
                   name="age"
-                  label="Age"
+                  label={t('translation.age')}
                   type="number"
                   value={values.age}
                   onChange={handleInputChange}
@@ -309,7 +314,7 @@ const MissingPersonForm = () => {
               <div className="w-full md:w-2/4 lg:w-1/4  p-2 mb-6 md:mb-0">
                 <Select
                   name="gender"
-                  label="gender"
+                  label={t('translation.gender')}
                   value={values.gender}
                   onChange={handleInputChange}
                   InputLabelProps={{ shrink: true }}
@@ -319,7 +324,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={true}
                   name="relationship"
-                  label="Relationship"
+                  label={t('translation.relationship')}
                   type="text"
                   value={values.relationship}
                   onChange={handleInputChange}
@@ -330,7 +335,7 @@ const MissingPersonForm = () => {
                 <Input
                   required={false}
                   name="job"
-                  label="Job"
+                  label={t('translation.job')}
                   type="text"
                   value={values.job}
                   onChange={handleInputChange}
@@ -343,7 +348,7 @@ const MissingPersonForm = () => {
               <div className="w-full md:w-2/4 p-2 mb-6 md:mb-0">
                 <Textarea
                   name="notes"
-                  label="Notes"
+                  label={t('translation.notes')}
                   value={values.notes}
                   onChange={handleInputChange}
                 />
@@ -351,7 +356,7 @@ const MissingPersonForm = () => {
               <div className="w-full md:w-2/4 p-2 mb-6 md:mb-0">
                 <Textarea
                   name="specialSituotion"
-                  label="Special Situotion"
+                  label={t('translation.specialSituation')}
                   value={values.specialSituotion}
                   onChange={handleInputChange}
                 />
@@ -362,20 +367,19 @@ const MissingPersonForm = () => {
               <div className="w-full md:w-2/4 px-3 mb-6 md:mb-0 text-left">
                 <p className="text-sm ">
                   {' '}
-                  <span className="text-red-500">*</span> marked fields are
-                  required
+                  <span className="text-red-500">*</span> {t('translation.markedFieldsAreRequired')}
                 </p>
               </div>
               <div className="w-full md:w-2/4 px-3 mb-6 md:mb-0 md:justify-end justify-center flex ">
                 <Button
                   onClickMethod={resetForm}
-                  buttonName="Cancel"
+                  buttonName={t('translation.cancel')}
                   icon={cancel}
                   type="reset"
                   nameClass="rounded-full w-32 h-10 bg-white text-gray-700  border border-gray-700 border-solid"
                 />
                 <Button
-                  buttonName="Save"
+                  buttonName={t('translation.save')}
                   icon={save}
                   type="submit"
                   nameClass="rounded-full w-32 h-10 bg-gradient-to-r from-blue-400 to-blue-700 text-white "
diff --git a/src/components/Button/Button.jsx b/src/components/Button/Button.jsx
index a0416d3..2cfd3d8 100644
--- a/src/components/Button/Button.jsx
+++ b/src/components/Button/Button.jsx
@@ -1,11 +1,16 @@
 import React from 'react';
 
+import {useTranslation} from "react-i18next";
+
+
 const Button = (props) => {
+  const [t, i18n] = useTranslation('common');
+
   return (
     <div>
       <button className="rounded-full px-4 py-2 bg-gradient-to-r from-teal-200 via-blue-500 to-blue-700 text-white text-xl hover:opacity-75">
         <div className="flex flex-row-reverse justify-center">
-          {props.buttonName}
+        {t('translation.findMeButton')}
           <img src={props.icon} alt={props.alt} className="mr-8" />
         </div>
       </button>
diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index 54a1a3e..f3c7242 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -7,6 +7,9 @@ import { ReactComponent as Msgicon } from '../../images/msg.svg';
 //Importing the firebase setup to be used on submit event
 import firebase from '../../firebase';
 
+import {useTranslation} from "react-i18next";
+
+
 //Intaial values of the form
 const initialFValues = {
   name: '',
@@ -73,20 +76,23 @@ export default function ContactUsForm() {
       resetForm();
     }
   };
+
+  const [t, i18n] = useTranslation('common');
+
   //In this return form, Material Textfield which was defined will be used and assigned probs
   return (
     <Form onSubmit={handleSubmit}>
       <div className="flex flex-col w-full space-y-4 ">
         <Input
           name="name"
-          label="Full Name"
+          label={t('translation.fullName')}
           value={values.name}
           onChange={handleInputChange}
           error={errors.name}
           multi={false}
         />
         <Input
-          label="Email"
+          label={t('translation.email')}
           name="email"
           value={values.email}
           onChange={handleInputChange}
@@ -94,7 +100,7 @@ export default function ContactUsForm() {
           multi={false}
         />
         <Input
-          name="subject"
+          name={t('translation.subject')}
           label="Subject"
           value={values.subject}
           onChange={handleInputChange}
@@ -103,7 +109,7 @@ export default function ContactUsForm() {
         />
         <Input
           name="msg"
-          label="Message"
+          label={t('translation.message')}
           value={values.msg}
           onChange={handleInputChange}
           error={errors.msg}
@@ -117,7 +123,7 @@ export default function ContactUsForm() {
               style={{ textAlign: 'center' }}
               className="p-5 text-center  sm:text-center sm:text-sm text-xs  "
             >
-              Send a message
+            {t('translation.send')}
             </span>
           </button>
         </div>
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 4411071..3b23add 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -13,8 +13,13 @@ import facebook from '../../images/footer/facebook.svg';
 import instagram from '../../images/footer/instagram.svg';
 import bg from '../../images/footer/bg.svg';
 
+import {useTranslation} from "react-i18next";
+
+
 // Footer Section
 const Footer = () => {
+  // Translation
+  const [t, i18n] = useTranslation('common');
   return (
     <div>
       <>
@@ -31,32 +36,28 @@ const Footer = () => {
                   className="absolute right-0  p-8  pt-6 md:pt-1"
                 />
                 <h1 className="  text-white text-xl font-semibold ">
-                  About us
+                {t('translation.aboutUs')}
                 </h1>
                 <p className="  text-white ">
                   {' '}
-                  Our website is a service that connects lost people with anyone
-                  who is looking for them. We have two scenarios on our website
-                  of loss, the first type is a lost person and the other type is
-                  people who are found but missing their relatives or anyone
-                  that takes care of them.
+                  {t('translation.footerWebsiteBrief')}
                 </p>
               </div>
               <div className="   w-full md:w-1/2 lg:w-1/2  md:pl-12 px-12    mt-4  md:mt-0 text-left">
                 {/* links */}
-                <h3 className="text-white font-semibold">links</h3>
+                <h3 className="text-white font-semibold">{t('translation.links')}</h3>
                 <div className="flex pl-2 ">
                   <div className="links  pr-10 ">
-                    <LinkFooter pathLink="/" nameLink="Home" />
+                    <LinkFooter pathLink="/" nameLink={t('translation.home')} />
                     <LinkFooter
                       pathLink="/missing_people"
-                      nameLink="Missingpeople"
+                      nameLink={t('translation.missingPeople')}
                     />
-                    <LinkFooter pathLink="/about_us" nameLink="About" />
+                    <LinkFooter pathLink="/about_us" nameLink={t('translation.aboutUs')} />
                   </div>
                   <div className="links  ">
-                    <LinkFooter pathLink="/missing_people" nameLink="Search" />
-                    <LinkFooter pathLink="/add_post" nameLink="Post" />
+                    <LinkFooter pathLink="/missing_people" nameLink={t('translation.search')} />
+                    <LinkFooter pathLink="/add_post" nameLink={t('translation.post')} />
                   </div>
                 </div>
               </div>
@@ -77,7 +78,7 @@ const Footer = () => {
                 <p className="text-white uppercase	">
                   {' '}
                   <span className="mr mr-3 md:mr-5">
-                    follow us on social media:{' '}
+                  {t('translation.followUs')}:{' '}
                   </span>
                   <Icon path="#" srcName={facebook} srcAlt="facebook" />
                   <Icon path="#" srcName={twitter} srcAlt="twitter" />
diff --git a/src/components/MissingPersonCard/MissingPersonCard.jsx b/src/components/MissingPersonCard/MissingPersonCard.jsx
index cc31a09..fec608d 100644
--- a/src/components/MissingPersonCard/MissingPersonCard.jsx
+++ b/src/components/MissingPersonCard/MissingPersonCard.jsx
@@ -2,9 +2,14 @@ import React, { useState } from 'react';
 import userImage from '../../images/profile-svg.svg';
 import { Link } from 'react-router-dom';
 
+import {useTranslation} from "react-i18next";
+
+
 const MissingPersonCard = ({ cardInfo, i }) => {
   const [footerCard, setfooterCard] = useState(0);
 
+  const [t, i18n] = useTranslation('common');
+
   const beforeHover = (
     <div
       className="rounded-3xl mx-5 my-3 mx-auto md:mx-4"
@@ -15,7 +20,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
         <div className="relative">
           {cardInfo.lostFamily ? (
             <span className="absolute inline-block pr-4 pl-6 py-2 font-bold md:pr-2 md:pl-3 md:py-1 lg:pl-6 lg-pr-4 lg:py-2 bg-blue-700 right-0 text-white rounded-l-3xl mt-8 md:mt-4 lg:mt-8">
-              Found
+            Found
             </span>
           ) : (
             <span className="absolute inline-block pr-4 pl-10 py-2 font-bold md:pr-2 md:pl-5 md:py-1 lg:pl-8 lg-pr-4 lg:py-2 bg-blue-700 right-0 text-white rounded-l-3xl mt-8 md:mt-4 lg:mt-8">
@@ -32,7 +37,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
         </div>
         <div className="px-6 py-4 text-left">
           <div className="font-bold text-xl mb-2">{cardInfo.userName}</div>
-          <p className="text-base font-light">{`Lost since: ${cardInfo.lostSince}`}</p>
+          <p className="text-base font-light">{t('translation.lostSince')}{`${cardInfo.lostSince}`}</p>
         </div>
       </div>
     </div>
@@ -58,8 +63,8 @@ const MissingPersonCard = ({ cardInfo, i }) => {
             {cardInfo.description}
           </p>
           <div className="absolute bottom-0 ml-8 mb-2 md:text-xs md:ml-2 md:mb-1 lg:text-base lg:ml-8 lg:mb-2">
-            <span className="mr-8 md:mr-2 lg:mr-8">Age: {cardInfo.age}</span>
-            <span>Location: Sana'a</span>
+            <span className="mr-8 md:mr-2 lg:mr-8">{t('translation.age')}: {cardInfo.age}</span>
+            <span>{t('translation.location')}: Sana'a</span>
           </div>
           <img
             className="opacity-25 cursor-pointer h-64"
@@ -73,7 +78,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
           <div className="flex justify-between md:flex-col lg:flex-row xl:flex-row bg-blue-700 ">
             <div className="items-center mt-2">
               <p className="md:mb-2 mx-4 font-semibold">
-                {cardInfo.views} views
+                {cardInfo.views} {t('translation.statisticsSeens')}
               </p>
             </div>
             <div className=" ">
@@ -82,7 +87,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
                   className="focus:outline-none
                 border-2 border-white font-semibold  hover:bg-blue-600 text-white py-2 px-4 mb-2 rounded-full"
                 >
-                  More Details
+                {t('translation.moreDetails')}
                 </button>
               </Link>
             </div>
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index f0b1a85..123013d 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -29,7 +29,12 @@ import { getCurrentDate, validateName } from './helpers';
 import useStyles from './custMUIStyle';
 import { getSearchInfo } from './searchInfo';
 
+import {useTranslation} from "react-i18next";
+
+
 const CheckMissingPerson = (props) => {
+  const [t, i18n] = useTranslation('common');
+
   return (
     <FormControlLabel
       control={
@@ -43,12 +48,14 @@ const CheckMissingPerson = (props) => {
           }}
         />
       }
-      label="Missing Person"
+      label={t('translation.missingPerson')}
     />
   );
 };
 
 const IfLookingForFamily = (props) => {
+  const [t, i18n] = useTranslation('common');
+
   return (
     <FormControlLabel
       control={
@@ -62,7 +69,7 @@ const IfLookingForFamily = (props) => {
           inputProps={{ 'aria-label': 'primary checkbox' }}
         />
       }
-      label="Looking for family"
+      label={t('translation.lookingForFamily')}
     />
   );
 };
@@ -70,9 +77,11 @@ const IfLookingForFamily = (props) => {
 const ChooseGender = (props) => {
   const [gender, setGender] = React.useState('m');
   const Classes = useStyles();
+  const [t, i18n] = useTranslation('common');
+
   return (
     <FormControl variant="outlined" className={Classes.genderInput}>
-      <InputLabel id="">Gender</InputLabel>
+      <InputLabel id="">{t('translation.gender')}</InputLabel>
       <Select
         labelId=""
         id=""
@@ -81,11 +90,11 @@ const ChooseGender = (props) => {
         onChange={function (value) {
           props.handleChange('gender', value.target.value);
         }}
-        label="Gender"
+        label={t('translation.gender')}
       >
-        <MenuItem value="m">Male</MenuItem>
-        <MenuItem value="f">Female</MenuItem>
-        <MenuItem value="n">Not to say</MenuItem>
+        <MenuItem value="m">{t('translation.male')}</MenuItem>
+        <MenuItem value="f">{t('translation.female')}</MenuItem>
+        <MenuItem value="n">{t('translation.notToSay')}</MenuItem>
       </Select>
     </FormControl>
   );
@@ -133,6 +142,9 @@ const Search = () => {
     });
   };
 
+  // Translation
+  const [t, i18n] = useTranslation('common');
+
   return (
     <section>
       <div className="bg-gray-200" id="search-container">
@@ -175,7 +187,7 @@ const Search = () => {
                   renderInput={(params) => (
                     <TextField
                       {...params}
-                      label="Last seen at"
+                      label={t('translation.lastSeenAt')}
                       variant="outlined"
                     />
                   )}
@@ -192,7 +204,7 @@ const Search = () => {
                   id=""
                   className={Classes.customInput}
                   value={searchInfo.age}
-                  label="Age"
+                  label={t('translation.age')}
                   type="number"
                   variant="outlined"
                   onChange={(value) => {
@@ -207,7 +219,7 @@ const Search = () => {
                 required
                 className={Classes.nameInput}
                 value={searchInfo.missingName}
-                label="Name"
+                label={t('translation.name')}
                 type="text"
                 variant="outlined"
                 onChange={(value) => {
@@ -237,7 +249,7 @@ const Search = () => {
                     endIcon={<ClearAllIcon />}
                     onClick={() => clearAll()}
                   >
-                    Clear
+                  {t('translation.clear')}
                   </Button>
                 </div>
                 <div className="p-2">
@@ -251,7 +263,7 @@ const Search = () => {
                       getSearchInfo({ ...searchInfo });
                     }}
                   >
-                    Send
+                  {t('translation.send')}
                   </Button>
                 </div>
               </div>
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index 253e4e9..d11f4b1 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -16,6 +16,10 @@ import Language from '../../images/icons/icon-language.svg';
 import User from '../../images/icons/icon-user.svg';
 import SignOut from '../../images/icons/icon-signout.svg';
 
+// the translation function 
+import {useTranslation} from "react-i18next";
+
+
 const Navbar = (props) => {
   // user confign for Sign in wth Google
   const [currentUser, setCurrentUser] = React.useState(null);
@@ -37,6 +41,9 @@ const Navbar = (props) => {
   // Controlling the state of the Language menu
   const [menuOpen, setMenuOpen] = React.useState(false);
 
+    // Translation
+    const [t, i18n] = useTranslation('common');
+
   // Closing Lnguage menu in resize events
   React.useEffect(() => {
     function handleResize() {
@@ -59,7 +66,7 @@ const Navbar = (props) => {
           <Link to="/" className="p-2 mr-4 inline-flex items-center">
             <img src={FindMeLogo} className="h-8 w-8" alt="find me logo" />
             <span className="text-xl text-black font-bold uppercase tracking-wide">
-              Find Me
+            {t('translation.findMeButton')}
             </span>
           </Link>
           <button
@@ -83,7 +90,7 @@ const Navbar = (props) => {
                 to="/"
                 className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
               >
-                <span>Home</span>
+                <span>{t('translation.home')}</span>
               </Link>
             </li>
             <li className="mt-2 xl:mt-0">
@@ -91,7 +98,7 @@ const Navbar = (props) => {
                 to="/missing_people"
                 className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
               >
-                <span>Missing People</span>
+                <span>{t('translation.missingPeople')}</span>
               </Link>
             </li>
             <li className="mt-2 xl:mt-0">
@@ -99,7 +106,7 @@ const Navbar = (props) => {
                 to="/about_us"
                 className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
               >
-                <span>About Us</span>
+                <span>{t('translation.aboutUs')}</span>
               </Link>
             </li>
             <li className="mt-2 xl:mt-0">
@@ -107,7 +114,7 @@ const Navbar = (props) => {
                 to="/contact_us"
                 className="xl:inline-flex xl:w-auto w-full px-3 py-1 rounded-full text-black items-center justify-center hover:text-blue-600"
               >
-                <span>Contact Us</span>
+                <span>{t('translation.contactUs')}</span>
               </Link>
             </li>
             <li className="mt-2 xl:mt-0">
@@ -149,20 +156,20 @@ const Navbar = (props) => {
                       aria-orientation="vertical"
                       aria-labelledby="options-menu"
                     >
-                      <a
-                        href="#"
+                      <button
                         className="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
                         role="menuitem"
+                        onClick={() => i18n.changeLanguage('en')}
                       >
                         English
-                      </a>
-                      <a
-                        href="#"
+                      </button>
+                      <button
                         className="block px-4 py-2 text-sm leading-5 text-gray-700 text-right hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
                         role="menuitem"
+                        onClick={() => i18n.changeLanguage('ar')}
                       >
                         عربي
-                      </a>
+                      </button>
                     </div>
                   </div>
                 </div>
@@ -176,7 +183,7 @@ const Navbar = (props) => {
                     alt="search icon"
                     className="pr-5 h-5 "
                   />
-                  Search
+                  {t('translation.search')}
                 </button>
               </Link>
             </li>
@@ -216,7 +223,7 @@ const Navbar = (props) => {
                 className="inline-flex xl:w-auto w-full mx-3 xl:px-3 py-1 rounded-full text-blue-600 items-center justify-center focus:outline-none hover:opacity-75"
               >
                 <img src={GoogleIcon} alt="google icon" className="pr-2 h-5" />
-                Sign in with Google
+                {t('translation.signInWithGoogle')}
               </button>
             </li>
           )}
diff --git a/src/containers/AboutUs/AboutUs.jsx b/src/containers/AboutUs/AboutUs.jsx
index b762496..228d39b 100644
--- a/src/containers/AboutUs/AboutUs.jsx
+++ b/src/containers/AboutUs/AboutUs.jsx
@@ -6,7 +6,11 @@ import LinkedInIcon from './../../images/social/icon-linkedin.svg';
 import GitHubIcon from './../../images/social/icon-github.svg';
 import Website from './../../images/icons/icon-website.svg';
 
+import {useTranslation} from "react-i18next";
+
+
 const AboutUs = (props) => {
+  const [t, i18n] = useTranslation('common');
   return (
     <div>
       <div className="bg-gray-100 p-12 lg:flex lg:justify-center">
@@ -19,24 +23,19 @@ const AboutUs = (props) => {
           </div>
         </div>
         <div className="m-auto py-12 lg:p-0 px-6 max-w-xl lg:max-w-5xl lg:w-1/2">
-          <h2 className="text-3xl text-black font-bold">About Find Me ©</h2>
+          <h2 className="text-3xl text-black font-bold">{t('translation.aboutFindMe')}</h2>
           <p className="mt-4 text-black">
-            Find Me© is a website to help find the lost people. Weather you are
-            looking for your family or find a lost person. You came to the right
-            place.
+          {t('translation.aboutFindMePara')}
           </p>
           <br></br>
           <br></br>
-          <h2 className="text-3xl text-black font-bold">Our Story</h2>
+          <h2 className="text-3xl text-black font-bold">{t('translation.ourStory')}</h2>
           <p className="mt-4 text-black">
-            We are a group of students with a passion for coding and developing.
-            Find Me© is one of our projects that is categorized under UN's
-            sustainable development. Which will help our country on the long
-            run.
+          {t('translation.aboutTheWebsiteParagraph')}
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Abdulateef Al-radaee
+            {t('translation.abdulateefAlradaee')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/Abdulateef-Muhammad">
@@ -52,7 +51,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Ahmed Al-Majidi
+            {t('translation.ahmedAlMajidi')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/AhmedAl-Majidi">
@@ -68,7 +67,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Asma Kolaib
+            {t('translation.asmaKolaib')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/as-kolaib">
@@ -84,7 +83,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Basil Homadi
+            {t('translation.basilHomadi')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/BasilHomadi">
@@ -100,7 +99,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Sondos Ahmed
+            {t('translation.sondosAhmed')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/SondosAhmed">
@@ -116,7 +115,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Watheq Alshowaiter
+            {t('translation.watheqAlshowaiter')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="http://watheq.xyz/">
@@ -135,16 +134,13 @@ const AboutUs = (props) => {
           </p>
           <br />
           <br />
-          <h2 className="text-3xl text-black font-bold">A Big Thanks for</h2>
+          <h2 className="text-3xl text-black font-bold">{t('translation.aBigThanksFor')}</h2>
           <p className="mt-4 text-black">
-            During our long journey of problem solving, programing and learning
-            how to code, There are some special names that shine like stars, to
-            guide us to safe lands. We are really grateful for them for holding
-            our hands in the utter darkness.
+          {t('translation.aBigThanksForPara')}
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Maher Alaqil
+            {t('translation.maher')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/maqalaqil">
@@ -160,7 +156,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Salah Al-Dhaferi
+              {t('translation.salah')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/tech-chieftain">
@@ -176,7 +172,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Muhanned Noman
+              {t('translation.muhanned')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a target="_blank" href="https://github.com/MuhannedNoman">
@@ -192,7 +188,7 @@ const AboutUs = (props) => {
           </p>
           <p className="flex mt-4">
             <span className="block text-left w-2/3 box-border">
-              Mohamed Alaoudi
+            {t('translation.mohamed')}
             </span>
             <span className="block text-right w-1/3 box-border">
               <a
@@ -204,8 +200,7 @@ const AboutUs = (props) => {
             </span>
           </p>
           <p className="mt-4 text-black">
-            And all Re:Coded family, which without them, we could not be here
-            today.
+          {t('translation.andAllRecodedTeam')}
           </p>
         </div>
       </div>
diff --git a/src/containers/HomePage/MissingPeople.jsx b/src/containers/HomePage/MissingPeople.jsx
index c0c5e33..e6039c2 100644
--- a/src/containers/HomePage/MissingPeople.jsx
+++ b/src/containers/HomePage/MissingPeople.jsx
@@ -3,11 +3,17 @@ import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonC
 import Api from './api';
 import { Link } from 'react-router-dom';
 
+import {useTranslation} from "react-i18next";
+
+
 const HomePage = ({ missingPeople }) => {
   // storing api data in the state
   const [data, setData] = useState(Api);
   console.log(data);
 
+  // Translation
+  const [t, i18n] = useTranslation('common');
+
   return (
     <div className="">
       <h2 className="font-normal tracking-wider text-4xl mb-10 mx-4">
@@ -20,7 +26,7 @@ const HomePage = ({ missingPeople }) => {
       </div>
       <p className="mr-10 my-10 text-right text-blue-500">
         <Link to="/missing_people">
-          <span className="">More Missing People &rarr;</span>
+          <span className="">{t('translation.moreMissingPeopleLink')} &larr;</span>
         </Link>
       </p>
     </div>
diff --git a/src/containers/MissingPeople/MissingPeoplePage.jsx b/src/containers/MissingPeople/MissingPeoplePage.jsx
index ce11cbd..820a820 100644
--- a/src/containers/MissingPeople/MissingPeoplePage.jsx
+++ b/src/containers/MissingPeople/MissingPeoplePage.jsx
@@ -7,6 +7,9 @@ import './style.css';
 import NiceButton from '../../components/LoadingButton/NiceButton';
 import '../../components/LoadingButton/style.css';
 
+import {useTranslation} from "react-i18next";
+
+
 const MissingPeoplePage = () => {
   const ITEMSTOSHOW = 8;
 
@@ -51,6 +54,7 @@ const MissingPeoplePage = () => {
     clearTimeout();
     // buttonTextRef.current = '⬇ Show More';
   };
+  const [t, i18n] = useTranslation('common');
 
   return (
     <div>
@@ -81,7 +85,7 @@ const MissingPeoplePage = () => {
               showMoreItemsClick();
             }}
           >
-            ⬇ Show More
+            ⬇ {t('translation.showMore')}
           </NiceButton>
         )}
       </div>
diff --git a/src/containers/WebsiteDescription/WebsiteDescription.jsx b/src/containers/WebsiteDescription/WebsiteDescription.jsx
index 9a7d63e..7cf2245 100644
--- a/src/containers/WebsiteDescription/WebsiteDescription.jsx
+++ b/src/containers/WebsiteDescription/WebsiteDescription.jsx
@@ -4,25 +4,27 @@ import DescriptionImage from '../../images/undraw_web_search_eetr.svg';
 import SearchIcon from '../../images/Path.svg';
 import { Link } from 'react-router-dom';
 
+import {useTranslation} from "react-i18next";
+
+
 const WebsiteDescription = () => {
+  const [t, i18n] = useTranslation('common');
+
   return (
     <div className="flex justify-around flex-col-reverse m-4 sm:m-0 sm:flex-row flex-grow sm-flex-grow-0 ">
       <div className="sm:w-2/5 bg-ahmed-100 content-between text-left">
         <div>
-          <h1 className="text-4xl">Lost Someone?</h1>
+          <h1 className="text-4xl">{t('translation.lostSomeone')}</h1>
           <h4 className="text-3xl text-blue-500 font-medium">
-            Search here to find him/her
+          {t('translation.searchHereToFind')}
           </h4>
           <p>
-            Our website is a service that connects lost people with anyone who
-            is looking for them. We have two scenarios on our website of loss,
-            the first type is a lost person and the other type is people who are
-            found but missing their relatives or anyone that takes care of them.
+          {t('translation.websiteBrief')}
           </p>
         </div>
         <div className="flex justify-center mt-4 md:justify-end">
           <Link to="/missing_people">
-            <Button buttonName="Find Me" icon={SearchIcon} />
+            <Button icon={SearchIcon} />
           </Link>
         </div>
       </div>
diff --git a/src/index.js b/src/index.js
index cbe4027..85c5a40 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,11 +2,36 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import './i18n';
+// import './i18n';
+
+import { I18nextProvider } from 'react-i18next';
+import i18next from 'i18next';
+
+import common_ar from './translations/ar/common.json';
+import common_en from './translations/en/common.json';
+
+i18next.init({
+  interpolation: { escapeValue: false }, // React already does escaping
+});
+
+i18next.init({
+  interpolation: { escapeValue: false }, // React already does escaping
+  lng: 'en', // language to use
+  resources: {
+    en: {
+      common: common_en, // 'common' is our custom namespace
+    },
+    ar: {
+      common: common_ar,
+    },
+  },
+});
 
 ReactDOM.render(
   <React.StrictMode>
-    <App />
+    <I18nextProvider i18n={i18next}>
+      <App />
+    </I18nextProvider>
   </React.StrictMode>,
   document.getElementById('root')
 );
diff --git a/src/translations/ar/common.json b/src/translations/ar/common.json
new file mode 100644
index 0000000..3b9c520
--- /dev/null
+++ b/src/translations/ar/common.json
@@ -0,0 +1,90 @@
+{
+"translation": {
+      "home": "الرئيسية",
+      "missingPeople": "المفقودون",
+      "aboutUs": "حول الموقع",
+      "contactUs": "اتصل بنا",
+      "search": "ابحث",
+      "post": "اعلن عن مفقود",
+      "signInWithGoogle": "سجّل باستخدام جوجل",
+      "signOut": "سجل الخروج",
+      "quote": ".لقد ساعدني هذا الموقع في العثور على ابني ، وسأكون دائمًا ممتنًا لذلك", 
+      "statisticsSeens": "مشاهدة",
+      "statisticsFoundPeople": "شخص وُجد",
+      "statisticsNumberOfLost": "مفقود",
+      "lostSomeone": "هل فقدت أحدهم؟",
+      "searchHereToFind": "ابحث عنها لإيجاده/ا",
+      "websiteBrief":
+        ".موقعنا هو خدمة تصل المفقودين مع أي أحد يبحث عنهم. لدينا سيناريوهين في موقعنا، النوع الأولي يكون الشخص مفقودًا، والنوع الثاني يكون الشخص باحثًا عن أهله أو من يعوله",
+      "findMeButton": "ابحث عني",
+      "found": "موجود",
+      "lost": "مفقود",
+      "location": "الموقع",
+      "age": "العمر",
+      "moreDetails": "مزيدًا من التفاصيل",
+      "moreMissingPeopleLink": "مزيدًا من المفقودين",
+      "links": "الروابط",
+      "lostSince": "مفقود منذ",
+      "letsTalk": "لنتحدث",
+      "name": "الاسم",
+      "fullName": "الاسم كاملاً",
+      "enterYourName": "ادخل اسمك",
+      "email": "البريد الإلكتروني",
+      "enterYourEmail": "أدخل بريدك الإلكتروني",
+      "subject": "الموضوع",
+      "message": "الرسالة",
+      "enterYourMessage": "اكتب رسالتك",
+      "sendMessage": "ارسل الرسالة",
+      "goneMissingOn": "Gone missing on",
+      "lastSeenAt": "شوهد آخر مرة في",
+      "gender": "النوع",
+      "male": "ذكر",
+      "female": "أنثى",
+      "notToSay": "لا أفضل القول",
+      "showAllFilters": "أظهر كل الفلاتر",
+      "missingPerson": "شخص مفقود",
+      "lookingForFamily": "يبحث عن أسرته",
+      "clear": "امسح",
+      "send": "ارسل",
+      "addAMissingPerson": "أضف شخص مفقود",
+      "showMore": "أضهر المزيد",
+      "firstName": "الإسم الأول",
+      "secondName": "الإسم الثاني",
+      "thirdName": "الإسم الثالث",
+      "surname": "اللقب",
+      "phoneNumber": "رقم التلفون",
+      "phoneNumber2": "رقم التلفون 2",
+      "locationOfLoss": "مكان الذي ضاع فيه",
+      "lastPlaceSeen": "آخر مكان شوهد فيه",
+      "lastUpdate": "اخر تحديث",
+      "relationship": "العلاقة",
+      "job": "الوظيفة",
+      "notes": "ملاحظات",
+      "specialSituation": "حالة خاصة",
+      "markedFieldsAreRequired": "الحقول المعلمة مطلوبة",
+      "cancel": "الغي",
+      "save": "حفظ",
+      "informations": "معلومات",
+      "posterAndContactInfo": "معلومات الناشر",
+      "aboutTheWebsite": "حول الموقع",
+      "aboutFindMe": "©حول جدني",
+      "aboutTheWebsiteParagraph": ".نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير.هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة. الأمر الذي سيساعد بلادنا على المدى الطويل ",
+      "aBigThanksFor": ": شكراً جزيلاً لـ",
+      "aBigThanksForPara": ".خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
+      "mohamed": "محمد العودي",
+      "maher": "ماهر العاقل",
+      "salah": "صلاح الظافري",
+      "muhanned": "مهند نعمان",
+      "andAllRecodedTeam": ".وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
+      "ourStory": "قصتنا",
+      "aboutFindMePara": ".جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين. سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
+      "abdulateefAlradaee": "عبداللطيف الرداعي",
+      "ahmedAlMajidi": "أحمد المجيدي",
+      "asmaKolaib": "أسماء كليب",
+      "basilHomadi": "باسل حمادي",
+      "sondosAhmed": "ٍسندس أحمد",
+      "watheqAlshowaiter": "واثق الشويطر",
+      "footerWebsiteBrief": ".موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
+      "followUs": "تابعنا على وسائل التواصل الإجتماعي"
+    }
+}
\ No newline at end of file
diff --git a/src/translations/en/common.json b/src/translations/en/common.json
new file mode 100644
index 0000000..ff2fd59
--- /dev/null
+++ b/src/translations/en/common.json
@@ -0,0 +1,90 @@
+{
+    "translation": {
+      "home": "Home",
+      "missingPeople": "Missing People",
+      "aboutUs": "About Us",
+      "contactUs": "Contact Us",
+      "search": "Search",
+      "post": "Post",
+      "signInWithGoogle": "Sign In with Google",
+      "signOut": "Sign Out",
+      "quote": "This website has helped me find my son, I will always be thankful for that.This website has helped me find my son, I will always be thankful for that.", 
+      "statisticsSeens": "seens",
+      "statisticsFoundPeople": "found people",
+      "statisticsNumberOfLost": "lost",
+      "lostSomeone": "Lost Someone?",
+      "searchHereToFind": "Search here to find him/her",
+      "websiteBrief":
+        "Our website is a service that connects lost people with anyone who is looking for them. We have two scenarios on our website of loss, the first type is a lost person and the other type is people who are found but missing their relatives or anyone that takes care of them.",
+      "findMeButton": "Find Me",
+      "found": "Found",
+      "lost": "lost",
+      "location": "Location",
+      "moreDetails": "More Details",
+      "moreMissingPeopleLink": "More Missing People",
+      "links": "Links",
+      "lostSince": "Lost since:",
+      "letsTalk": "Let's talk",
+      "name": "Name",
+      "fullName": "Full Name",
+      "enterYourName": "Enter your name",
+      "email": "Email",
+      "enterYourEmail": "Enter your email",
+      "subject": "Subject",
+      "message": "Message",
+      "enterYourMessage": "Enter your message",
+      "sendMessage": "Send Message",
+      "goneMissingOn": "Gone missing on",
+      "lastSeenAt": "Last seen at",
+      "gender": "Gender",
+      "male": "Male",
+      "female": "Female",
+      "notToSay": "Not to say",
+      "age": "Age",
+      "showAllFilters": "Show All Filters",
+      "missingPerson": "Missing Person",
+      "lookingForFamily": "Looking for family",
+      "clear": "Clear",
+      "send": "Send",
+      "addAMissingPerson": "Add A Missing Person",
+      "showMore": "Show More",
+      "firstName": "First Name",
+      "secondName": "Second Name",
+      "thirdName": "Third Name",
+      "surname": "Surname",
+      "phoneNumber": "Phone Number",
+      "phoneNumber2": "Phone Number 2",
+      "locationOfLoss": "Location of Loss",
+      "lastPlaceSeen": "Last Place Seen",
+      "lastUpdate": "Last Update",
+      "relationship": "Relationship",
+      "job": "Job",
+      "notes": "Notes",
+      "specialSituation": "Special Situation",
+      "markedFieldsAreRequired": "marked fields are required",
+      "cancel": "Cancel",
+      "save": "Save",
+      "informations": "Informations",
+      "posterAndContactInfo": "Poster and Contact Info",
+      "aboutTheWebsite": "About the Website",
+      "aboutFindMe": "About Find Me ©",
+      "aboutTheWebsiteParagraph": "We are a group of students with a passion for coding and developing.Find Me© is one of our projects that is categorized under UN's sustainable development. Which will help our country on the long run.",
+      "aBigThanksFor": "A Big Thanks for",
+      "aBigThanksForPara": "During our long journey of problem solving, programing and learning how to code, There are some special names that shine like stars, to guide us to safe lands. We are really grateful for them for holding our hands in the utter darkness.",
+      "mohamed": "Mohamed Alaoudi",
+      "maher": "Maher Alaqil",
+      "salah": "Salah Al-Dhaferi",
+      "muhanned": "Muhanned Noman",
+      "andAllRecodedTeam": "And all Re:Coded family, which without them, we could not be here today.",
+      "ourStory": "Our Story",
+      "aboutFindMePara":"Find Me© is a website to help find the lost people. Weather you are looking for your family or find a lost person. You came to the right place.",
+      "abdulateefAlradaee": "Abulateef Al-radaee",
+      "ahmedAlMajidi": "Ahmed Al-Majidi",
+      "asmaKolaib": "Asma Kolaib",
+      "basilHomadi": "Basil Homadi",
+      "sondosAhmed": "Sondos Ahmed",
+      "watheqAlshowaiter": "Watheq Alshowaiter",
+      "footerWebsiteBrief": "Our website is a service that connects lost people with anyone who is looking for them. We have two scenarios on our website of loss, the first type is a lost person and the other type is people who are found but missing their relatives or anyone that takes care of them.",
+      "followUs": "follow us on social media"
+    }
+}
\ No newline at end of file

From ef1ca5a5536e748b9152fb78cb47a3f83d246d88 Mon Sep 17 00:00:00 2001
From: AhmedAl-Majidi <67476296+AhmedAl-Majidi@users.noreply.github.com>
Date: Mon, 16 Nov 2020 12:59:38 +0300
Subject: [PATCH 12/15] fix: edit some translation issues

---
 package.json                                  |   2 +-
 src/components/ContactUs/ContactUsForm.jsx    |   4 +-
 src/components/Footer/Footer.jsx              |   2 +-
 .../MissedPersonOtherData.jsx                 |  32 +--
 .../MissingPersonCard/MissingPersonCard.jsx   |   2 +-
 src/components/Search/Search.js               |   2 +-
 src/components/navbar/NavBar.jsx              |   2 +-
 .../ContactUs/ContactUsContainer.jsx          |   4 +-
 src/translations/ar/common.json               |  53 +++--
 src/translations/en/common.json               |  15 +-
 yarn.lock                                     | 182 +++++++-----------
 11 files changed, 138 insertions(+), 162 deletions(-)

diff --git a/package.json b/package.json
index 416b0de..207b16a 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-elastic-carousel": "^0.9.1",
-    "react-i18next": "^9.0.10",
+    "react-i18next": "^11.7.3",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
     "react-scroll-up-button": "^1.6.4",
diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index f3c7242..16a4f73 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -100,8 +100,8 @@ export default function ContactUsForm() {
           multi={false}
         />
         <Input
-          name={t('translation.subject')}
-          label="Subject"
+          name="subject"
+          label={t('translation.subject')}
           value={values.subject}
           onChange={handleInputChange}
           error={errors.subject}
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 3b23add..5161f20 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -78,7 +78,7 @@ const Footer = () => {
                 <p className="text-white uppercase	">
                   {' '}
                   <span className="mr mr-3 md:mr-5">
-                  {t('translation.followUs')}:{' '}
+                  {t('translation.followUs')}{' '}
                   </span>
                   <Icon path="#" srcName={facebook} srcAlt="facebook" />
                   <Icon path="#" srcName={twitter} srcAlt="twitter" />
diff --git a/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx b/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
index 0248130..2e8b8b5 100644
--- a/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
+++ b/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
@@ -3,28 +3,32 @@ import React from 'react';
 import RowOfData from '../RowOfData/RowOfData';
 import Data from '../../Data';
 
+import {useTranslation} from "react-i18next";
+
 const MissedPersonOtherData = () => {
+  const [t, i18n] = useTranslation('common');
+
   return (
     <div className="lg:w-2/4 ml-4 lg:ml-0">
       <div className="mb-4">
-        <p className="text-gray-500">Informations</p>
+        <p className="text-gray-500">{t('translation.informations')}</p>
         <hr className="x" />
       </div>
       {/* Informations Section */}
       <div className="flex flex-col text-sm sm:flex-row lg:text-md">
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Location of lose:" data={Data[1].locationOfLose} />
-          <RowOfData label="Lost since:" data={Data[1].lostSince} />
-          <RowOfData label="Age:" data={Data[1].age} />
-          <RowOfData label="Notes:" data={Data[1].notes} />
+          <RowOfData label={t('translation.locationOfLossD')} data={Data[1].locationOfLose} />
+          <RowOfData label={t('translation.lostSinceD')} data={Data[1].lostSince} />
+          <RowOfData label={t('translation.ageD')} data={Data[1].age} />
+          <RowOfData label={t('translation.notesD')} data={Data[1].notes} />
         </div>
 
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Last place seen:" data={Data[1].lastPlaceSeen} />
-          <RowOfData label="Last update:" data={Data[1].lastUpdate} />
-          <RowOfData label="Gender:" data={Data[1].gender} />
+          <RowOfData label={t('translation.lastPlaceSeenD')} data={Data[1].lastPlaceSeen} />
+          <RowOfData label={t('translation.lastUpdateD')} data={Data[1].lastUpdate} />
+          <RowOfData label={t('translation.genderD')} data={Data[1].gender} />
           <RowOfData
-            label="Special situation:"
+            label={t('translation.specialSituationD')}
             data={Data[1].specialSituation}
           />
         </div>
@@ -32,17 +36,17 @@ const MissedPersonOtherData = () => {
 
       {/* Poster and Contact Info Section */}
       <div className="my-4">
-        <p className="text-gray-500">Poster and Contact Info</p>
+        <p className="text-gray-500">{t('translation.posterAndContactInfo')}</p>
         <hr className="x" />
       </div>
       <div className="flex flex-col text-sm sm:flex-row lg:text-md mb-8 sm:mb-20">
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Name:" data={Data[1].contactName} />
-          <RowOfData label="Phone number:" data={Data[1].phoneNumber} />
+          <RowOfData label={t('translation.nameD')} data={Data[1].contactName} />
+          <RowOfData label={t('translation.phoneNumberD')} data={Data[1].phoneNumber} />
         </div>
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Realtionship:" data={Data[1].realtionship} />
-          <RowOfData label="Phone number 2:" data={Data[1].phoneNumber2} />
+          <RowOfData label={t('translation.relationshipD')} data={Data[1].realtionship} />
+          <RowOfData label={t('translation.phoneNumber2D')} data={Data[1].phoneNumber2} />
         </div>
       </div>
     </div>
diff --git a/src/components/MissingPersonCard/MissingPersonCard.jsx b/src/components/MissingPersonCard/MissingPersonCard.jsx
index fec608d..1c30997 100644
--- a/src/components/MissingPersonCard/MissingPersonCard.jsx
+++ b/src/components/MissingPersonCard/MissingPersonCard.jsx
@@ -37,7 +37,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
         </div>
         <div className="px-6 py-4 text-left">
           <div className="font-bold text-xl mb-2">{cardInfo.userName}</div>
-          <p className="text-base font-light">{t('translation.lostSince')}{`${cardInfo.lostSince}`}</p>
+          <p className="text-base font-light">{t('translation.lostSince:')}{`${cardInfo.lostSince}`}</p>
         </div>
       </div>
     </div>
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index 123013d..b4360a5 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -164,7 +164,7 @@ const Search = () => {
                 <TextField
                   id=""
                   className={Classes.goneMissingOnInput}
-                  label="Gone missing on"
+                  label={t('translation.lostSince')}
                   value={searchInfo.goneMissingOn}
                   onChange={function (e) {
                     handleUserInput('goneMissingOn', e.target.value);
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index d11f4b1..de71a76 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -195,7 +195,7 @@ const Navbar = (props) => {
                     alt="post icon"
                     className="pr-5 h-5"
                   ></img>
-                  Post
+                  {t('translation.post')}
                 </button>
               </Link>
             </li>
diff --git a/src/containers/ContactUs/ContactUsContainer.jsx b/src/containers/ContactUs/ContactUsContainer.jsx
index 87149b5..bc602e6 100644
--- a/src/containers/ContactUs/ContactUsContainer.jsx
+++ b/src/containers/ContactUs/ContactUsContainer.jsx
@@ -2,10 +2,12 @@ import React from 'react';
 import ContactUsForm from '../../components/ContactUs/ContactUsForm';
 import contact from '../../images/contact.svg';
 import GridBg from '../../images/repeat-grid-4.svg';
+import {useTranslation} from "react-i18next";
 //This is the container of Contact Us page
 //It contans a vector and the form components
 //It imports ContactUsForm react components which grap all the comonents of contact us form
 export default function ContactUs() {
+  const [t, i18n] = useTranslation('common');
   return (
     <div className="items-center xl:h-screen lg:h-screen sm:h-auto h-auto xl:h-screen lg:h-screen xl:pl-12 xl:pr-12 lg:pl-10 lg:pr-10 sm:pl-8 sm:pr-8 pl-4 pr-4">
       <div className="flex  xl:flex-row lg:flex-row  flex-col sm:flex-col pl-12 pr-12 xl:space-x-8 lg:space-x-4 space-y-8 sm:space-y-8 ">
@@ -21,7 +23,7 @@ export default function ContactUs() {
           ></img>
 
           <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">
-            Let's talk
+          {t('translation.letsTalk')}
           </p>
           <ContactUsForm className="h-auto " />
         </div>
diff --git a/src/translations/ar/common.json b/src/translations/ar/common.json
index 3b9c520..cf786f4 100644
--- a/src/translations/ar/common.json
+++ b/src/translations/ar/common.json
@@ -3,9 +3,9 @@
       "home": "الرئيسية",
       "missingPeople": "المفقودون",
       "aboutUs": "حول الموقع",
-      "contactUs": "اتصل بنا",
+      "contactUs": "تواصل بنا",
       "search": "ابحث",
-      "post": "اعلن عن مفقود",
+      "post": "انشر",
       "signInWithGoogle": "سجّل باستخدام جوجل",
       "signOut": "سجل الخروج",
       "quote": ".لقد ساعدني هذا الموقع في العثور على ابني ، وسأكون دائمًا ممتنًا لذلك", 
@@ -13,29 +13,28 @@
       "statisticsFoundPeople": "شخص وُجد",
       "statisticsNumberOfLost": "مفقود",
       "lostSomeone": "هل فقدت أحدهم؟",
-      "searchHereToFind": "ابحث عنها لإيجاده/ا",
+      "searchHereToFind": "ابحث عنه لإيجاده",
       "websiteBrief":
         ".موقعنا هو خدمة تصل المفقودين مع أي أحد يبحث عنهم. لدينا سيناريوهين في موقعنا، النوع الأولي يكون الشخص مفقودًا، والنوع الثاني يكون الشخص باحثًا عن أهله أو من يعوله",
-      "findMeButton": "ابحث عني",
+      "findMeButton": "جدني",
       "found": "موجود",
       "lost": "مفقود",
       "location": "الموقع",
       "age": "العمر",
-      "moreDetails": "مزيدًا من التفاصيل",
-      "moreMissingPeopleLink": "مزيدًا من المفقودين",
+      "moreDetails": "المزيد من التفاصيل",
+      "moreMissingPeopleLink": "المزيد من المفقودين",
       "links": "الروابط",
       "lostSince": "مفقود منذ",
       "letsTalk": "لنتحدث",
       "name": "الاسم",
       "fullName": "الاسم كاملاً",
-      "enterYourName": "ادخل اسمك",
+      "enterYourName": "أدخل اسمك",
       "email": "البريد الإلكتروني",
       "enterYourEmail": "أدخل بريدك الإلكتروني",
       "subject": "الموضوع",
       "message": "الرسالة",
-      "enterYourMessage": "اكتب رسالتك",
+      "enterYourMessage": "اكتب رسالة",
       "sendMessage": "ارسل الرسالة",
-      "goneMissingOn": "Gone missing on",
       "lastSeenAt": "شوهد آخر مرة في",
       "gender": "النوع",
       "male": "ذكر",
@@ -47,14 +46,14 @@
       "clear": "امسح",
       "send": "ارسل",
       "addAMissingPerson": "أضف شخص مفقود",
-      "showMore": "أضهر المزيد",
+      "showMore": "أظهر المزيد",
       "firstName": "الإسم الأول",
       "secondName": "الإسم الثاني",
       "thirdName": "الإسم الثالث",
       "surname": "اللقب",
-      "phoneNumber": "رقم التلفون",
-      "phoneNumber2": "رقم التلفون 2",
-      "locationOfLoss": "مكان الذي ضاع فيه",
+      "phoneNumber": "رقم الهاتف",
+      "phoneNumber2": "رقم الهاتف 2",
+      "locationOfLoss": "فُقد في",
       "lastPlaceSeen": "آخر مكان شوهد فيه",
       "lastUpdate": "اخر تحديث",
       "relationship": "العلاقة",
@@ -64,27 +63,39 @@
       "markedFieldsAreRequired": "الحقول المعلمة مطلوبة",
       "cancel": "الغي",
       "save": "حفظ",
-      "informations": "معلومات",
-      "posterAndContactInfo": "معلومات الناشر",
+      "informations": "بيانات المفقود",
+      "locationOfLossD": "فُقد في:",
+      "lastPlaceSeenD": "آخر مكان شوهد فيه:",
+      "lostSinceD": "مفقود منذ:",
+      "lastUpdateD": "اخر تحديث:",
+      "ageD": "العمر:",
+      "genderD": "النوع:",
+      "notesD": "ملاحظات:",
+      "specialSituationD": "حالة خاصة:",
+      "nameD": "الاسم:",
+      "relationshipD": "العلاقة:",
+      "phoneNumberD": "رقم الهاتف:",
+      "phoneNumber2D": "رقم الهاتف 2:",
+      "posterAndContactInfo": "بيانات الناشر",
       "aboutTheWebsite": "حول الموقع",
       "aboutFindMe": "©حول جدني",
-      "aboutTheWebsiteParagraph": ".نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير.هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة. الأمر الذي سيساعد بلادنا على المدى الطويل ",
+      "aboutTheWebsiteParagraph": "نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير،هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة،الأمر الذي سيساعد بلادنا على المدى الطويل ",
       "aBigThanksFor": ": شكراً جزيلاً لـ",
-      "aBigThanksForPara": ".خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
+      "aBigThanksForPara": "خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
       "mohamed": "محمد العودي",
       "maher": "ماهر العاقل",
       "salah": "صلاح الظافري",
       "muhanned": "مهند نعمان",
-      "andAllRecodedTeam": ".وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
+      "andAllRecodedTeam": "وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
       "ourStory": "قصتنا",
-      "aboutFindMePara": ".جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين. سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
+      "aboutFindMePara": "جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين،سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
       "abdulateefAlradaee": "عبداللطيف الرداعي",
       "ahmedAlMajidi": "أحمد المجيدي",
       "asmaKolaib": "أسماء كليب",
       "basilHomadi": "باسل حمادي",
-      "sondosAhmed": "ٍسندس أحمد",
+      "sondosAhmed": "سندس أحمد",
       "watheqAlshowaiter": "واثق الشويطر",
-      "footerWebsiteBrief": ".موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
+      "footerWebsiteBrief": "موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
       "followUs": "تابعنا على وسائل التواصل الإجتماعي"
     }
 }
\ No newline at end of file
diff --git a/src/translations/en/common.json b/src/translations/en/common.json
index ff2fd59..8af299d 100644
--- a/src/translations/en/common.json
+++ b/src/translations/en/common.json
@@ -34,7 +34,6 @@
       "message": "Message",
       "enterYourMessage": "Enter your message",
       "sendMessage": "Send Message",
-      "goneMissingOn": "Gone missing on",
       "lastSeenAt": "Last seen at",
       "gender": "Gender",
       "male": "Male",
@@ -65,6 +64,18 @@
       "cancel": "Cancel",
       "save": "Save",
       "informations": "Informations",
+      "locationOfLossD": "Location of Loss:",
+      "lastPlaceSeenD": "Last Place Seen:",
+      "lostSinceD": "Lost since:",
+      "lastUpdateD": "Lost since:",
+      "ageD": "Age:",
+      "genderD": "Gender:",
+      "notesD": "Notes:",
+      "specialSituationD": "Special situation:",
+      "nameD": "Name:",
+      "relationshipD": "Relationship:",
+      "phoneNumberD": "Phone number:",
+      "phoneNumber2D": "Phone number 2:",
       "posterAndContactInfo": "Poster and Contact Info",
       "aboutTheWebsite": "About the Website",
       "aboutFindMe": "About Find Me ©",
@@ -85,6 +96,6 @@
       "sondosAhmed": "Sondos Ahmed",
       "watheqAlshowaiter": "Watheq Alshowaiter",
       "footerWebsiteBrief": "Our website is a service that connects lost people with anyone who is looking for them. We have two scenarios on our website of loss, the first type is a lost person and the other type is people who are found but missing their relatives or anyone that takes care of them.",
-      "followUs": "follow us on social media"
+      "followUs": "follow us on social media: "
     }
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index c0adae2..4b66216 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1248,10 +1248,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/auth-types/-/auth-types-0.10.1.tgz#7815e71c9c6f072034415524b29ca8f1d1770660"
   integrity sha512-/+gBHb1O9x/YlG7inXfxff/6X3BPZt4zgBv4kql6HEmdzNQCodIRlEYnI+/da+lN+dha7PjaFH7C7ewMmfV7rw==
 
-"@firebase/auth@0.15.1":
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.15.1.tgz#2e0e7397d6f754d81916babd9bce21a51f4b25a3"
-  integrity sha512-qVJTmq/6l3/o6V93nAD+n1ExTywbKEFYbuuI1TZIUryy5KSXOFnxilmZI4yJeQSZ3ee06YiJsIRYRaYUeg6JQQ==
+"@firebase/auth@0.15.2":
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.15.2.tgz#9ada3f37620d131a1c56994138a599b5c9f9ca2e"
+  integrity sha512-2n32PBi6x9jVhc0E/ewKLUCYYTzFEXL4PNkvrrlGKbzeTBEkkyzfgUX7OV9UF5wUOG+gurtUthuur1zspZ/9hg==
   dependencies:
     "@firebase/auth-types" "0.10.1"
 
@@ -1288,10 +1288,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/firestore-types/-/firestore-types-2.0.0.tgz#1f6212553b240f1a8905bb8dcf1f87769138c5c0"
   integrity sha512-ZGb7p1SSQJP0Z+kc9GAUi+Fx5rJatFddBrS1ikkayW+QHfSIz0omU23OgSHcBGTxe8dJCeKiKA2Yf+tkDKO/LA==
 
-"@firebase/firestore@2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-2.0.1.tgz#2d4734ecd5d165582eedea8487849c5535a55c0e"
-  integrity sha512-7WMv3b+2P/6SOE0RxPB+S6k75/vYTDhOpPBp6JH6nPQjS9mGtR9m0adKtXjOBBugcbK6sBgPMzxmQGwQl8lW4w==
+"@firebase/firestore@2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-2.0.2.tgz#300e7430a08d8c8779471e43c892a2cefe405b62"
+  integrity sha512-6kO/vWUmTOANA/ql+i16DFMc63gamU76Nycyt7k0r8QfcdXu93Cwizw4ff4DNMnpnkAJkTk36fPAxBxEvBXkzw==
   dependencies:
     "@firebase/component" "0.1.21"
     "@firebase/firestore-types" "2.0.0"
@@ -1405,10 +1405,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/storage-types/-/storage-types-0.3.13.tgz#cd43e939a2ab5742e109eb639a313673a48b5458"
   integrity sha512-pL7b8d5kMNCCL0w9hF7pr16POyKkb3imOW7w0qYrhBnbyJTdVxMWZhb0HxCFyQWC0w3EiIFFmxoz8NTFZDEFog==
 
-"@firebase/storage@0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.4.1.tgz#b86973a8ab3ef52f38d6463fcc7613f5801ff8e4"
-  integrity sha512-/l05Dn3UYynPELt0ZFJz24H49sQ8c8KnOEGR/Pk1AOjLmc71vjjobVEkgkHyy1eyfmYuAZtsc6ePOwc89YnBTg==
+"@firebase/storage@0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.4.2.tgz#bc5924b87bd2fdd4ab0de49851c0125ebc236b89"
+  integrity sha512-87CrvKrf8kijVekRBmUs8htsNz7N5X/pDhv3BvJBqw8K65GsUolpyjx0f4QJRkCRUYmh3MSkpa5P08lpVbC6nQ==
   dependencies:
     "@firebase/component" "0.1.21"
     "@firebase/storage-types" "0.3.13"
@@ -1436,13 +1436,12 @@
     purgecss "^2.3.0"
 
 "@grpc/grpc-js@^1.0.0":
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.1.8.tgz#2845f0fc3d1bfbb150ed7a78a76bdf41b126d367"
-  integrity sha512-64hg5rmEm6F/NvlWERhHmmgxbWU8nD2TMWE+9TvG7/WcOrFT3fzg/Uu631pXRFwmJ4aWO/kp9vVSlr8FUjBDLA==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.2.0.tgz#4ff1ac4cdf7eb2af80d3c67316be9c2308d8d9bf"
+  integrity sha512-09H50V7rmz0gFrGz6IbP49z9A8+2p4yZYcNDEb7bytr90vWn52VBQE1a+LMBlrucmNN0wSsiCr3TJx+dStHTng==
   dependencies:
-    "@grpc/proto-loader" "^0.6.0-pre14"
     "@types/node" "^12.12.47"
-    google-auth-library "^6.0.0"
+    google-auth-library "^6.1.1"
     semver "^6.2.0"
 
 "@grpc/proto-loader@^0.5.0":
@@ -1453,17 +1452,6 @@
     lodash.camelcase "^4.3.0"
     protobufjs "^6.8.6"
 
-"@grpc/proto-loader@^0.6.0-pre14":
-  version "0.6.0-pre9"
-  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.6.0-pre9.tgz#0c6fe42f6c5ef9ce1b3cef7be64d5b09d6fe4d6d"
-  integrity sha512-oM+LjpEjNzW5pNJjt4/hq1HYayNeQT+eGrOPABJnYHv7TyNPDNzkQ76rDYZF86X5swJOa4EujEMzQ9iiTdPgww==
-  dependencies:
-    "@types/long" "^4.0.1"
-    lodash.camelcase "^4.3.0"
-    long "^4.0.0"
-    protobufjs "^6.9.0"
-    yargs "^15.3.1"
-
 "@hapi/address@2.x.x":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
@@ -2022,9 +2010,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__template@*":
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.3.tgz#b8aaeba0a45caca7b56a5de9459872dde3727214"
-  integrity sha512-uCoznIPDmnickEi6D0v11SBpW0OuVqHJCa7syXqQHy5uktSCreIlt0iglsCnmvz8yCb38hGcWeseA8cWJSwv5Q==
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.0.tgz#0c888dd70b3ee9eebb6e4f200e809da0076262be"
+  integrity sha512-NTPErx4/FiPCGScH7foPyr+/1Dkzkni+rHiYHHoTjvwou7AQzJkNeD60A9CXRy+ZEN2B1bggmkTMCDb+Mv5k+A==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
@@ -3046,9 +3034,9 @@ balanced-match@^1.0.0:
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
 base64-js@^1.0.2, base64-js@^1.3.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.0.tgz#2d03045876d9e2b68a7a0f87d6bd163595e3b6af"
-  integrity sha512-Jrdy04F2EKcNggUDfubMUPNAZg2vMquLQSm8sKLYJvz40ClFL1S8GKyDshGkNsbNNE5Z+fQavzU7nSK1I9JUGA==
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
 base@^0.11.1:
   version "0.11.2"
@@ -3119,7 +3107,7 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
   integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
 
-bn.js@^5.1.1:
+bn.js@^5.0.0, bn.js@^5.1.1:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
   integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
@@ -3237,11 +3225,11 @@ browserify-des@^1.0.0:
     safe-buffer "^5.1.2"
 
 browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
+  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
   dependencies:
-    bn.js "^4.1.0"
+    bn.js "^5.0.0"
     randombytes "^2.0.1"
 
 browserify-sign@^4.0.0:
@@ -3487,9 +3475,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001157:
-  version "1.0.30001157"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001157.tgz#2d11aaeb239b340bc1aa730eca18a37fdb07a9ab"
-  integrity sha512-gOerH9Wz2IRZ2ZPdMfBvyOi3cjaz4O4dgNwPGzx8EhqAs4+2IL/O+fJsbt+znSigujoZG8bVcIAUM/I/E5K3MA==
+  version "1.0.30001158"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001158.tgz#fce86d321369603c2bc855ee0e901a7f49f8310b"
+  integrity sha512-s5loVYY+yKpuVA3HyW8BarzrtJvwHReuzugQXlv1iR3LKSReoFXRm86mT6hT7PEF5RxW+XQZg+6nYjlywYzQ+g==
 
 capture-exit@^2.0.0:
   version "2.0.0"
@@ -3674,15 +3662,6 @@ cliui@^5.0.0:
     strip-ansi "^5.2.0"
     wrap-ansi "^5.1.0"
 
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
 cliui@^7.0.2:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
@@ -4230,9 +4209,9 @@ css-tree@1.0.0-alpha.37:
     source-map "^0.6.1"
 
 css-tree@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0.tgz#21993fa270d742642a90409a2c0cb3ac0298adf6"
-  integrity sha512-CdVYz/Yuqw0VdKhXPBIgi8DO3NicJVYZNWeX9XcIuSp9ZoFT5IcleVRW07O5rMjdcx1mb+MEJPknTTEW7DdsYw==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.1.tgz#7726678dfe2a57993a018d9dce519bf1760e3b6d"
+  integrity sha512-WroX+2MvsYcRGP8QA0p+rxzOniT/zpAoQ/DTKDSJzh5T3IQKUkFHeIIfgIapm2uaP178GWY3Mime1qbk8GO/tA==
   dependencies:
     mdn-data "2.0.12"
     source-map "^0.6.1"
@@ -4378,14 +4357,14 @@ cssstyle@^1.0.0, cssstyle@^1.1.1:
     cssom "0.3.x"
 
 csstype@^2.5.2:
-  version "2.6.13"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
-  integrity sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==
+  version "2.6.14"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.14.tgz#004822a4050345b55ad4dcc00be1d9cf2f4296de"
+  integrity sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A==
 
 csstype@^3.0.2:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.4.tgz#b156d7be03b84ff425c9a0a4b1e5f4da9c5ca888"
-  integrity sha512-xc8DUsCLmjvCfoD7LTGE0ou2MIWLx0K9RCZwSHMOdynqRsP4MtUcLeqh1HcQ2dInwDTqn+3CE0/FZh1et+p4jA==
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.5.tgz#7fdec6a28a67ae18647c51668a9ff95bb2fa7bb8"
+  integrity sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
@@ -4821,9 +4800,9 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.378, electron-to-chromium@^1.3.591:
-  version "1.3.592"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.592.tgz#4621521b223bf6e5469373528321e185d3c24670"
-  integrity sha512-kGNowksvqQiPb1pUSQKpd8JFoGPLxYOwduNRCqCxGh/2Q1qE2JdmwouCW41lUzDxOb/2RIV4lR0tVIfboWlO9A==
+  version "1.3.596"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.596.tgz#c7ed98512c7ff36ddcbfed9e54e6355335c35257"
+  integrity sha512-nLO2Wd2yU42eSoNJVQKNf89CcEGqeFZd++QsnN2XIgje1s/19AgctfjLIbPORlvcCO8sYjLwX4iUgDdusOY8Sg==
 
 elliptic@^6.5.3:
   version "6.5.3"
@@ -5002,7 +4981,7 @@ escape-html@~1.0.3:
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
-escape-string-regexp@2.0.0:
+escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
   integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
@@ -5767,7 +5746,7 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
+find-up@4.1.0, find-up@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
@@ -5805,23 +5784,23 @@ find-versions@^3.2.0:
     semver-regex "^2.0.0"
 
 firebase@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.0.1.tgz#24836c654c8577abd640439a5f1bc707bbd9f236"
-  integrity sha512-7QQKw+ycoR3LhMlxhPM+ND1F2Fx1eDlf3E55xYbmooxFW1t0p94HNENBc3JZytR1H0VoG9nSm2QEHsdr/Ca1Rg==
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.0.2.tgz#7bc8a220ce6b206121c4a9740eca1ad4be23ff86"
+  integrity sha512-tPtXQ8sifo82f7bOxYcR/yEdJ4IbL4/fpQrophRHFAaYCsYGp2Q/c1zz0voX9cLap8MH2uwh5LIVBqZ8nyT5ZQ==
   dependencies:
     "@firebase/analytics" "0.6.2"
     "@firebase/app" "0.6.13"
     "@firebase/app-types" "0.6.1"
-    "@firebase/auth" "0.15.1"
+    "@firebase/auth" "0.15.2"
     "@firebase/database" "0.7.1"
-    "@firebase/firestore" "2.0.1"
+    "@firebase/firestore" "2.0.2"
     "@firebase/functions" "0.6.1"
     "@firebase/installations" "0.4.19"
     "@firebase/messaging" "0.7.3"
     "@firebase/performance" "0.4.4"
     "@firebase/polyfill" "0.3.36"
     "@firebase/remote-config" "0.1.30"
-    "@firebase/storage" "0.4.1"
+    "@firebase/storage" "0.4.2"
     "@firebase/util" "0.3.4"
 
 flat-cache@^2.0.1:
@@ -6233,7 +6212,7 @@ globule@^1.0.0:
     lodash "~4.17.10"
     minimatch "~3.0.2"
 
-google-auth-library@^6.0.0:
+google-auth-library@^6.1.1:
   version "6.1.3"
   resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-6.1.3.tgz#39d868140b70d0c4b32c6f6d8f4ccc1400d84dca"
   integrity sha512-m9mwvY3GWbr7ZYEbl61isWmk+fvTmOt0YNUfPOUY2VH8K5pZlAIWJjxEi0PqR3OjMretyiQLI6GURMrPSwHQ2g==
@@ -6419,13 +6398,6 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.2.1.tgz#c09c0555c84b38a7ede6912b61efddafd6e75e1e"
-  integrity sha512-TFsu3TV3YLY+zFTZDrN8L2DTFanObwmBLpWvJs1qfUuEQ5bTAdFcwfx2T/bsCXfM9QHSLvjfP+nihEl0yvozxw==
-  dependencies:
-    react-is "^16.3.2"
-
 hoist-non-react-statics@^2.3.1:
   version "2.5.5"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
@@ -10557,7 +10529,7 @@ prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2:
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-protobufjs@^6.8.6, protobufjs@^6.9.0:
+protobufjs@^6.8.6:
   version "6.10.1"
   resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-6.10.1.tgz#e6a484dd8f04b29629e9053344e3970cccf13cd2"
   integrity sha512-pb8kTchL+1Ceg4lFd5XUpK8PdWacbvV5SK2ULH2ebrYtl4GjJmS24m6CKME67jzV53tbJxHlnNOSqQHbTsR9JQ==
@@ -10789,9 +10761,9 @@ react-dom@^16.14.0:
     scheduler "^0.19.1"
 
 react-elastic-carousel@^0.9.1:
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.4.tgz#842ce633667e5dde3944999b4cc4138ad8da4d74"
-  integrity sha512-hritruwiAFp4/xcwv005rqxiwlIttcepDqhP9XMqioERRRRZED9Sl65l+7tl0B7wQH+M2Dfu3C82Josce6AWhQ==
+  version "0.9.5"
+  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.5.tgz#09fe1d82638d32d36e53847dfaef893329edc726"
+  integrity sha512-U64QzuVPXEFJ+czzxgvMIGOSUKvC01Unl99gDzhdOj/Ypz1iVh49XBo428Z3LvIYx1n2CtrJFjpx0i2TBPD4Ug==
   dependencies:
     classnames "^2.2.6"
     react-only-when "^1.0.2"
@@ -10803,16 +10775,15 @@ react-error-overlay@^6.0.7:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.8.tgz#474ed11d04fc6bda3af643447d85e9127ed6b5de"
   integrity sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==
 
-react-i18next@^9.0.10:
-  version "9.0.10"
-  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-9.0.10.tgz#ba596b98e8dd06dbb805cf720147459ad55a3ada"
-  integrity sha512-xpeCWNut7ylQLs3Qqyo7dT13kgZbML1CdftbdnswLCv0RbRT16bRP16ma59iLe1KHIbn92VJo0Q8LSKYoXVNvg==
+react-i18next@^11.7.3:
+  version "11.7.3"
+  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-11.7.3.tgz#256461c46baf5b3208c3c6860ca4e569fc7ed053"
+  integrity sha512-7sYZqVZgdaS9Z0ZH6nuJFErCD0zz5wK3jR4/xCrWjZcxHHF3GRu7BXdicbSPprZV4ZYz7LJzxxMHO7dg5Qb70A==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    hoist-non-react-statics "3.2.1"
     html-parse-stringify2 "2.0.1"
 
-react-is@^16.12.0, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
+react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -12059,9 +12030,11 @@ stable@^0.1.8:
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.3.tgz#db7a475733b5b8bf6521907b18891d29006f7751"
+  integrity sha512-WldO+YmqhEpjp23eHZRhOT1NQF51STsbxZ+/AdpFD+EhheFxAe5d0WoK4DQVJkSHacPrJJX3OqRAl9CgHf78pg==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
 static-extend@^0.1.1:
   version "0.1.2"
@@ -13522,14 +13495,6 @@ yargs-parser@^13.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
 yargs-parser@^20.2.2:
   version "20.2.4"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
@@ -13551,23 +13516,6 @@ yargs@^13.3.0, yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.3.1:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
-
 yargs@^16.0.0:
   version "16.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.1.0.tgz#fc333fe4791660eace5a894b39d42f851cd48f2a"

From b1967faa29beb079de1d0b4b91d699b90b616177 Mon Sep 17 00:00:00 2001
From: maqalaqil <maheralaqil1993@gmail.com>
Date: Tue, 17 Nov 2020 00:59:16 +0300
Subject: [PATCH 13/15] Revert "Merge branch 'master' into translation2"

This reverts commit 2cccc944afbdefdf36ed11f3f7f06a3a5cc64c99, reversing
changes made to ef1ca5a5536e748b9152fb78cb47a3f83d246d88.
---
 .../AddMissingPersonForm/useForm.jsx          |     6 +-
 src/components/ContactUs/ContactUsForm.jsx    |     2 +-
 src/components/Quotes/test.css                |    78 +-
 .../ContactUs/ContactUsContainer.jsx          |     2 +-
 src/containers/Home/SliderCards.jsx           |    27 +-
 src/containers/HomePage/MissingPeople.jsx     |    12 +-
 .../MissingPeople/MissingPeoplePage.jsx       |    17 +-
 src/firebase.js                               |     6 +-
 src/hooks/useFirestore.js                     |    25 -
 src/hooks/useStorage.js                       |    55 -
 src/styles/main.css                           | 19756 +---------------
 tailwind.config.js                            |     4 -
 12 files changed, 275 insertions(+), 19715 deletions(-)
 delete mode 100644 src/hooks/useFirestore.js
 delete mode 100644 src/hooks/useStorage.js

diff --git a/src/components/AddMissingPersonForm/useForm.jsx b/src/components/AddMissingPersonForm/useForm.jsx
index 3b50db1..2dae45e 100644
--- a/src/components/AddMissingPersonForm/useForm.jsx
+++ b/src/components/AddMissingPersonForm/useForm.jsx
@@ -5,11 +5,11 @@ import { useStyles} from './UseStyles'
  const useForm = (initialFValues, validateOnChange = false, validate)=> {
     const [values, setValues] = useState(initialFValues);
     const [errors, setErrors] = useState({});
-    
-    const handleInputChange = e => {
 
+
+
+    const handleInputChange = e => {
         const { name, value } = e.target
-       
         setValues({
             ...values,
             [name]: value
diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index 86f587e..16a4f73 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -117,7 +117,7 @@ export default function ContactUsForm() {
         />
 
         <div className=" place-self-center sm:place-self-center xl:w-auto lg:w-auto  w-2/4 xl:self-start  lg:self-start lg:w-auto sm:w-2/5   sm:self-center self-center sm:pt-2 sm:pb-2 pt-2 pb-2">
-          <button className=" text-center h-8 items-center items-center  flex sm:p-1 flex-row-reverse inline-flex xl:w-auto w-full  lg:w-auto py-1 rounded-full text-white bg-gradient-to-r from-teal-200 via-blue-500 to-blue-700  focus:outline-none">
+          <button className=" text-center h-8 items-center items-center  flex sm:p-1 flex-row-reverse inline-flex xl:w-auto w-full  lg:w-auto py-1 rounded-full text-white bg-gradient-to-l from-purple-800 to-teal-500   focus:outline-none">
             <Msgicon className="p-1" />
             <span
               style={{ textAlign: 'center' }}
diff --git a/src/components/Quotes/test.css b/src/components/Quotes/test.css
index 1a358d8..1711e27 100644
--- a/src/components/Quotes/test.css
+++ b/src/components/Quotes/test.css
@@ -1,49 +1,53 @@
-button.bTybGL {
-    border-radius: 0px;
-    background-size: cover;
-    box-shadow: 0 0 2px 0 transparent;
-    outline: transparent;
-    color: white;
-    background-color: transparent;
+*:focus {
+  outline: none !important;
 }
 
-button.kyJvRZ:disabled {
-    background-color: transparent;
-    color: rgb(78, 78, 78);
-    outline: transparent;
-    box-shadow: 0 0 2px 0 transparent;
-    border-color: transparent;
-    z-index: 1;
+button.chowzb {
+  border-radius: 0px;
+  background-size: cover;
+  box-shadow: 0 0 2px 0 transparent;
+  outline: transparent;
+  color: white;
+  background-color: transparent;
 }
 
-button.bTybGL.rec-arrow-right {
-    background-image: url(../../../src/images/Rectangle2.svg);
-    z-index: 1;
+button.hCVuYx:disabled {
+  background-color: transparent;
+  color: rgb(78, 78, 78);
+  outline: transparent;
+  box-shadow: 0 0 2px 0 transparent;
+  border-color: transparent;
+  z-index: 1;
 }
 
-button.bTybGL.rec-arrow-left {
-    background-image: url(../../../src/images/Rectangle1.svg);
-    z-index: 1;
+button.chowzb.rec-arrow-right {
+  background-image: url(../../../src/images/Rectangle2.svg);
+  z-index: 1;
 }
 
-button.bTybGL:hover:enabled,
-button.bTybGL:focus:enabled {
-    border-radius: 0px;
-    background-color: transparent;
-    box-shadow: 0 0 2px 0 transparent;
-    border-color: white;
-    outline: transparent;
-    border: none;
+button.chowzb.rec-arrow-left {
+  background-image: url(../../../src/images/Rectangle1.svg);
+  z-index: 1;
 }
 
-button.DIuaA {
-    background-color: #1035ef;
-    box-shadow: 0 0 1px 2px #138def;
-    margin-top: 5%;
+button.chowzb:hover:enabled,
+button.chowzb:focus:enabled {
+  border-radius: 0px;
+  background-color: transparent;
+  box-shadow: 0 0 2px 0 transparent;
+  border-color: white;
+  outline: transparent;
+  border: none;
 }
 
-button.DIuaA:hover,
-button.DIuaA:focus {
-    background-color: #138def;
-    box-shadow: 0 0 1px 2px #1035ef;
-}
\ No newline at end of file
+button.brcpxa {
+  background-color: #1035ef;
+  box-shadow: 0 0 1px 2px #138def;
+  margin-top: 5%;
+}
+
+button.brcpxa:hover,
+button.brcpxa:focus {
+  background-color: #138def;
+  box-shadow: 0 0 1px 2px #1035ef;
+}
diff --git a/src/containers/ContactUs/ContactUsContainer.jsx b/src/containers/ContactUs/ContactUsContainer.jsx
index 0501f3d..bc602e6 100644
--- a/src/containers/ContactUs/ContactUsContainer.jsx
+++ b/src/containers/ContactUs/ContactUsContainer.jsx
@@ -19,7 +19,7 @@ export default function ContactUs() {
           <img
             src={GridBg}
             alt=""
-            className="absolute right-0 pr-12 "
+            className="absolute top-0 right-0 pr-12 "
           ></img>
 
           <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">
diff --git a/src/containers/Home/SliderCards.jsx b/src/containers/Home/SliderCards.jsx
index 10673cf..6b34a3b 100644
--- a/src/containers/Home/SliderCards.jsx
+++ b/src/containers/Home/SliderCards.jsx
@@ -1,31 +1,12 @@
-import React, { useState, useEffect } from 'react';
-//import api from './Api';
+import React, { useState } from 'react';
+import api from './Api';
 import Card from '../../components/Quotes/Card';
 //Carousel is a Package used to create slider with its component,
 import Carousel from 'react-elastic-carousel';
-//import useFirestore from '../../hooks/useFirestore'
-import { projectFirestore } from '../../firebase';
 
 export default function Cards() {
   //storing api data in a state
-  const [data, setData] = useState([]);
-  const [docs, setDocs] = useState([]);
-
-  useEffect(() => {
-    const unsub = projectFirestore.collection('SuccessfullyFound')
-        .onSnapshot(snap => {
-            let documents = [];
-            snap.forEach(doc => {
-                documents.push({...doc.data(), id: doc.id });
-            });
-            setDocs(documents);
-        });
-
-    return () => unsub();
-    // this is a cleanup function that react will run when
-    // a component using the hook unmounts
-}, ['SuccessfullyFound']);
-
+  const [data, setData] = useState(api);
 
   //console.log(data)
   //the parint component is the slider from Carousel package
@@ -34,7 +15,7 @@ export default function Cards() {
   return (
     <div className="bg-findMe max-h-full sm:pr-4 sm:pl-4 my-4">
       <Carousel>
-        {docs && docs.map((e, index) => (
+        {data.map((e, index) => (
           <Card key={e.id} cardInfo={e} i={index} />
         ))}
       </Carousel>
diff --git a/src/containers/HomePage/MissingPeople.jsx b/src/containers/HomePage/MissingPeople.jsx
index 0b163c8..e6039c2 100644
--- a/src/containers/HomePage/MissingPeople.jsx
+++ b/src/containers/HomePage/MissingPeople.jsx
@@ -1,17 +1,14 @@
 import React, { useState } from 'react';
 import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonCard';
-//import Api from './api';
+import Api from './api';
 import { Link } from 'react-router-dom';
-import useFirestore from '../../hooks/useFirestore'
 
 import {useTranslation} from "react-i18next";
 
 
 const HomePage = ({ missingPeople }) => {
-  const { docs } = useFirestore('images');
-
   // storing api data in the state
-  const [data, setData] = useState(docs);
+  const [data, setData] = useState(Api);
   console.log(data);
 
   // Translation
@@ -23,11 +20,8 @@ const HomePage = ({ missingPeople }) => {
         {missingPeople}
       </h2>
       <div className="flex flex-col md:flex-row lg:flex-row xl:flex-row sm:flex-col sm:items-center">
-        {docs && docs.map((item, index) => (
-          index<4 ?
+        {data.map((item, index) => (
           <MissingPersonCard key={item.id} cardInfo={item} i={index} />
-          :
-          ''
         ))}
       </div>
       <p className="mr-10 my-10 text-right text-blue-500">
diff --git a/src/containers/MissingPeople/MissingPeoplePage.jsx b/src/containers/MissingPeople/MissingPeoplePage.jsx
index a0def2e..820a820 100644
--- a/src/containers/MissingPeople/MissingPeoplePage.jsx
+++ b/src/containers/MissingPeople/MissingPeoplePage.jsx
@@ -2,18 +2,17 @@ import React, { useState, useEffect, useRef } from 'react';
 import { CircleArrow as ScrollUpButton } from 'react-scroll-up-button';
 import MissingPersonCard from '../../components/MissingPersonCard/MissingPersonCard';
 import { ReactComponent as MyIcon } from './repeat-grid-4.svg';
-//import Api from './api';
+import Api from './api';
 import './style.css';
 import NiceButton from '../../components/LoadingButton/NiceButton';
 import '../../components/LoadingButton/style.css';
-import useFirestore from '../../hooks/useFirestore'
 
 import {useTranslation} from "react-i18next";
 
 
 const MissingPeoplePage = () => {
   const ITEMSTOSHOW = 8;
-  const { docs } = useFirestore('images');
+
   const [data, setData] = useState([]); // maybe set the initial value later
   const [visible, setVisible] = useState(ITEMSTOSHOW);
   const [buttonText, setButtonText] = useState('⬇ Show More');
@@ -31,11 +30,11 @@ const MissingPeoplePage = () => {
   }, [isSecondButtonLoading, loadingSpeed]);
 
   useEffect(() => {
-    setData(() => docs);
-  }, [docs]);
+    setData(() => Api);
+  }, []);
 
   const showMoreItems = () => {
-    if (visible > docs.length) {
+    if (visible > data.length) {
       // setButtonText(() => 'complete');
       buttonTextRef.current = 'Complete';
     }
@@ -63,10 +62,10 @@ const MissingPeoplePage = () => {
       <MyIcon className="absolute right-0 mt-64 " />
 
       <div className="flex flex-wrap ml-8">
-        {docs.length === 0 ? (
+        {data.length === 0 ? (
           <h2 className="flex-auto text-center">not found results</h2>
         ) : (
-          docs && docs
+          data
             .slice(0, visible)
             .map((item, index) => (
               <MissingPersonCard key={item.id} cardInfo={item} i={index} />
@@ -75,7 +74,7 @@ const MissingPeoplePage = () => {
       </div>
       {console.log(visible, data.length)}
       <div className=" ">
-        {visible > docs.length ? (
+        {visible > data.length ? (
           ''
         ) : (
           <NiceButton
diff --git a/src/firebase.js b/src/firebase.js
index 45aa916..49a1733 100644
--- a/src/firebase.js
+++ b/src/firebase.js
@@ -1,5 +1,4 @@
 import firebase from 'firebase/app';
-import 'firebase/storage';
 import 'firebase/firestore';
 // Your web app's Firebase configuration
 // For Firebase JS SDK v7.20.0 and later, measurementId is optional
@@ -17,10 +16,7 @@ const firebaseConfig = {
 firebase.initializeApp(firebaseConfig);
 
 // firebase.analytics();
-const projectStorage = firebase.storage();
-const projectFirestore = firebase.firestore();
-const timestamp = firebase.firestore.FieldValue.serverTimestamp;
 
-export { projectStorage, projectFirestore, timestamp };
 
 export default firebase;
+
diff --git a/src/hooks/useFirestore.js b/src/hooks/useFirestore.js
deleted file mode 100644
index 01ce6d1..0000000
--- a/src/hooks/useFirestore.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useState, useEffect } from 'react';
-import { projectFirestore } from '../firebase';
-const useFirestore = (collection) => {
-    const [docs, setDocs] = useState([]);
-
-    useEffect(() => {
-        const unsub = projectFirestore.collection(collection)
-            .orderBy('createdAt', 'desc')
-            .onSnapshot(snap => {
-                let documents = [];
-                snap.forEach(doc => {
-                    documents.push({...doc.data(), id: doc.id });
-                });
-                setDocs(documents);
-            });
-
-        return () => unsub();
-        // this is a cleanup function that react will run when
-        // a component using the hook unmounts
-    }, [collection]);
-
-    return { docs };
-}
-
-export default useFirestore;
\ No newline at end of file
diff --git a/src/hooks/useStorage.js b/src/hooks/useStorage.js
deleted file mode 100644
index 78059e7..0000000
--- a/src/hooks/useStorage.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useState, useEffect } from 'react';
-
-import { projectStorage, projectFirestore, timestamp } from '../firebase';
-const initialFValues = {
-    fristName: '',
-    secondName: '',
-    thirdName: '',
-    surname: '',
-    phoneNumber: '',
-    phoneNumber2: '',
-    locationOfLoss: '',
-    lostSince: '',
-    lastPlaceSeen: '',
-    lastUpdate: '',
-    age: '',
-    gender: '',
-    relationship: '',
-    job: '',
-    notes: '',
-    specialSituotion: '',
-    isLookingFor: false,
-};
-const useStorage = (file, values,
-    setValues, resetFile, resetForm) => {
-    const [progress, setProgress] = useState(0);
-    const [error, setError] = useState(null);
-    const [url, setUrl] = useState(null);
-
-    useEffect(() => {
-        // references
-        const storageRef = projectStorage.ref(file.name);
-        const collectionRef = projectFirestore.collection('images');
-
-        storageRef.put(file).on('state_changed', (snap) => {
-            let percentage = (snap.bytesTransferred / snap.totalBytes) * 100;
-            setProgress(percentage);
-        }, (err) => {
-            setError(err);
-        }, async() => {
-            const url = await storageRef.getDownloadURL();
-            const createdAt = timestamp();
-            await collectionRef.add({ url, createdAt, values }).then(() => {
-                setValues(initialFValues);
-                resetFile();
-                alert('Your Post was sent successfully.');
-            });
-            setUrl(url);
-            resetForm();
-        });
-    }, [file]);
-
-    return { progress, url, error };
-}
-
-export default useStorage;
\ No newline at end of file
diff --git a/src/styles/main.css b/src/styles/main.css
index ea42f55..674df56 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -13974,20 +13974,6 @@ video {
   left: 0;
 }
 
-.inset-30 {
-  top: 30%;
-  right: 30%;
-  bottom: 30%;
-  left: 30%;
-}
-
-.inset-60 {
-  top: 60%;
-  right: 60%;
-  bottom: 60%;
-  left: 60%;
-}
-
 .inset-auto {
   top: auto;
   right: auto;
@@ -13995,13 +13981,6 @@ video {
   left: auto;
 }
 
-.inset-1\/2 {
-  top: 50%;
-  right: 50%;
-  bottom: 50%;
-  left: 50%;
-}
-
 .inset-y-0 {
   top: 0;
   bottom: 0;
@@ -14012,26 +13991,6 @@ video {
   left: 0;
 }
 
-.inset-y-30 {
-  top: 30%;
-  bottom: 30%;
-}
-
-.inset-x-30 {
-  right: 30%;
-  left: 30%;
-}
-
-.inset-y-60 {
-  top: 60%;
-  bottom: 60%;
-}
-
-.inset-x-60 {
-  right: 60%;
-  left: 60%;
-}
-
 .inset-y-auto {
   top: auto;
   bottom: auto;
@@ -14042,16 +14001,6 @@ video {
   left: auto;
 }
 
-.inset-y-1\/2 {
-  top: 50%;
-  bottom: 50%;
-}
-
-.inset-x-1\/2 {
-  right: 50%;
-  left: 50%;
-}
-
 .top-0 {
   top: 0;
 }
@@ -14068,38 +14017,6 @@ video {
   left: 0;
 }
 
-.top-30 {
-  top: 30%;
-}
-
-.right-30 {
-  right: 30%;
-}
-
-.bottom-30 {
-  bottom: 30%;
-}
-
-.left-30 {
-  left: 30%;
-}
-
-.top-60 {
-  top: 60%;
-}
-
-.right-60 {
-  right: 60%;
-}
-
-.bottom-60 {
-  bottom: 60%;
-}
-
-.left-60 {
-  left: 60%;
-}
-
 .top-auto {
   top: auto;
 }
@@ -14116,22 +14033,6 @@ video {
   left: auto;
 }
 
-.top-1\/2 {
-  top: 50%;
-}
-
-.right-1\/2 {
-  right: 50%;
-}
-
-.bottom-1\/2 {
-  bottom: 50%;
-}
-
-.left-1\/2 {
-  left: 50%;
-}
-
 .resize-none {
   resize: none;
 }
@@ -19154,19126 +19055,291 @@ video {
   --transform-skew-y: 0;
 }
 
-.hover\:skew-y-1:hover {
-  --transform-skew-y: 1deg;
-}
-
-.hover\:skew-y-2:hover {
-  --transform-skew-y: 2deg;
-}
-
-.hover\:skew-y-3:hover {
-  --transform-skew-y: 3deg;
-}
-
-.hover\:skew-y-6:hover {
-  --transform-skew-y: 6deg;
-}
-
-.hover\:skew-y-12:hover {
-  --transform-skew-y: 12deg;
-}
-
-.hover\:-skew-y-12:hover {
-  --transform-skew-y: -12deg;
-}
-
-.hover\:-skew-y-6:hover {
-  --transform-skew-y: -6deg;
-}
-
-.hover\:-skew-y-3:hover {
-  --transform-skew-y: -3deg;
-}
-
-.hover\:-skew-y-2:hover {
-  --transform-skew-y: -2deg;
-}
-
-.hover\:-skew-y-1:hover {
-  --transform-skew-y: -1deg;
-}
-
-.focus\:skew-x-0:focus {
-  --transform-skew-x: 0;
-}
-
-.focus\:skew-x-1:focus {
-  --transform-skew-x: 1deg;
-}
-
-.focus\:skew-x-2:focus {
-  --transform-skew-x: 2deg;
-}
-
-.focus\:skew-x-3:focus {
-  --transform-skew-x: 3deg;
-}
-
-.focus\:skew-x-6:focus {
-  --transform-skew-x: 6deg;
-}
-
-.focus\:skew-x-12:focus {
-  --transform-skew-x: 12deg;
-}
-
-.focus\:-skew-x-12:focus {
-  --transform-skew-x: -12deg;
-}
-
-.focus\:-skew-x-6:focus {
-  --transform-skew-x: -6deg;
-}
-
-.focus\:-skew-x-3:focus {
-  --transform-skew-x: -3deg;
-}
-
-.focus\:-skew-x-2:focus {
-  --transform-skew-x: -2deg;
-}
-
-.focus\:-skew-x-1:focus {
-  --transform-skew-x: -1deg;
-}
-
-.focus\:skew-y-0:focus {
-  --transform-skew-y: 0;
-}
-
-.focus\:skew-y-1:focus {
-  --transform-skew-y: 1deg;
-}
-
-.focus\:skew-y-2:focus {
-  --transform-skew-y: 2deg;
-}
-
-.focus\:skew-y-3:focus {
-  --transform-skew-y: 3deg;
-}
-
-.focus\:skew-y-6:focus {
-  --transform-skew-y: 6deg;
-}
-
-.focus\:skew-y-12:focus {
-  --transform-skew-y: 12deg;
-}
-
-.focus\:-skew-y-12:focus {
-  --transform-skew-y: -12deg;
-}
-
-.focus\:-skew-y-6:focus {
-  --transform-skew-y: -6deg;
-}
-
-.focus\:-skew-y-3:focus {
-  --transform-skew-y: -3deg;
-}
-
-.focus\:-skew-y-2:focus {
-  --transform-skew-y: -2deg;
-}
-
-.focus\:-skew-y-1:focus {
-  --transform-skew-y: -1deg;
-}
-
-.transition-none {
-  transition-property: none;
-}
-
-.transition-all {
-  transition-property: all;
-}
-
-.transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-}
-
-.transition-colors {
-  transition-property: background-color, border-color, color, fill, stroke;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-}
-
-.transition-transform {
-  transition-property: transform;
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.duration-75 {
-  transition-duration: 75ms;
-}
-
-.duration-100 {
-  transition-duration: 100ms;
-}
-
-.duration-150 {
-  transition-duration: 150ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.duration-500 {
-  transition-duration: 500ms;
-}
-
-.duration-700 {
-  transition-duration: 700ms;
-}
-
-.duration-1000 {
-  transition-duration: 1000ms;
-}
-
-.delay-75 {
-  transition-delay: 75ms;
-}
-
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-150 {
-  transition-delay: 150ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
-.delay-300 {
-  transition-delay: 300ms;
-}
-
-.delay-500 {
-  transition-delay: 500ms;
-}
-
-.delay-700 {
-  transition-delay: 700ms;
-}
-
-.delay-1000 {
-  transition-delay: 1000ms;
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: none;
-    animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-.animate-none {
-  animation: none;
-}
-
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
-
-.animate-ping {
-  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-.animate-bounce {
-  animation: bounce 1s infinite;
-}
-
-@media (max-width: 639px) {
-  .xs\:container {
-    width: 100%;
-  }
-
-  @media (min-width: 640px) {
-    .xs\:container {
-      max-width: 640px;
-    }
-  }
-
-  @media (min-width: 768px) {
-    .xs\:container {
-      max-width: 768px;
-    }
-  }
-
-  @media (min-width: 1024px) {
-    .xs\:container {
-      max-width: 1024px;
-    }
-  }
-
-  @media (min-width: 1280px) {
-    .xs\:container {
-      max-width: 1280px;
-    }
-  }
-
-  .xs\:space-y-0 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0px * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-0 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0px * var(--space-x-reverse));
-    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-1 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-1 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(0.75rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(0.75rem * var(--space-x-reverse));
-    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1rem * var(--space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.25rem * var(--space-x-reverse));
-    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-8 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-8 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2rem * var(--space-x-reverse));
-    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-10 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(2.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-10 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(2.5rem * var(--space-x-reverse));
-    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(3rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(3rem * var(--space-x-reverse));
-    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-16 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(4rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-16 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(4rem * var(--space-x-reverse));
-    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-20 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(5rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-20 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(5rem * var(--space-x-reverse));
-    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-24 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(6rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-24 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(6rem * var(--space-x-reverse));
-    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-32 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(8rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-32 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(8rem * var(--space-x-reverse));
-    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-40 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(10rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-40 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(10rem * var(--space-x-reverse));
-    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-48 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(12rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-48 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(12rem * var(--space-x-reverse));
-    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-56 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(14rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-56 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(14rem * var(--space-x-reverse));
-    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-64 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(16rem * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-64 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(16rem * var(--space-x-reverse));
-    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-px > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(1px * var(--space-y-reverse));
-  }
-
-  .xs\:space-x-px > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(1px * var(--space-x-reverse));
-    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-1 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-1 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.25rem * var(--space-x-reverse));
-    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-2 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-2 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.5rem * var(--space-x-reverse));
-    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-3 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-3 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-0.75rem * var(--space-x-reverse));
-    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-4 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-4 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1rem * var(--space-x-reverse));
-    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-5 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-5 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.25rem * var(--space-x-reverse));
-    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-6 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-6 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1.5rem * var(--space-x-reverse));
-    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-8 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-8 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2rem * var(--space-x-reverse));
-    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-10 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-10 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-2.5rem * var(--space-x-reverse));
-    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-12 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-3rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-12 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-3rem * var(--space-x-reverse));
-    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-16 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-4rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-16 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-4rem * var(--space-x-reverse));
-    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-20 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-5rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-20 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-5rem * var(--space-x-reverse));
-    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-24 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-6rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-24 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-6rem * var(--space-x-reverse));
-    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-32 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-8rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-32 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-8rem * var(--space-x-reverse));
-    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-40 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-10rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-40 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-10rem * var(--space-x-reverse));
-    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-48 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-12rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-48 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-12rem * var(--space-x-reverse));
-    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-56 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-14rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-56 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-14rem * var(--space-x-reverse));
-    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-64 > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-16rem * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-64 > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-16rem * var(--space-x-reverse));
-    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:-space-y-px > :not(template) ~ :not(template) {
-    --space-y-reverse: 0;
-    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(-1px * var(--space-y-reverse));
-  }
-
-  .xs\:-space-x-px > :not(template) ~ :not(template) {
-    --space-x-reverse: 0;
-    margin-right: calc(-1px * var(--space-x-reverse));
-    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
-  }
-
-  .xs\:space-y-reverse > :not(template) ~ :not(template) {
-    --space-y-reverse: 1;
-  }
-
-  .xs\:space-x-reverse > :not(template) ~ :not(template) {
-    --space-x-reverse: 1;
-  }
-
-  .xs\:divide-y-0 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(0px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-0 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(0px * var(--divide-x-reverse));
-    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-2 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(2px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-2 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(2px * var(--divide-x-reverse));
-    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-4 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(4px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-4 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(4px * var(--divide-x-reverse));
-    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-8 > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(8px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x-8 > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(8px * var(--divide-x-reverse));
-    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y > :not(template) ~ :not(template) {
-    --divide-y-reverse: 0;
-    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
-    border-bottom-width: calc(1px * var(--divide-y-reverse));
-  }
-
-  .xs\:divide-x > :not(template) ~ :not(template) {
-    --divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
-  }
-
-  .xs\:divide-y-reverse > :not(template) ~ :not(template) {
-    --divide-y-reverse: 1;
-  }
-
-  .xs\:divide-x-reverse > :not(template) ~ :not(template) {
-    --divide-x-reverse: 1;
-  }
-
-  .xs\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .xs\:divide-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .xs\:divide-black > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--divide-opacity));
-  }
-
-  .xs\:divide-white > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-findMe > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #F9FCFD;
-    border-color: rgba(249, 252, 253, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--divide-opacity));
-  }
-
-  .xs\:divide-gray-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--divide-opacity));
-  }
-
-  .xs\:divide-red-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--divide-opacity));
-  }
-
-  .xs\:divide-orange-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--divide-opacity));
-  }
-
-  .xs\:divide-yellow-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--divide-opacity));
-  }
-
-  .xs\:divide-green-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--divide-opacity));
-  }
-
-  .xs\:divide-teal-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--divide-opacity));
-  }
-
-  .xs\:divide-blue-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--divide-opacity));
-  }
-
-  .xs\:divide-indigo-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--divide-opacity));
-  }
-
-  .xs\:divide-purple-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-200 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-300 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-400 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-500 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-600 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-700 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-800 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--divide-opacity));
-  }
-
-  .xs\:divide-pink-900 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--divide-opacity));
-  }
-
-  .xs\:divide-solid > :not(template) ~ :not(template) {
-    border-style: solid;
-  }
-
-  .xs\:divide-dashed > :not(template) ~ :not(template) {
-    border-style: dashed;
-  }
-
-  .xs\:divide-dotted > :not(template) ~ :not(template) {
-    border-style: dotted;
-  }
-
-  .xs\:divide-double > :not(template) ~ :not(template) {
-    border-style: double;
-  }
-
-  .xs\:divide-none > :not(template) ~ :not(template) {
-    border-style: none;
-  }
-
-  .xs\:divide-opacity-0 > :not(template) ~ :not(template) {
-    --divide-opacity: 0;
-  }
-
-  .xs\:divide-opacity-25 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.25;
-  }
-
-  .xs\:divide-opacity-50 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.5;
-  }
-
-  .xs\:divide-opacity-75 > :not(template) ~ :not(template) {
-    --divide-opacity: 0.75;
-  }
-
-  .xs\:divide-opacity-100 > :not(template) ~ :not(template) {
-    --divide-opacity: 1;
-  }
-
-  .xs\:sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
-  .xs\:not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .xs\:focus\:sr-only:focus {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
-  .xs\:focus\:not-sr-only:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-  }
-
-  .xs\:appearance-none {
-    -webkit-appearance: none;
-            appearance: none;
-  }
-
-  .xs\:bg-fixed {
-    background-attachment: fixed;
-  }
-
-  .xs\:bg-local {
-    background-attachment: local;
-  }
-
-  .xs\:bg-scroll {
-    background-attachment: scroll;
-  }
-
-  .xs\:bg-clip-border {
-    background-clip: border-box;
-  }
-
-  .xs\:bg-clip-padding {
-    background-clip: padding-box;
-  }
-
-  .xs\:bg-clip-content {
-    background-clip: content-box;
-  }
-
-  .xs\:bg-clip-text {
-    -webkit-background-clip: text;
-            background-clip: text;
-  }
-
-  .xs\:bg-transparent {
-    background-color: transparent;
-  }
-
-  .xs\:bg-current {
-    background-color: currentColor;
-  }
-
-  .xs\:bg-black {
-    --bg-opacity: 1;
-    background-color: #000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xs\:bg-white {
-    --bg-opacity: 1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-findMe {
-    --bg-opacity: 1;
-    background-color: #F9FCFD;
-    background-color: rgba(249, 252, 253, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-100 {
-    --bg-opacity: 1;
-    background-color: #f7fafc;
-    background-color: rgba(247, 250, 252, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-200 {
-    --bg-opacity: 1;
-    background-color: #edf2f7;
-    background-color: rgba(237, 242, 247, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-300 {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-400 {
-    --bg-opacity: 1;
-    background-color: #cbd5e0;
-    background-color: rgba(203, 213, 224, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-500 {
-    --bg-opacity: 1;
-    background-color: #a0aec0;
-    background-color: rgba(160, 174, 192, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-600 {
-    --bg-opacity: 1;
-    background-color: #718096;
-    background-color: rgba(113, 128, 150, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-700 {
-    --bg-opacity: 1;
-    background-color: #4a5568;
-    background-color: rgba(74, 85, 104, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-800 {
-    --bg-opacity: 1;
-    background-color: #2d3748;
-    background-color: rgba(45, 55, 72, var(--bg-opacity));
-  }
-
-  .xs\:bg-gray-900 {
-    --bg-opacity: 1;
-    background-color: #1a202c;
-    background-color: rgba(26, 32, 44, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-100 {
-    --bg-opacity: 1;
-    background-color: #fff5f5;
-    background-color: rgba(255, 245, 245, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-200 {
-    --bg-opacity: 1;
-    background-color: #fed7d7;
-    background-color: rgba(254, 215, 215, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-300 {
-    --bg-opacity: 1;
-    background-color: #feb2b2;
-    background-color: rgba(254, 178, 178, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-400 {
-    --bg-opacity: 1;
-    background-color: #fc8181;
-    background-color: rgba(252, 129, 129, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-500 {
-    --bg-opacity: 1;
-    background-color: #f56565;
-    background-color: rgba(245, 101, 101, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-600 {
-    --bg-opacity: 1;
-    background-color: #e53e3e;
-    background-color: rgba(229, 62, 62, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-700 {
-    --bg-opacity: 1;
-    background-color: #c53030;
-    background-color: rgba(197, 48, 48, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-800 {
-    --bg-opacity: 1;
-    background-color: #9b2c2c;
-    background-color: rgba(155, 44, 44, var(--bg-opacity));
-  }
-
-  .xs\:bg-red-900 {
-    --bg-opacity: 1;
-    background-color: #742a2a;
-    background-color: rgba(116, 42, 42, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-100 {
-    --bg-opacity: 1;
-    background-color: #fffaf0;
-    background-color: rgba(255, 250, 240, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-200 {
-    --bg-opacity: 1;
-    background-color: #feebc8;
-    background-color: rgba(254, 235, 200, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-300 {
-    --bg-opacity: 1;
-    background-color: #fbd38d;
-    background-color: rgba(251, 211, 141, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-400 {
-    --bg-opacity: 1;
-    background-color: #f6ad55;
-    background-color: rgba(246, 173, 85, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-500 {
-    --bg-opacity: 1;
-    background-color: #ed8936;
-    background-color: rgba(237, 137, 54, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-600 {
-    --bg-opacity: 1;
-    background-color: #dd6b20;
-    background-color: rgba(221, 107, 32, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-700 {
-    --bg-opacity: 1;
-    background-color: #c05621;
-    background-color: rgba(192, 86, 33, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-800 {
-    --bg-opacity: 1;
-    background-color: #9c4221;
-    background-color: rgba(156, 66, 33, var(--bg-opacity));
-  }
-
-  .xs\:bg-orange-900 {
-    --bg-opacity: 1;
-    background-color: #7b341e;
-    background-color: rgba(123, 52, 30, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-100 {
-    --bg-opacity: 1;
-    background-color: #fffff0;
-    background-color: rgba(255, 255, 240, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-200 {
-    --bg-opacity: 1;
-    background-color: #fefcbf;
-    background-color: rgba(254, 252, 191, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-300 {
-    --bg-opacity: 1;
-    background-color: #faf089;
-    background-color: rgba(250, 240, 137, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-400 {
-    --bg-opacity: 1;
-    background-color: #f6e05e;
-    background-color: rgba(246, 224, 94, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-500 {
-    --bg-opacity: 1;
-    background-color: #ecc94b;
-    background-color: rgba(236, 201, 75, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-600 {
-    --bg-opacity: 1;
-    background-color: #d69e2e;
-    background-color: rgba(214, 158, 46, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-700 {
-    --bg-opacity: 1;
-    background-color: #b7791f;
-    background-color: rgba(183, 121, 31, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-800 {
-    --bg-opacity: 1;
-    background-color: #975a16;
-    background-color: rgba(151, 90, 22, var(--bg-opacity));
-  }
-
-  .xs\:bg-yellow-900 {
-    --bg-opacity: 1;
-    background-color: #744210;
-    background-color: rgba(116, 66, 16, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-100 {
-    --bg-opacity: 1;
-    background-color: #f0fff4;
-    background-color: rgba(240, 255, 244, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-200 {
-    --bg-opacity: 1;
-    background-color: #c6f6d5;
-    background-color: rgba(198, 246, 213, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-300 {
-    --bg-opacity: 1;
-    background-color: #9ae6b4;
-    background-color: rgba(154, 230, 180, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-400 {
-    --bg-opacity: 1;
-    background-color: #68d391;
-    background-color: rgba(104, 211, 145, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-500 {
-    --bg-opacity: 1;
-    background-color: #48bb78;
-    background-color: rgba(72, 187, 120, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-600 {
-    --bg-opacity: 1;
-    background-color: #38a169;
-    background-color: rgba(56, 161, 105, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-700 {
-    --bg-opacity: 1;
-    background-color: #2f855a;
-    background-color: rgba(47, 133, 90, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-800 {
-    --bg-opacity: 1;
-    background-color: #276749;
-    background-color: rgba(39, 103, 73, var(--bg-opacity));
-  }
-
-  .xs\:bg-green-900 {
-    --bg-opacity: 1;
-    background-color: #22543d;
-    background-color: rgba(34, 84, 61, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-100 {
-    --bg-opacity: 1;
-    background-color: #e6fffa;
-    background-color: rgba(230, 255, 250, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-200 {
-    --bg-opacity: 1;
-    background-color: #b2f5ea;
-    background-color: rgba(178, 245, 234, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-300 {
-    --bg-opacity: 1;
-    background-color: #81e6d9;
-    background-color: rgba(129, 230, 217, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-400 {
-    --bg-opacity: 1;
-    background-color: #4fd1c5;
-    background-color: rgba(79, 209, 197, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-500 {
-    --bg-opacity: 1;
-    background-color: #38b2ac;
-    background-color: rgba(56, 178, 172, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-600 {
-    --bg-opacity: 1;
-    background-color: #319795;
-    background-color: rgba(49, 151, 149, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-700 {
-    --bg-opacity: 1;
-    background-color: #2c7a7b;
-    background-color: rgba(44, 122, 123, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-800 {
-    --bg-opacity: 1;
-    background-color: #285e61;
-    background-color: rgba(40, 94, 97, var(--bg-opacity));
-  }
-
-  .xs\:bg-teal-900 {
-    --bg-opacity: 1;
-    background-color: #234e52;
-    background-color: rgba(35, 78, 82, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-100 {
-    --bg-opacity: 1;
-    background-color: #ebf8ff;
-    background-color: rgba(235, 248, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-200 {
-    --bg-opacity: 1;
-    background-color: #bee3f8;
-    background-color: rgba(190, 227, 248, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-300 {
-    --bg-opacity: 1;
-    background-color: #90cdf4;
-    background-color: rgba(144, 205, 244, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-400 {
-    --bg-opacity: 1;
-    background-color: #63b3ed;
-    background-color: rgba(99, 179, 237, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-500 {
-    --bg-opacity: 1;
-    background-color: #4299e1;
-    background-color: rgba(66, 153, 225, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-600 {
-    --bg-opacity: 1;
-    background-color: #3182ce;
-    background-color: rgba(49, 130, 206, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-700 {
-    --bg-opacity: 1;
-    background-color: #2b6cb0;
-    background-color: rgba(43, 108, 176, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-800 {
-    --bg-opacity: 1;
-    background-color: #2c5282;
-    background-color: rgba(44, 82, 130, var(--bg-opacity));
-  }
-
-  .xs\:bg-blue-900 {
-    --bg-opacity: 1;
-    background-color: #2a4365;
-    background-color: rgba(42, 67, 101, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-100 {
-    --bg-opacity: 1;
-    background-color: #ebf4ff;
-    background-color: rgba(235, 244, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-200 {
-    --bg-opacity: 1;
-    background-color: #c3dafe;
-    background-color: rgba(195, 218, 254, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-300 {
-    --bg-opacity: 1;
-    background-color: #a3bffa;
-    background-color: rgba(163, 191, 250, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-400 {
-    --bg-opacity: 1;
-    background-color: #7f9cf5;
-    background-color: rgba(127, 156, 245, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-500 {
-    --bg-opacity: 1;
-    background-color: #667eea;
-    background-color: rgba(102, 126, 234, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-600 {
-    --bg-opacity: 1;
-    background-color: #5a67d8;
-    background-color: rgba(90, 103, 216, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-700 {
-    --bg-opacity: 1;
-    background-color: #4c51bf;
-    background-color: rgba(76, 81, 191, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-800 {
-    --bg-opacity: 1;
-    background-color: #434190;
-    background-color: rgba(67, 65, 144, var(--bg-opacity));
-  }
-
-  .xs\:bg-indigo-900 {
-    --bg-opacity: 1;
-    background-color: #3c366b;
-    background-color: rgba(60, 54, 107, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-100 {
-    --bg-opacity: 1;
-    background-color: #faf5ff;
-    background-color: rgba(250, 245, 255, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-200 {
-    --bg-opacity: 1;
-    background-color: #e9d8fd;
-    background-color: rgba(233, 216, 253, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-300 {
-    --bg-opacity: 1;
-    background-color: #d6bcfa;
-    background-color: rgba(214, 188, 250, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-400 {
-    --bg-opacity: 1;
-    background-color: #b794f4;
-    background-color: rgba(183, 148, 244, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-500 {
-    --bg-opacity: 1;
-    background-color: #9f7aea;
-    background-color: rgba(159, 122, 234, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-600 {
-    --bg-opacity: 1;
-    background-color: #805ad5;
-    background-color: rgba(128, 90, 213, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-700 {
-    --bg-opacity: 1;
-    background-color: #6b46c1;
-    background-color: rgba(107, 70, 193, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-800 {
-    --bg-opacity: 1;
-    background-color: #553c9a;
-    background-color: rgba(85, 60, 154, var(--bg-opacity));
-  }
-
-  .xs\:bg-purple-900 {
-    --bg-opacity: 1;
-    background-color: #44337a;
-    background-color: rgba(68, 51, 122, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-100 {
-    --bg-opacity: 1;
-    background-color: #fff5f7;
-    background-color: rgba(255, 245, 247, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-200 {
-    --bg-opacity: 1;
-    background-color: #fed7e2;
-    background-color: rgba(254, 215, 226, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-300 {
-    --bg-opacity: 1;
-    background-color: #fbb6ce;
-    background-color: rgba(251, 182, 206, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-400 {
-    --bg-opacity: 1;
-    background-color: #f687b3;
-    background-color: rgba(246, 135, 179, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-500 {
-    --bg-opacity: 1;
-    background-color: #ed64a6;
-    background-color: rgba(237, 100, 166, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-600 {
-    --bg-opacity: 1;
-    background-color: #d53f8c;
-    background-color: rgba(213, 63, 140, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-700 {
-    --bg-opacity: 1;
-    background-color: #b83280;
-    background-color: rgba(184, 50, 128, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-800 {
-    --bg-opacity: 1;
-    background-color: #97266d;
-    background-color: rgba(151, 38, 109, var(--bg-opacity));
-  }
-
-  .xs\:bg-pink-900 {
-    --bg-opacity: 1;
-    background-color: #702459;
-    background-color: rgba(112, 36, 89, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-
-  .xs\:hover\:bg-current:hover {
-    background-color: currentColor;
-  }
-
-  .xs\:hover\:bg-black:hover {
-    --bg-opacity: 1;
-    background-color: #000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-white:hover {
-    --bg-opacity: 1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-findMe:hover {
-    --bg-opacity: 1;
-    background-color: #F9FCFD;
-    background-color: rgba(249, 252, 253, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-100:hover {
-    --bg-opacity: 1;
-    background-color: #f7fafc;
-    background-color: rgba(247, 250, 252, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-200:hover {
-    --bg-opacity: 1;
-    background-color: #edf2f7;
-    background-color: rgba(237, 242, 247, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-300:hover {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-400:hover {
-    --bg-opacity: 1;
-    background-color: #cbd5e0;
-    background-color: rgba(203, 213, 224, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-500:hover {
-    --bg-opacity: 1;
-    background-color: #a0aec0;
-    background-color: rgba(160, 174, 192, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-600:hover {
-    --bg-opacity: 1;
-    background-color: #718096;
-    background-color: rgba(113, 128, 150, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-700:hover {
-    --bg-opacity: 1;
-    background-color: #4a5568;
-    background-color: rgba(74, 85, 104, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-800:hover {
-    --bg-opacity: 1;
-    background-color: #2d3748;
-    background-color: rgba(45, 55, 72, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-gray-900:hover {
-    --bg-opacity: 1;
-    background-color: #1a202c;
-    background-color: rgba(26, 32, 44, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-100:hover {
-    --bg-opacity: 1;
-    background-color: #fff5f5;
-    background-color: rgba(255, 245, 245, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-200:hover {
-    --bg-opacity: 1;
-    background-color: #fed7d7;
-    background-color: rgba(254, 215, 215, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-300:hover {
-    --bg-opacity: 1;
-    background-color: #feb2b2;
-    background-color: rgba(254, 178, 178, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-400:hover {
-    --bg-opacity: 1;
-    background-color: #fc8181;
-    background-color: rgba(252, 129, 129, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-500:hover {
-    --bg-opacity: 1;
-    background-color: #f56565;
-    background-color: rgba(245, 101, 101, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-600:hover {
-    --bg-opacity: 1;
-    background-color: #e53e3e;
-    background-color: rgba(229, 62, 62, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-700:hover {
-    --bg-opacity: 1;
-    background-color: #c53030;
-    background-color: rgba(197, 48, 48, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-800:hover {
-    --bg-opacity: 1;
-    background-color: #9b2c2c;
-    background-color: rgba(155, 44, 44, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-red-900:hover {
-    --bg-opacity: 1;
-    background-color: #742a2a;
-    background-color: rgba(116, 42, 42, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-100:hover {
-    --bg-opacity: 1;
-    background-color: #fffaf0;
-    background-color: rgba(255, 250, 240, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-200:hover {
-    --bg-opacity: 1;
-    background-color: #feebc8;
-    background-color: rgba(254, 235, 200, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-300:hover {
-    --bg-opacity: 1;
-    background-color: #fbd38d;
-    background-color: rgba(251, 211, 141, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-400:hover {
-    --bg-opacity: 1;
-    background-color: #f6ad55;
-    background-color: rgba(246, 173, 85, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-500:hover {
-    --bg-opacity: 1;
-    background-color: #ed8936;
-    background-color: rgba(237, 137, 54, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-600:hover {
-    --bg-opacity: 1;
-    background-color: #dd6b20;
-    background-color: rgba(221, 107, 32, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-700:hover {
-    --bg-opacity: 1;
-    background-color: #c05621;
-    background-color: rgba(192, 86, 33, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-800:hover {
-    --bg-opacity: 1;
-    background-color: #9c4221;
-    background-color: rgba(156, 66, 33, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-orange-900:hover {
-    --bg-opacity: 1;
-    background-color: #7b341e;
-    background-color: rgba(123, 52, 30, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-100:hover {
-    --bg-opacity: 1;
-    background-color: #fffff0;
-    background-color: rgba(255, 255, 240, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-200:hover {
-    --bg-opacity: 1;
-    background-color: #fefcbf;
-    background-color: rgba(254, 252, 191, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-300:hover {
-    --bg-opacity: 1;
-    background-color: #faf089;
-    background-color: rgba(250, 240, 137, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-400:hover {
-    --bg-opacity: 1;
-    background-color: #f6e05e;
-    background-color: rgba(246, 224, 94, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-500:hover {
-    --bg-opacity: 1;
-    background-color: #ecc94b;
-    background-color: rgba(236, 201, 75, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-600:hover {
-    --bg-opacity: 1;
-    background-color: #d69e2e;
-    background-color: rgba(214, 158, 46, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-700:hover {
-    --bg-opacity: 1;
-    background-color: #b7791f;
-    background-color: rgba(183, 121, 31, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-800:hover {
-    --bg-opacity: 1;
-    background-color: #975a16;
-    background-color: rgba(151, 90, 22, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-yellow-900:hover {
-    --bg-opacity: 1;
-    background-color: #744210;
-    background-color: rgba(116, 66, 16, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-100:hover {
-    --bg-opacity: 1;
-    background-color: #f0fff4;
-    background-color: rgba(240, 255, 244, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-200:hover {
-    --bg-opacity: 1;
-    background-color: #c6f6d5;
-    background-color: rgba(198, 246, 213, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-300:hover {
-    --bg-opacity: 1;
-    background-color: #9ae6b4;
-    background-color: rgba(154, 230, 180, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-400:hover {
-    --bg-opacity: 1;
-    background-color: #68d391;
-    background-color: rgba(104, 211, 145, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-500:hover {
-    --bg-opacity: 1;
-    background-color: #48bb78;
-    background-color: rgba(72, 187, 120, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-600:hover {
-    --bg-opacity: 1;
-    background-color: #38a169;
-    background-color: rgba(56, 161, 105, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-700:hover {
-    --bg-opacity: 1;
-    background-color: #2f855a;
-    background-color: rgba(47, 133, 90, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-800:hover {
-    --bg-opacity: 1;
-    background-color: #276749;
-    background-color: rgba(39, 103, 73, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-green-900:hover {
-    --bg-opacity: 1;
-    background-color: #22543d;
-    background-color: rgba(34, 84, 61, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-100:hover {
-    --bg-opacity: 1;
-    background-color: #e6fffa;
-    background-color: rgba(230, 255, 250, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-200:hover {
-    --bg-opacity: 1;
-    background-color: #b2f5ea;
-    background-color: rgba(178, 245, 234, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-300:hover {
-    --bg-opacity: 1;
-    background-color: #81e6d9;
-    background-color: rgba(129, 230, 217, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-400:hover {
-    --bg-opacity: 1;
-    background-color: #4fd1c5;
-    background-color: rgba(79, 209, 197, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-500:hover {
-    --bg-opacity: 1;
-    background-color: #38b2ac;
-    background-color: rgba(56, 178, 172, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-600:hover {
-    --bg-opacity: 1;
-    background-color: #319795;
-    background-color: rgba(49, 151, 149, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-700:hover {
-    --bg-opacity: 1;
-    background-color: #2c7a7b;
-    background-color: rgba(44, 122, 123, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-800:hover {
-    --bg-opacity: 1;
-    background-color: #285e61;
-    background-color: rgba(40, 94, 97, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-teal-900:hover {
-    --bg-opacity: 1;
-    background-color: #234e52;
-    background-color: rgba(35, 78, 82, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-100:hover {
-    --bg-opacity: 1;
-    background-color: #ebf8ff;
-    background-color: rgba(235, 248, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-200:hover {
-    --bg-opacity: 1;
-    background-color: #bee3f8;
-    background-color: rgba(190, 227, 248, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-300:hover {
-    --bg-opacity: 1;
-    background-color: #90cdf4;
-    background-color: rgba(144, 205, 244, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-400:hover {
-    --bg-opacity: 1;
-    background-color: #63b3ed;
-    background-color: rgba(99, 179, 237, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-500:hover {
-    --bg-opacity: 1;
-    background-color: #4299e1;
-    background-color: rgba(66, 153, 225, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-600:hover {
-    --bg-opacity: 1;
-    background-color: #3182ce;
-    background-color: rgba(49, 130, 206, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-700:hover {
-    --bg-opacity: 1;
-    background-color: #2b6cb0;
-    background-color: rgba(43, 108, 176, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-800:hover {
-    --bg-opacity: 1;
-    background-color: #2c5282;
-    background-color: rgba(44, 82, 130, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-blue-900:hover {
-    --bg-opacity: 1;
-    background-color: #2a4365;
-    background-color: rgba(42, 67, 101, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-100:hover {
-    --bg-opacity: 1;
-    background-color: #ebf4ff;
-    background-color: rgba(235, 244, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-200:hover {
-    --bg-opacity: 1;
-    background-color: #c3dafe;
-    background-color: rgba(195, 218, 254, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-300:hover {
-    --bg-opacity: 1;
-    background-color: #a3bffa;
-    background-color: rgba(163, 191, 250, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-400:hover {
-    --bg-opacity: 1;
-    background-color: #7f9cf5;
-    background-color: rgba(127, 156, 245, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-500:hover {
-    --bg-opacity: 1;
-    background-color: #667eea;
-    background-color: rgba(102, 126, 234, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-600:hover {
-    --bg-opacity: 1;
-    background-color: #5a67d8;
-    background-color: rgba(90, 103, 216, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-700:hover {
-    --bg-opacity: 1;
-    background-color: #4c51bf;
-    background-color: rgba(76, 81, 191, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-800:hover {
-    --bg-opacity: 1;
-    background-color: #434190;
-    background-color: rgba(67, 65, 144, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-indigo-900:hover {
-    --bg-opacity: 1;
-    background-color: #3c366b;
-    background-color: rgba(60, 54, 107, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-100:hover {
-    --bg-opacity: 1;
-    background-color: #faf5ff;
-    background-color: rgba(250, 245, 255, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-200:hover {
-    --bg-opacity: 1;
-    background-color: #e9d8fd;
-    background-color: rgba(233, 216, 253, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-300:hover {
-    --bg-opacity: 1;
-    background-color: #d6bcfa;
-    background-color: rgba(214, 188, 250, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-400:hover {
-    --bg-opacity: 1;
-    background-color: #b794f4;
-    background-color: rgba(183, 148, 244, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-500:hover {
-    --bg-opacity: 1;
-    background-color: #9f7aea;
-    background-color: rgba(159, 122, 234, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-600:hover {
-    --bg-opacity: 1;
-    background-color: #805ad5;
-    background-color: rgba(128, 90, 213, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-700:hover {
-    --bg-opacity: 1;
-    background-color: #6b46c1;
-    background-color: rgba(107, 70, 193, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-800:hover {
-    --bg-opacity: 1;
-    background-color: #553c9a;
-    background-color: rgba(85, 60, 154, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-purple-900:hover {
-    --bg-opacity: 1;
-    background-color: #44337a;
-    background-color: rgba(68, 51, 122, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-100:hover {
-    --bg-opacity: 1;
-    background-color: #fff5f7;
-    background-color: rgba(255, 245, 247, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-200:hover {
-    --bg-opacity: 1;
-    background-color: #fed7e2;
-    background-color: rgba(254, 215, 226, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-300:hover {
-    --bg-opacity: 1;
-    background-color: #fbb6ce;
-    background-color: rgba(251, 182, 206, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-400:hover {
-    --bg-opacity: 1;
-    background-color: #f687b3;
-    background-color: rgba(246, 135, 179, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-500:hover {
-    --bg-opacity: 1;
-    background-color: #ed64a6;
-    background-color: rgba(237, 100, 166, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-600:hover {
-    --bg-opacity: 1;
-    background-color: #d53f8c;
-    background-color: rgba(213, 63, 140, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-700:hover {
-    --bg-opacity: 1;
-    background-color: #b83280;
-    background-color: rgba(184, 50, 128, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-800:hover {
-    --bg-opacity: 1;
-    background-color: #97266d;
-    background-color: rgba(151, 38, 109, var(--bg-opacity));
-  }
-
-  .xs\:hover\:bg-pink-900:hover {
-    --bg-opacity: 1;
-    background-color: #702459;
-    background-color: rgba(112, 36, 89, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-transparent:focus {
-    background-color: transparent;
-  }
-
-  .xs\:focus\:bg-current:focus {
-    background-color: currentColor;
-  }
-
-  .xs\:focus\:bg-black:focus {
-    --bg-opacity: 1;
-    background-color: #000;
-    background-color: rgba(0, 0, 0, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-white:focus {
-    --bg-opacity: 1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-findMe:focus {
-    --bg-opacity: 1;
-    background-color: #F9FCFD;
-    background-color: rgba(249, 252, 253, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-100:focus {
-    --bg-opacity: 1;
-    background-color: #f7fafc;
-    background-color: rgba(247, 250, 252, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-200:focus {
-    --bg-opacity: 1;
-    background-color: #edf2f7;
-    background-color: rgba(237, 242, 247, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-300:focus {
-    --bg-opacity: 1;
-    background-color: #e2e8f0;
-    background-color: rgba(226, 232, 240, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-400:focus {
-    --bg-opacity: 1;
-    background-color: #cbd5e0;
-    background-color: rgba(203, 213, 224, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-500:focus {
-    --bg-opacity: 1;
-    background-color: #a0aec0;
-    background-color: rgba(160, 174, 192, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-600:focus {
-    --bg-opacity: 1;
-    background-color: #718096;
-    background-color: rgba(113, 128, 150, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-700:focus {
-    --bg-opacity: 1;
-    background-color: #4a5568;
-    background-color: rgba(74, 85, 104, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-800:focus {
-    --bg-opacity: 1;
-    background-color: #2d3748;
-    background-color: rgba(45, 55, 72, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-gray-900:focus {
-    --bg-opacity: 1;
-    background-color: #1a202c;
-    background-color: rgba(26, 32, 44, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-100:focus {
-    --bg-opacity: 1;
-    background-color: #fff5f5;
-    background-color: rgba(255, 245, 245, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-200:focus {
-    --bg-opacity: 1;
-    background-color: #fed7d7;
-    background-color: rgba(254, 215, 215, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-300:focus {
-    --bg-opacity: 1;
-    background-color: #feb2b2;
-    background-color: rgba(254, 178, 178, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-400:focus {
-    --bg-opacity: 1;
-    background-color: #fc8181;
-    background-color: rgba(252, 129, 129, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-500:focus {
-    --bg-opacity: 1;
-    background-color: #f56565;
-    background-color: rgba(245, 101, 101, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-600:focus {
-    --bg-opacity: 1;
-    background-color: #e53e3e;
-    background-color: rgba(229, 62, 62, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-700:focus {
-    --bg-opacity: 1;
-    background-color: #c53030;
-    background-color: rgba(197, 48, 48, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-800:focus {
-    --bg-opacity: 1;
-    background-color: #9b2c2c;
-    background-color: rgba(155, 44, 44, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-red-900:focus {
-    --bg-opacity: 1;
-    background-color: #742a2a;
-    background-color: rgba(116, 42, 42, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-100:focus {
-    --bg-opacity: 1;
-    background-color: #fffaf0;
-    background-color: rgba(255, 250, 240, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-200:focus {
-    --bg-opacity: 1;
-    background-color: #feebc8;
-    background-color: rgba(254, 235, 200, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-300:focus {
-    --bg-opacity: 1;
-    background-color: #fbd38d;
-    background-color: rgba(251, 211, 141, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-400:focus {
-    --bg-opacity: 1;
-    background-color: #f6ad55;
-    background-color: rgba(246, 173, 85, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-500:focus {
-    --bg-opacity: 1;
-    background-color: #ed8936;
-    background-color: rgba(237, 137, 54, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-600:focus {
-    --bg-opacity: 1;
-    background-color: #dd6b20;
-    background-color: rgba(221, 107, 32, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-700:focus {
-    --bg-opacity: 1;
-    background-color: #c05621;
-    background-color: rgba(192, 86, 33, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-800:focus {
-    --bg-opacity: 1;
-    background-color: #9c4221;
-    background-color: rgba(156, 66, 33, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-orange-900:focus {
-    --bg-opacity: 1;
-    background-color: #7b341e;
-    background-color: rgba(123, 52, 30, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-100:focus {
-    --bg-opacity: 1;
-    background-color: #fffff0;
-    background-color: rgba(255, 255, 240, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-200:focus {
-    --bg-opacity: 1;
-    background-color: #fefcbf;
-    background-color: rgba(254, 252, 191, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-300:focus {
-    --bg-opacity: 1;
-    background-color: #faf089;
-    background-color: rgba(250, 240, 137, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-400:focus {
-    --bg-opacity: 1;
-    background-color: #f6e05e;
-    background-color: rgba(246, 224, 94, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-500:focus {
-    --bg-opacity: 1;
-    background-color: #ecc94b;
-    background-color: rgba(236, 201, 75, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-600:focus {
-    --bg-opacity: 1;
-    background-color: #d69e2e;
-    background-color: rgba(214, 158, 46, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-700:focus {
-    --bg-opacity: 1;
-    background-color: #b7791f;
-    background-color: rgba(183, 121, 31, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-800:focus {
-    --bg-opacity: 1;
-    background-color: #975a16;
-    background-color: rgba(151, 90, 22, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-yellow-900:focus {
-    --bg-opacity: 1;
-    background-color: #744210;
-    background-color: rgba(116, 66, 16, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-100:focus {
-    --bg-opacity: 1;
-    background-color: #f0fff4;
-    background-color: rgba(240, 255, 244, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-200:focus {
-    --bg-opacity: 1;
-    background-color: #c6f6d5;
-    background-color: rgba(198, 246, 213, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-300:focus {
-    --bg-opacity: 1;
-    background-color: #9ae6b4;
-    background-color: rgba(154, 230, 180, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-400:focus {
-    --bg-opacity: 1;
-    background-color: #68d391;
-    background-color: rgba(104, 211, 145, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-500:focus {
-    --bg-opacity: 1;
-    background-color: #48bb78;
-    background-color: rgba(72, 187, 120, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-600:focus {
-    --bg-opacity: 1;
-    background-color: #38a169;
-    background-color: rgba(56, 161, 105, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-700:focus {
-    --bg-opacity: 1;
-    background-color: #2f855a;
-    background-color: rgba(47, 133, 90, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-800:focus {
-    --bg-opacity: 1;
-    background-color: #276749;
-    background-color: rgba(39, 103, 73, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-green-900:focus {
-    --bg-opacity: 1;
-    background-color: #22543d;
-    background-color: rgba(34, 84, 61, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-100:focus {
-    --bg-opacity: 1;
-    background-color: #e6fffa;
-    background-color: rgba(230, 255, 250, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-200:focus {
-    --bg-opacity: 1;
-    background-color: #b2f5ea;
-    background-color: rgba(178, 245, 234, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-300:focus {
-    --bg-opacity: 1;
-    background-color: #81e6d9;
-    background-color: rgba(129, 230, 217, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-400:focus {
-    --bg-opacity: 1;
-    background-color: #4fd1c5;
-    background-color: rgba(79, 209, 197, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-500:focus {
-    --bg-opacity: 1;
-    background-color: #38b2ac;
-    background-color: rgba(56, 178, 172, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-600:focus {
-    --bg-opacity: 1;
-    background-color: #319795;
-    background-color: rgba(49, 151, 149, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-700:focus {
-    --bg-opacity: 1;
-    background-color: #2c7a7b;
-    background-color: rgba(44, 122, 123, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-800:focus {
-    --bg-opacity: 1;
-    background-color: #285e61;
-    background-color: rgba(40, 94, 97, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-teal-900:focus {
-    --bg-opacity: 1;
-    background-color: #234e52;
-    background-color: rgba(35, 78, 82, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-100:focus {
-    --bg-opacity: 1;
-    background-color: #ebf8ff;
-    background-color: rgba(235, 248, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-200:focus {
-    --bg-opacity: 1;
-    background-color: #bee3f8;
-    background-color: rgba(190, 227, 248, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-300:focus {
-    --bg-opacity: 1;
-    background-color: #90cdf4;
-    background-color: rgba(144, 205, 244, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-400:focus {
-    --bg-opacity: 1;
-    background-color: #63b3ed;
-    background-color: rgba(99, 179, 237, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-500:focus {
-    --bg-opacity: 1;
-    background-color: #4299e1;
-    background-color: rgba(66, 153, 225, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-600:focus {
-    --bg-opacity: 1;
-    background-color: #3182ce;
-    background-color: rgba(49, 130, 206, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-700:focus {
-    --bg-opacity: 1;
-    background-color: #2b6cb0;
-    background-color: rgba(43, 108, 176, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-800:focus {
-    --bg-opacity: 1;
-    background-color: #2c5282;
-    background-color: rgba(44, 82, 130, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-blue-900:focus {
-    --bg-opacity: 1;
-    background-color: #2a4365;
-    background-color: rgba(42, 67, 101, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-100:focus {
-    --bg-opacity: 1;
-    background-color: #ebf4ff;
-    background-color: rgba(235, 244, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-200:focus {
-    --bg-opacity: 1;
-    background-color: #c3dafe;
-    background-color: rgba(195, 218, 254, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-300:focus {
-    --bg-opacity: 1;
-    background-color: #a3bffa;
-    background-color: rgba(163, 191, 250, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-400:focus {
-    --bg-opacity: 1;
-    background-color: #7f9cf5;
-    background-color: rgba(127, 156, 245, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-500:focus {
-    --bg-opacity: 1;
-    background-color: #667eea;
-    background-color: rgba(102, 126, 234, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-600:focus {
-    --bg-opacity: 1;
-    background-color: #5a67d8;
-    background-color: rgba(90, 103, 216, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-700:focus {
-    --bg-opacity: 1;
-    background-color: #4c51bf;
-    background-color: rgba(76, 81, 191, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-800:focus {
-    --bg-opacity: 1;
-    background-color: #434190;
-    background-color: rgba(67, 65, 144, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-indigo-900:focus {
-    --bg-opacity: 1;
-    background-color: #3c366b;
-    background-color: rgba(60, 54, 107, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-100:focus {
-    --bg-opacity: 1;
-    background-color: #faf5ff;
-    background-color: rgba(250, 245, 255, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-200:focus {
-    --bg-opacity: 1;
-    background-color: #e9d8fd;
-    background-color: rgba(233, 216, 253, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-300:focus {
-    --bg-opacity: 1;
-    background-color: #d6bcfa;
-    background-color: rgba(214, 188, 250, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-400:focus {
-    --bg-opacity: 1;
-    background-color: #b794f4;
-    background-color: rgba(183, 148, 244, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-500:focus {
-    --bg-opacity: 1;
-    background-color: #9f7aea;
-    background-color: rgba(159, 122, 234, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-600:focus {
-    --bg-opacity: 1;
-    background-color: #805ad5;
-    background-color: rgba(128, 90, 213, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-700:focus {
-    --bg-opacity: 1;
-    background-color: #6b46c1;
-    background-color: rgba(107, 70, 193, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-800:focus {
-    --bg-opacity: 1;
-    background-color: #553c9a;
-    background-color: rgba(85, 60, 154, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-purple-900:focus {
-    --bg-opacity: 1;
-    background-color: #44337a;
-    background-color: rgba(68, 51, 122, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-100:focus {
-    --bg-opacity: 1;
-    background-color: #fff5f7;
-    background-color: rgba(255, 245, 247, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-200:focus {
-    --bg-opacity: 1;
-    background-color: #fed7e2;
-    background-color: rgba(254, 215, 226, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-300:focus {
-    --bg-opacity: 1;
-    background-color: #fbb6ce;
-    background-color: rgba(251, 182, 206, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-400:focus {
-    --bg-opacity: 1;
-    background-color: #f687b3;
-    background-color: rgba(246, 135, 179, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-500:focus {
-    --bg-opacity: 1;
-    background-color: #ed64a6;
-    background-color: rgba(237, 100, 166, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-600:focus {
-    --bg-opacity: 1;
-    background-color: #d53f8c;
-    background-color: rgba(213, 63, 140, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-700:focus {
-    --bg-opacity: 1;
-    background-color: #b83280;
-    background-color: rgba(184, 50, 128, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-800:focus {
-    --bg-opacity: 1;
-    background-color: #97266d;
-    background-color: rgba(151, 38, 109, var(--bg-opacity));
-  }
-
-  .xs\:focus\:bg-pink-900:focus {
-    --bg-opacity: 1;
-    background-color: #702459;
-    background-color: rgba(112, 36, 89, var(--bg-opacity));
-  }
-
-  .xs\:bg-none {
-    background-image: none;
-  }
-
-  .xs\:bg-gradient-to-t {
-    background-image: linear-gradient(to top, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-tr {
-    background-image: linear-gradient(to top right, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-br {
-    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-b {
-    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-bl {
-    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-l {
-    background-image: linear-gradient(to left, var(--gradient-color-stops));
-  }
-
-  .xs\:bg-gradient-to-tl {
-    background-image: linear-gradient(to top left, var(--gradient-color-stops));
-  }
-
-  .xs\:from-transparent {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:from-current {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:from-black {
-    --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:from-white {
-    --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:from-findMe {
-    --gradient-from-color: #F9FCFD;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
-  }
-
-  .xs\:from-gray-100 {
-    --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:from-gray-200 {
-    --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:from-gray-300 {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:from-gray-400 {
-    --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:from-gray-500 {
-    --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:from-gray-600 {
-    --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:from-gray-700 {
-    --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:from-gray-800 {
-    --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:from-gray-900 {
-    --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:from-red-100 {
-    --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:from-red-200 {
-    --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:from-red-300 {
-    --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:from-red-400 {
-    --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:from-red-500 {
-    --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:from-red-600 {
-    --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:from-red-700 {
-    --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:from-red-800 {
-    --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:from-red-900 {
-    --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:from-orange-100 {
-    --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:from-orange-200 {
-    --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:from-orange-300 {
-    --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:from-orange-400 {
-    --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:from-orange-500 {
-    --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:from-orange-600 {
-    --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:from-orange-700 {
-    --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:from-orange-800 {
-    --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:from-orange-900 {
-    --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:from-yellow-100 {
-    --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:from-yellow-200 {
-    --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:from-yellow-300 {
-    --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:from-yellow-400 {
-    --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:from-yellow-500 {
-    --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:from-yellow-600 {
-    --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:from-yellow-700 {
-    --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:from-yellow-800 {
-    --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:from-yellow-900 {
-    --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:from-green-100 {
-    --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:from-green-200 {
-    --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:from-green-300 {
-    --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:from-green-400 {
-    --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:from-green-500 {
-    --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:from-green-600 {
-    --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:from-green-700 {
-    --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:from-green-800 {
-    --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:from-green-900 {
-    --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:from-teal-100 {
-    --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:from-teal-200 {
-    --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:from-teal-300 {
-    --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:from-teal-400 {
-    --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:from-teal-500 {
-    --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:from-teal-600 {
-    --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:from-teal-700 {
-    --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:from-teal-800 {
-    --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:from-teal-900 {
-    --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:from-blue-100 {
-    --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:from-blue-200 {
-    --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:from-blue-300 {
-    --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:from-blue-400 {
-    --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:from-blue-500 {
-    --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:from-blue-600 {
-    --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:from-blue-700 {
-    --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:from-blue-800 {
-    --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:from-blue-900 {
-    --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:from-indigo-100 {
-    --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:from-indigo-200 {
-    --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:from-indigo-300 {
-    --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:from-indigo-400 {
-    --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:from-indigo-500 {
-    --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:from-indigo-600 {
-    --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:from-indigo-700 {
-    --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:from-indigo-800 {
-    --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:from-indigo-900 {
-    --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:from-purple-100 {
-    --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:from-purple-200 {
-    --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:from-purple-300 {
-    --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:from-purple-400 {
-    --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:from-purple-500 {
-    --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:from-purple-600 {
-    --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:from-purple-700 {
-    --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:from-purple-800 {
-    --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:from-purple-900 {
-    --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:from-pink-100 {
-    --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:from-pink-200 {
-    --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:from-pink-300 {
-    --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:from-pink-400 {
-    --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:from-pink-500 {
-    --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:from-pink-600 {
-    --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:from-pink-700 {
-    --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:from-pink-800 {
-    --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:from-pink-900 {
-    --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:via-transparent {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:via-current {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:via-black {
-    --gradient-via-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:via-white {
-    --gradient-via-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:via-findMe {
-    --gradient-via-color: #F9FCFD;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
-  }
-
-  .xs\:via-gray-100 {
-    --gradient-via-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:via-gray-200 {
-    --gradient-via-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:via-gray-300 {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:via-gray-400 {
-    --gradient-via-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:via-gray-500 {
-    --gradient-via-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:via-gray-600 {
-    --gradient-via-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:via-gray-700 {
-    --gradient-via-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:via-gray-800 {
-    --gradient-via-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:via-gray-900 {
-    --gradient-via-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:via-red-100 {
-    --gradient-via-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:via-red-200 {
-    --gradient-via-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:via-red-300 {
-    --gradient-via-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:via-red-400 {
-    --gradient-via-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:via-red-500 {
-    --gradient-via-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:via-red-600 {
-    --gradient-via-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:via-red-700 {
-    --gradient-via-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:via-red-800 {
-    --gradient-via-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:via-red-900 {
-    --gradient-via-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:via-orange-100 {
-    --gradient-via-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:via-orange-200 {
-    --gradient-via-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:via-orange-300 {
-    --gradient-via-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:via-orange-400 {
-    --gradient-via-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:via-orange-500 {
-    --gradient-via-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:via-orange-600 {
-    --gradient-via-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:via-orange-700 {
-    --gradient-via-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:via-orange-800 {
-    --gradient-via-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:via-orange-900 {
-    --gradient-via-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:via-yellow-100 {
-    --gradient-via-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:via-yellow-200 {
-    --gradient-via-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:via-yellow-300 {
-    --gradient-via-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:via-yellow-400 {
-    --gradient-via-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:via-yellow-500 {
-    --gradient-via-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:via-yellow-600 {
-    --gradient-via-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:via-yellow-700 {
-    --gradient-via-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:via-yellow-800 {
-    --gradient-via-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:via-yellow-900 {
-    --gradient-via-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:via-green-100 {
-    --gradient-via-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:via-green-200 {
-    --gradient-via-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:via-green-300 {
-    --gradient-via-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:via-green-400 {
-    --gradient-via-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:via-green-500 {
-    --gradient-via-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:via-green-600 {
-    --gradient-via-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:via-green-700 {
-    --gradient-via-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:via-green-800 {
-    --gradient-via-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:via-green-900 {
-    --gradient-via-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:via-teal-100 {
-    --gradient-via-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:via-teal-200 {
-    --gradient-via-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:via-teal-300 {
-    --gradient-via-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:via-teal-400 {
-    --gradient-via-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:via-teal-500 {
-    --gradient-via-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:via-teal-600 {
-    --gradient-via-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:via-teal-700 {
-    --gradient-via-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:via-teal-800 {
-    --gradient-via-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:via-teal-900 {
-    --gradient-via-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:via-blue-100 {
-    --gradient-via-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:via-blue-200 {
-    --gradient-via-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:via-blue-300 {
-    --gradient-via-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:via-blue-400 {
-    --gradient-via-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:via-blue-500 {
-    --gradient-via-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:via-blue-600 {
-    --gradient-via-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:via-blue-700 {
-    --gradient-via-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:via-blue-800 {
-    --gradient-via-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:via-blue-900 {
-    --gradient-via-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:via-indigo-100 {
-    --gradient-via-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:via-indigo-200 {
-    --gradient-via-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:via-indigo-300 {
-    --gradient-via-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:via-indigo-400 {
-    --gradient-via-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:via-indigo-500 {
-    --gradient-via-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:via-indigo-600 {
-    --gradient-via-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:via-indigo-700 {
-    --gradient-via-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:via-indigo-800 {
-    --gradient-via-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:via-indigo-900 {
-    --gradient-via-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:via-purple-100 {
-    --gradient-via-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:via-purple-200 {
-    --gradient-via-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:via-purple-300 {
-    --gradient-via-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:via-purple-400 {
-    --gradient-via-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:via-purple-500 {
-    --gradient-via-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:via-purple-600 {
-    --gradient-via-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:via-purple-700 {
-    --gradient-via-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:via-purple-800 {
-    --gradient-via-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:via-purple-900 {
-    --gradient-via-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:via-pink-100 {
-    --gradient-via-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:via-pink-200 {
-    --gradient-via-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:via-pink-300 {
-    --gradient-via-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:via-pink-400 {
-    --gradient-via-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:via-pink-500 {
-    --gradient-via-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:via-pink-600 {
-    --gradient-via-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:via-pink-700 {
-    --gradient-via-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:via-pink-800 {
-    --gradient-via-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:via-pink-900 {
-    --gradient-via-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:to-transparent {
-    --gradient-to-color: transparent;
-  }
-
-  .xs\:to-current {
-    --gradient-to-color: currentColor;
-  }
-
-  .xs\:to-black {
-    --gradient-to-color: #000;
-  }
-
-  .xs\:to-white {
-    --gradient-to-color: #fff;
-  }
-
-  .xs\:to-findMe {
-    --gradient-to-color: #F9FCFD;
-  }
-
-  .xs\:to-gray-100 {
-    --gradient-to-color: #f7fafc;
-  }
-
-  .xs\:to-gray-200 {
-    --gradient-to-color: #edf2f7;
-  }
-
-  .xs\:to-gray-300 {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xs\:to-gray-400 {
-    --gradient-to-color: #cbd5e0;
-  }
-
-  .xs\:to-gray-500 {
-    --gradient-to-color: #a0aec0;
-  }
-
-  .xs\:to-gray-600 {
-    --gradient-to-color: #718096;
-  }
-
-  .xs\:to-gray-700 {
-    --gradient-to-color: #4a5568;
-  }
-
-  .xs\:to-gray-800 {
-    --gradient-to-color: #2d3748;
-  }
-
-  .xs\:to-gray-900 {
-    --gradient-to-color: #1a202c;
-  }
-
-  .xs\:to-red-100 {
-    --gradient-to-color: #fff5f5;
-  }
-
-  .xs\:to-red-200 {
-    --gradient-to-color: #fed7d7;
-  }
-
-  .xs\:to-red-300 {
-    --gradient-to-color: #feb2b2;
-  }
-
-  .xs\:to-red-400 {
-    --gradient-to-color: #fc8181;
-  }
-
-  .xs\:to-red-500 {
-    --gradient-to-color: #f56565;
-  }
-
-  .xs\:to-red-600 {
-    --gradient-to-color: #e53e3e;
-  }
-
-  .xs\:to-red-700 {
-    --gradient-to-color: #c53030;
-  }
-
-  .xs\:to-red-800 {
-    --gradient-to-color: #9b2c2c;
-  }
-
-  .xs\:to-red-900 {
-    --gradient-to-color: #742a2a;
-  }
-
-  .xs\:to-orange-100 {
-    --gradient-to-color: #fffaf0;
-  }
-
-  .xs\:to-orange-200 {
-    --gradient-to-color: #feebc8;
-  }
-
-  .xs\:to-orange-300 {
-    --gradient-to-color: #fbd38d;
-  }
-
-  .xs\:to-orange-400 {
-    --gradient-to-color: #f6ad55;
-  }
-
-  .xs\:to-orange-500 {
-    --gradient-to-color: #ed8936;
-  }
-
-  .xs\:to-orange-600 {
-    --gradient-to-color: #dd6b20;
-  }
-
-  .xs\:to-orange-700 {
-    --gradient-to-color: #c05621;
-  }
-
-  .xs\:to-orange-800 {
-    --gradient-to-color: #9c4221;
-  }
-
-  .xs\:to-orange-900 {
-    --gradient-to-color: #7b341e;
-  }
-
-  .xs\:to-yellow-100 {
-    --gradient-to-color: #fffff0;
-  }
-
-  .xs\:to-yellow-200 {
-    --gradient-to-color: #fefcbf;
-  }
-
-  .xs\:to-yellow-300 {
-    --gradient-to-color: #faf089;
-  }
-
-  .xs\:to-yellow-400 {
-    --gradient-to-color: #f6e05e;
-  }
-
-  .xs\:to-yellow-500 {
-    --gradient-to-color: #ecc94b;
-  }
-
-  .xs\:to-yellow-600 {
-    --gradient-to-color: #d69e2e;
-  }
-
-  .xs\:to-yellow-700 {
-    --gradient-to-color: #b7791f;
-  }
-
-  .xs\:to-yellow-800 {
-    --gradient-to-color: #975a16;
-  }
-
-  .xs\:to-yellow-900 {
-    --gradient-to-color: #744210;
-  }
-
-  .xs\:to-green-100 {
-    --gradient-to-color: #f0fff4;
-  }
-
-  .xs\:to-green-200 {
-    --gradient-to-color: #c6f6d5;
-  }
-
-  .xs\:to-green-300 {
-    --gradient-to-color: #9ae6b4;
-  }
-
-  .xs\:to-green-400 {
-    --gradient-to-color: #68d391;
-  }
-
-  .xs\:to-green-500 {
-    --gradient-to-color: #48bb78;
-  }
-
-  .xs\:to-green-600 {
-    --gradient-to-color: #38a169;
-  }
-
-  .xs\:to-green-700 {
-    --gradient-to-color: #2f855a;
-  }
-
-  .xs\:to-green-800 {
-    --gradient-to-color: #276749;
-  }
-
-  .xs\:to-green-900 {
-    --gradient-to-color: #22543d;
-  }
-
-  .xs\:to-teal-100 {
-    --gradient-to-color: #e6fffa;
-  }
-
-  .xs\:to-teal-200 {
-    --gradient-to-color: #b2f5ea;
-  }
-
-  .xs\:to-teal-300 {
-    --gradient-to-color: #81e6d9;
-  }
-
-  .xs\:to-teal-400 {
-    --gradient-to-color: #4fd1c5;
-  }
-
-  .xs\:to-teal-500 {
-    --gradient-to-color: #38b2ac;
-  }
-
-  .xs\:to-teal-600 {
-    --gradient-to-color: #319795;
-  }
-
-  .xs\:to-teal-700 {
-    --gradient-to-color: #2c7a7b;
-  }
-
-  .xs\:to-teal-800 {
-    --gradient-to-color: #285e61;
-  }
-
-  .xs\:to-teal-900 {
-    --gradient-to-color: #234e52;
-  }
-
-  .xs\:to-blue-100 {
-    --gradient-to-color: #ebf8ff;
-  }
-
-  .xs\:to-blue-200 {
-    --gradient-to-color: #bee3f8;
-  }
-
-  .xs\:to-blue-300 {
-    --gradient-to-color: #90cdf4;
-  }
-
-  .xs\:to-blue-400 {
-    --gradient-to-color: #63b3ed;
-  }
-
-  .xs\:to-blue-500 {
-    --gradient-to-color: #4299e1;
-  }
-
-  .xs\:to-blue-600 {
-    --gradient-to-color: #3182ce;
-  }
-
-  .xs\:to-blue-700 {
-    --gradient-to-color: #2b6cb0;
-  }
-
-  .xs\:to-blue-800 {
-    --gradient-to-color: #2c5282;
-  }
-
-  .xs\:to-blue-900 {
-    --gradient-to-color: #2a4365;
-  }
-
-  .xs\:to-indigo-100 {
-    --gradient-to-color: #ebf4ff;
-  }
-
-  .xs\:to-indigo-200 {
-    --gradient-to-color: #c3dafe;
-  }
-
-  .xs\:to-indigo-300 {
-    --gradient-to-color: #a3bffa;
-  }
-
-  .xs\:to-indigo-400 {
-    --gradient-to-color: #7f9cf5;
-  }
-
-  .xs\:to-indigo-500 {
-    --gradient-to-color: #667eea;
-  }
-
-  .xs\:to-indigo-600 {
-    --gradient-to-color: #5a67d8;
-  }
-
-  .xs\:to-indigo-700 {
-    --gradient-to-color: #4c51bf;
-  }
-
-  .xs\:to-indigo-800 {
-    --gradient-to-color: #434190;
-  }
-
-  .xs\:to-indigo-900 {
-    --gradient-to-color: #3c366b;
-  }
-
-  .xs\:to-purple-100 {
-    --gradient-to-color: #faf5ff;
-  }
-
-  .xs\:to-purple-200 {
-    --gradient-to-color: #e9d8fd;
-  }
-
-  .xs\:to-purple-300 {
-    --gradient-to-color: #d6bcfa;
-  }
-
-  .xs\:to-purple-400 {
-    --gradient-to-color: #b794f4;
-  }
-
-  .xs\:to-purple-500 {
-    --gradient-to-color: #9f7aea;
-  }
-
-  .xs\:to-purple-600 {
-    --gradient-to-color: #805ad5;
-  }
-
-  .xs\:to-purple-700 {
-    --gradient-to-color: #6b46c1;
-  }
-
-  .xs\:to-purple-800 {
-    --gradient-to-color: #553c9a;
-  }
-
-  .xs\:to-purple-900 {
-    --gradient-to-color: #44337a;
-  }
-
-  .xs\:to-pink-100 {
-    --gradient-to-color: #fff5f7;
-  }
-
-  .xs\:to-pink-200 {
-    --gradient-to-color: #fed7e2;
-  }
-
-  .xs\:to-pink-300 {
-    --gradient-to-color: #fbb6ce;
-  }
-
-  .xs\:to-pink-400 {
-    --gradient-to-color: #f687b3;
-  }
-
-  .xs\:to-pink-500 {
-    --gradient-to-color: #ed64a6;
-  }
-
-  .xs\:to-pink-600 {
-    --gradient-to-color: #d53f8c;
-  }
-
-  .xs\:to-pink-700 {
-    --gradient-to-color: #b83280;
-  }
-
-  .xs\:to-pink-800 {
-    --gradient-to-color: #97266d;
-  }
-
-  .xs\:to-pink-900 {
-    --gradient-to-color: #702459;
-  }
-
-  .xs\:hover\:from-transparent:hover {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:from-current:hover {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:from-black:hover {
-    --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:from-white:hover {
-    --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:from-findMe:hover {
-    --gradient-from-color: #F9FCFD;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
-  }
-
-  .xs\:hover\:from-gray-100:hover {
-    --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:hover\:from-gray-200:hover {
-    --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:hover\:from-gray-300:hover {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:hover\:from-gray-400:hover {
-    --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:hover\:from-gray-500:hover {
-    --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:hover\:from-gray-600:hover {
-    --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:hover\:from-gray-700:hover {
-    --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:hover\:from-gray-800:hover {
-    --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:hover\:from-gray-900:hover {
-    --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:hover\:from-red-100:hover {
-    --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:hover\:from-red-200:hover {
-    --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:hover\:from-red-300:hover {
-    --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:hover\:from-red-400:hover {
-    --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:hover\:from-red-500:hover {
-    --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:hover\:from-red-600:hover {
-    --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:hover\:from-red-700:hover {
-    --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:hover\:from-red-800:hover {
-    --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:hover\:from-red-900:hover {
-    --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:hover\:from-orange-100:hover {
-    --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:hover\:from-orange-200:hover {
-    --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:hover\:from-orange-300:hover {
-    --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:hover\:from-orange-400:hover {
-    --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:hover\:from-orange-500:hover {
-    --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:hover\:from-orange-600:hover {
-    --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:hover\:from-orange-700:hover {
-    --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:hover\:from-orange-800:hover {
-    --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:hover\:from-orange-900:hover {
-    --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:hover\:from-yellow-100:hover {
-    --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:hover\:from-yellow-200:hover {
-    --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:hover\:from-yellow-300:hover {
-    --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:hover\:from-yellow-400:hover {
-    --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:hover\:from-yellow-500:hover {
-    --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:hover\:from-yellow-600:hover {
-    --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:hover\:from-yellow-700:hover {
-    --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:hover\:from-yellow-800:hover {
-    --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:hover\:from-yellow-900:hover {
-    --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:hover\:from-green-100:hover {
-    --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:hover\:from-green-200:hover {
-    --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:hover\:from-green-300:hover {
-    --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:hover\:from-green-400:hover {
-    --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:hover\:from-green-500:hover {
-    --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:hover\:from-green-600:hover {
-    --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:hover\:from-green-700:hover {
-    --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:hover\:from-green-800:hover {
-    --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:hover\:from-green-900:hover {
-    --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:hover\:from-teal-100:hover {
-    --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:hover\:from-teal-200:hover {
-    --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:hover\:from-teal-300:hover {
-    --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:hover\:from-teal-400:hover {
-    --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:hover\:from-teal-500:hover {
-    --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:hover\:from-teal-600:hover {
-    --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:hover\:from-teal-700:hover {
-    --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:hover\:from-teal-800:hover {
-    --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:hover\:from-teal-900:hover {
-    --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:hover\:from-blue-100:hover {
-    --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:hover\:from-blue-200:hover {
-    --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:hover\:from-blue-300:hover {
-    --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:hover\:from-blue-400:hover {
-    --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:hover\:from-blue-500:hover {
-    --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:hover\:from-blue-600:hover {
-    --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:hover\:from-blue-700:hover {
-    --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:hover\:from-blue-800:hover {
-    --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:hover\:from-blue-900:hover {
-    --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:hover\:from-indigo-100:hover {
-    --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:hover\:from-indigo-200:hover {
-    --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:hover\:from-indigo-300:hover {
-    --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:hover\:from-indigo-400:hover {
-    --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:hover\:from-indigo-500:hover {
-    --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:hover\:from-indigo-600:hover {
-    --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:hover\:from-indigo-700:hover {
-    --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:hover\:from-indigo-800:hover {
-    --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:hover\:from-indigo-900:hover {
-    --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:hover\:from-purple-100:hover {
-    --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:hover\:from-purple-200:hover {
-    --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:hover\:from-purple-300:hover {
-    --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:hover\:from-purple-400:hover {
-    --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:hover\:from-purple-500:hover {
-    --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:hover\:from-purple-600:hover {
-    --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:hover\:from-purple-700:hover {
-    --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:hover\:from-purple-800:hover {
-    --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:hover\:from-purple-900:hover {
-    --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:hover\:from-pink-100:hover {
-    --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:hover\:from-pink-200:hover {
-    --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:hover\:from-pink-300:hover {
-    --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:hover\:from-pink-400:hover {
-    --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:hover\:from-pink-500:hover {
-    --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:hover\:from-pink-600:hover {
-    --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:hover\:from-pink-700:hover {
-    --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:hover\:from-pink-800:hover {
-    --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:hover\:from-pink-900:hover {
-    --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:hover\:via-transparent:hover {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:via-current:hover {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:via-black:hover {
-    --gradient-via-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:hover\:via-white:hover {
-    --gradient-via-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:hover\:via-findMe:hover {
-    --gradient-via-color: #F9FCFD;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
-  }
-
-  .xs\:hover\:via-gray-100:hover {
-    --gradient-via-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:hover\:via-gray-200:hover {
-    --gradient-via-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:hover\:via-gray-300:hover {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:hover\:via-gray-400:hover {
-    --gradient-via-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:hover\:via-gray-500:hover {
-    --gradient-via-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:hover\:via-gray-600:hover {
-    --gradient-via-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:hover\:via-gray-700:hover {
-    --gradient-via-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:hover\:via-gray-800:hover {
-    --gradient-via-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:hover\:via-gray-900:hover {
-    --gradient-via-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:hover\:via-red-100:hover {
-    --gradient-via-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:hover\:via-red-200:hover {
-    --gradient-via-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:hover\:via-red-300:hover {
-    --gradient-via-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:hover\:via-red-400:hover {
-    --gradient-via-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:hover\:via-red-500:hover {
-    --gradient-via-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:hover\:via-red-600:hover {
-    --gradient-via-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:hover\:via-red-700:hover {
-    --gradient-via-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:hover\:via-red-800:hover {
-    --gradient-via-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:hover\:via-red-900:hover {
-    --gradient-via-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:hover\:via-orange-100:hover {
-    --gradient-via-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:hover\:via-orange-200:hover {
-    --gradient-via-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:hover\:via-orange-300:hover {
-    --gradient-via-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:hover\:via-orange-400:hover {
-    --gradient-via-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:hover\:via-orange-500:hover {
-    --gradient-via-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:hover\:via-orange-600:hover {
-    --gradient-via-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:hover\:via-orange-700:hover {
-    --gradient-via-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:hover\:via-orange-800:hover {
-    --gradient-via-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:hover\:via-orange-900:hover {
-    --gradient-via-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:hover\:via-yellow-100:hover {
-    --gradient-via-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:hover\:via-yellow-200:hover {
-    --gradient-via-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:hover\:via-yellow-300:hover {
-    --gradient-via-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:hover\:via-yellow-400:hover {
-    --gradient-via-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:hover\:via-yellow-500:hover {
-    --gradient-via-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:hover\:via-yellow-600:hover {
-    --gradient-via-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:hover\:via-yellow-700:hover {
-    --gradient-via-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:hover\:via-yellow-800:hover {
-    --gradient-via-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:hover\:via-yellow-900:hover {
-    --gradient-via-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:hover\:via-green-100:hover {
-    --gradient-via-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:hover\:via-green-200:hover {
-    --gradient-via-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:hover\:via-green-300:hover {
-    --gradient-via-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:hover\:via-green-400:hover {
-    --gradient-via-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:hover\:via-green-500:hover {
-    --gradient-via-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:hover\:via-green-600:hover {
-    --gradient-via-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:hover\:via-green-700:hover {
-    --gradient-via-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:hover\:via-green-800:hover {
-    --gradient-via-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:hover\:via-green-900:hover {
-    --gradient-via-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:hover\:via-teal-100:hover {
-    --gradient-via-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:hover\:via-teal-200:hover {
-    --gradient-via-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:hover\:via-teal-300:hover {
-    --gradient-via-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:hover\:via-teal-400:hover {
-    --gradient-via-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:hover\:via-teal-500:hover {
-    --gradient-via-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:hover\:via-teal-600:hover {
-    --gradient-via-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:hover\:via-teal-700:hover {
-    --gradient-via-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:hover\:via-teal-800:hover {
-    --gradient-via-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:hover\:via-teal-900:hover {
-    --gradient-via-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:hover\:via-blue-100:hover {
-    --gradient-via-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:hover\:via-blue-200:hover {
-    --gradient-via-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:hover\:via-blue-300:hover {
-    --gradient-via-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:hover\:via-blue-400:hover {
-    --gradient-via-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:hover\:via-blue-500:hover {
-    --gradient-via-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:hover\:via-blue-600:hover {
-    --gradient-via-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:hover\:via-blue-700:hover {
-    --gradient-via-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:hover\:via-blue-800:hover {
-    --gradient-via-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:hover\:via-blue-900:hover {
-    --gradient-via-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:hover\:via-indigo-100:hover {
-    --gradient-via-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:hover\:via-indigo-200:hover {
-    --gradient-via-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:hover\:via-indigo-300:hover {
-    --gradient-via-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:hover\:via-indigo-400:hover {
-    --gradient-via-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:hover\:via-indigo-500:hover {
-    --gradient-via-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:hover\:via-indigo-600:hover {
-    --gradient-via-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:hover\:via-indigo-700:hover {
-    --gradient-via-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:hover\:via-indigo-800:hover {
-    --gradient-via-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:hover\:via-indigo-900:hover {
-    --gradient-via-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:hover\:via-purple-100:hover {
-    --gradient-via-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:hover\:via-purple-200:hover {
-    --gradient-via-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:hover\:via-purple-300:hover {
-    --gradient-via-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:hover\:via-purple-400:hover {
-    --gradient-via-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:hover\:via-purple-500:hover {
-    --gradient-via-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:hover\:via-purple-600:hover {
-    --gradient-via-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:hover\:via-purple-700:hover {
-    --gradient-via-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:hover\:via-purple-800:hover {
-    --gradient-via-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:hover\:via-purple-900:hover {
-    --gradient-via-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:hover\:via-pink-100:hover {
-    --gradient-via-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:hover\:via-pink-200:hover {
-    --gradient-via-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:hover\:via-pink-300:hover {
-    --gradient-via-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:hover\:via-pink-400:hover {
-    --gradient-via-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:hover\:via-pink-500:hover {
-    --gradient-via-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:hover\:via-pink-600:hover {
-    --gradient-via-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:hover\:via-pink-700:hover {
-    --gradient-via-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:hover\:via-pink-800:hover {
-    --gradient-via-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:hover\:via-pink-900:hover {
-    --gradient-via-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:hover\:to-transparent:hover {
-    --gradient-to-color: transparent;
-  }
-
-  .xs\:hover\:to-current:hover {
-    --gradient-to-color: currentColor;
-  }
-
-  .xs\:hover\:to-black:hover {
-    --gradient-to-color: #000;
-  }
-
-  .xs\:hover\:to-white:hover {
-    --gradient-to-color: #fff;
-  }
-
-  .xs\:hover\:to-findMe:hover {
-    --gradient-to-color: #F9FCFD;
-  }
-
-  .xs\:hover\:to-gray-100:hover {
-    --gradient-to-color: #f7fafc;
-  }
-
-  .xs\:hover\:to-gray-200:hover {
-    --gradient-to-color: #edf2f7;
-  }
-
-  .xs\:hover\:to-gray-300:hover {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xs\:hover\:to-gray-400:hover {
-    --gradient-to-color: #cbd5e0;
-  }
-
-  .xs\:hover\:to-gray-500:hover {
-    --gradient-to-color: #a0aec0;
-  }
-
-  .xs\:hover\:to-gray-600:hover {
-    --gradient-to-color: #718096;
-  }
-
-  .xs\:hover\:to-gray-700:hover {
-    --gradient-to-color: #4a5568;
-  }
-
-  .xs\:hover\:to-gray-800:hover {
-    --gradient-to-color: #2d3748;
-  }
-
-  .xs\:hover\:to-gray-900:hover {
-    --gradient-to-color: #1a202c;
-  }
-
-  .xs\:hover\:to-red-100:hover {
-    --gradient-to-color: #fff5f5;
-  }
-
-  .xs\:hover\:to-red-200:hover {
-    --gradient-to-color: #fed7d7;
-  }
-
-  .xs\:hover\:to-red-300:hover {
-    --gradient-to-color: #feb2b2;
-  }
-
-  .xs\:hover\:to-red-400:hover {
-    --gradient-to-color: #fc8181;
-  }
-
-  .xs\:hover\:to-red-500:hover {
-    --gradient-to-color: #f56565;
-  }
-
-  .xs\:hover\:to-red-600:hover {
-    --gradient-to-color: #e53e3e;
-  }
-
-  .xs\:hover\:to-red-700:hover {
-    --gradient-to-color: #c53030;
-  }
-
-  .xs\:hover\:to-red-800:hover {
-    --gradient-to-color: #9b2c2c;
-  }
-
-  .xs\:hover\:to-red-900:hover {
-    --gradient-to-color: #742a2a;
-  }
-
-  .xs\:hover\:to-orange-100:hover {
-    --gradient-to-color: #fffaf0;
-  }
-
-  .xs\:hover\:to-orange-200:hover {
-    --gradient-to-color: #feebc8;
-  }
-
-  .xs\:hover\:to-orange-300:hover {
-    --gradient-to-color: #fbd38d;
-  }
-
-  .xs\:hover\:to-orange-400:hover {
-    --gradient-to-color: #f6ad55;
-  }
-
-  .xs\:hover\:to-orange-500:hover {
-    --gradient-to-color: #ed8936;
-  }
-
-  .xs\:hover\:to-orange-600:hover {
-    --gradient-to-color: #dd6b20;
-  }
-
-  .xs\:hover\:to-orange-700:hover {
-    --gradient-to-color: #c05621;
-  }
-
-  .xs\:hover\:to-orange-800:hover {
-    --gradient-to-color: #9c4221;
-  }
-
-  .xs\:hover\:to-orange-900:hover {
-    --gradient-to-color: #7b341e;
-  }
-
-  .xs\:hover\:to-yellow-100:hover {
-    --gradient-to-color: #fffff0;
-  }
-
-  .xs\:hover\:to-yellow-200:hover {
-    --gradient-to-color: #fefcbf;
-  }
-
-  .xs\:hover\:to-yellow-300:hover {
-    --gradient-to-color: #faf089;
-  }
-
-  .xs\:hover\:to-yellow-400:hover {
-    --gradient-to-color: #f6e05e;
-  }
-
-  .xs\:hover\:to-yellow-500:hover {
-    --gradient-to-color: #ecc94b;
-  }
-
-  .xs\:hover\:to-yellow-600:hover {
-    --gradient-to-color: #d69e2e;
-  }
-
-  .xs\:hover\:to-yellow-700:hover {
-    --gradient-to-color: #b7791f;
-  }
-
-  .xs\:hover\:to-yellow-800:hover {
-    --gradient-to-color: #975a16;
-  }
-
-  .xs\:hover\:to-yellow-900:hover {
-    --gradient-to-color: #744210;
-  }
-
-  .xs\:hover\:to-green-100:hover {
-    --gradient-to-color: #f0fff4;
-  }
-
-  .xs\:hover\:to-green-200:hover {
-    --gradient-to-color: #c6f6d5;
-  }
-
-  .xs\:hover\:to-green-300:hover {
-    --gradient-to-color: #9ae6b4;
-  }
-
-  .xs\:hover\:to-green-400:hover {
-    --gradient-to-color: #68d391;
-  }
-
-  .xs\:hover\:to-green-500:hover {
-    --gradient-to-color: #48bb78;
-  }
-
-  .xs\:hover\:to-green-600:hover {
-    --gradient-to-color: #38a169;
-  }
-
-  .xs\:hover\:to-green-700:hover {
-    --gradient-to-color: #2f855a;
-  }
-
-  .xs\:hover\:to-green-800:hover {
-    --gradient-to-color: #276749;
-  }
-
-  .xs\:hover\:to-green-900:hover {
-    --gradient-to-color: #22543d;
-  }
-
-  .xs\:hover\:to-teal-100:hover {
-    --gradient-to-color: #e6fffa;
-  }
-
-  .xs\:hover\:to-teal-200:hover {
-    --gradient-to-color: #b2f5ea;
-  }
-
-  .xs\:hover\:to-teal-300:hover {
-    --gradient-to-color: #81e6d9;
-  }
-
-  .xs\:hover\:to-teal-400:hover {
-    --gradient-to-color: #4fd1c5;
-  }
-
-  .xs\:hover\:to-teal-500:hover {
-    --gradient-to-color: #38b2ac;
-  }
-
-  .xs\:hover\:to-teal-600:hover {
-    --gradient-to-color: #319795;
-  }
-
-  .xs\:hover\:to-teal-700:hover {
-    --gradient-to-color: #2c7a7b;
-  }
-
-  .xs\:hover\:to-teal-800:hover {
-    --gradient-to-color: #285e61;
-  }
-
-  .xs\:hover\:to-teal-900:hover {
-    --gradient-to-color: #234e52;
-  }
-
-  .xs\:hover\:to-blue-100:hover {
-    --gradient-to-color: #ebf8ff;
-  }
-
-  .xs\:hover\:to-blue-200:hover {
-    --gradient-to-color: #bee3f8;
-  }
-
-  .xs\:hover\:to-blue-300:hover {
-    --gradient-to-color: #90cdf4;
-  }
-
-  .xs\:hover\:to-blue-400:hover {
-    --gradient-to-color: #63b3ed;
-  }
-
-  .xs\:hover\:to-blue-500:hover {
-    --gradient-to-color: #4299e1;
-  }
-
-  .xs\:hover\:to-blue-600:hover {
-    --gradient-to-color: #3182ce;
-  }
-
-  .xs\:hover\:to-blue-700:hover {
-    --gradient-to-color: #2b6cb0;
-  }
-
-  .xs\:hover\:to-blue-800:hover {
-    --gradient-to-color: #2c5282;
-  }
-
-  .xs\:hover\:to-blue-900:hover {
-    --gradient-to-color: #2a4365;
-  }
-
-  .xs\:hover\:to-indigo-100:hover {
-    --gradient-to-color: #ebf4ff;
-  }
-
-  .xs\:hover\:to-indigo-200:hover {
-    --gradient-to-color: #c3dafe;
-  }
-
-  .xs\:hover\:to-indigo-300:hover {
-    --gradient-to-color: #a3bffa;
-  }
-
-  .xs\:hover\:to-indigo-400:hover {
-    --gradient-to-color: #7f9cf5;
-  }
-
-  .xs\:hover\:to-indigo-500:hover {
-    --gradient-to-color: #667eea;
-  }
-
-  .xs\:hover\:to-indigo-600:hover {
-    --gradient-to-color: #5a67d8;
-  }
-
-  .xs\:hover\:to-indigo-700:hover {
-    --gradient-to-color: #4c51bf;
-  }
-
-  .xs\:hover\:to-indigo-800:hover {
-    --gradient-to-color: #434190;
-  }
-
-  .xs\:hover\:to-indigo-900:hover {
-    --gradient-to-color: #3c366b;
-  }
-
-  .xs\:hover\:to-purple-100:hover {
-    --gradient-to-color: #faf5ff;
-  }
-
-  .xs\:hover\:to-purple-200:hover {
-    --gradient-to-color: #e9d8fd;
-  }
-
-  .xs\:hover\:to-purple-300:hover {
-    --gradient-to-color: #d6bcfa;
-  }
-
-  .xs\:hover\:to-purple-400:hover {
-    --gradient-to-color: #b794f4;
-  }
-
-  .xs\:hover\:to-purple-500:hover {
-    --gradient-to-color: #9f7aea;
-  }
-
-  .xs\:hover\:to-purple-600:hover {
-    --gradient-to-color: #805ad5;
-  }
-
-  .xs\:hover\:to-purple-700:hover {
-    --gradient-to-color: #6b46c1;
-  }
-
-  .xs\:hover\:to-purple-800:hover {
-    --gradient-to-color: #553c9a;
-  }
-
-  .xs\:hover\:to-purple-900:hover {
-    --gradient-to-color: #44337a;
-  }
-
-  .xs\:hover\:to-pink-100:hover {
-    --gradient-to-color: #fff5f7;
-  }
-
-  .xs\:hover\:to-pink-200:hover {
-    --gradient-to-color: #fed7e2;
-  }
-
-  .xs\:hover\:to-pink-300:hover {
-    --gradient-to-color: #fbb6ce;
-  }
-
-  .xs\:hover\:to-pink-400:hover {
-    --gradient-to-color: #f687b3;
-  }
-
-  .xs\:hover\:to-pink-500:hover {
-    --gradient-to-color: #ed64a6;
-  }
-
-  .xs\:hover\:to-pink-600:hover {
-    --gradient-to-color: #d53f8c;
-  }
-
-  .xs\:hover\:to-pink-700:hover {
-    --gradient-to-color: #b83280;
-  }
-
-  .xs\:hover\:to-pink-800:hover {
-    --gradient-to-color: #97266d;
-  }
-
-  .xs\:hover\:to-pink-900:hover {
-    --gradient-to-color: #702459;
-  }
-
-  .xs\:focus\:from-transparent:focus {
-    --gradient-from-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:from-current:focus {
-    --gradient-from-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:from-black:focus {
-    --gradient-from-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:from-white:focus {
-    --gradient-from-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:from-findMe:focus {
-    --gradient-from-color: #F9FCFD;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
-  }
-
-  .xs\:focus\:from-gray-100:focus {
-    --gradient-from-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:focus\:from-gray-200:focus {
-    --gradient-from-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:focus\:from-gray-300:focus {
-    --gradient-from-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:focus\:from-gray-400:focus {
-    --gradient-from-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:focus\:from-gray-500:focus {
-    --gradient-from-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:focus\:from-gray-600:focus {
-    --gradient-from-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:focus\:from-gray-700:focus {
-    --gradient-from-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:focus\:from-gray-800:focus {
-    --gradient-from-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:focus\:from-gray-900:focus {
-    --gradient-from-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:focus\:from-red-100:focus {
-    --gradient-from-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:focus\:from-red-200:focus {
-    --gradient-from-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:focus\:from-red-300:focus {
-    --gradient-from-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:focus\:from-red-400:focus {
-    --gradient-from-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:focus\:from-red-500:focus {
-    --gradient-from-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:focus\:from-red-600:focus {
-    --gradient-from-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:focus\:from-red-700:focus {
-    --gradient-from-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:focus\:from-red-800:focus {
-    --gradient-from-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:focus\:from-red-900:focus {
-    --gradient-from-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:focus\:from-orange-100:focus {
-    --gradient-from-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:focus\:from-orange-200:focus {
-    --gradient-from-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:focus\:from-orange-300:focus {
-    --gradient-from-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:focus\:from-orange-400:focus {
-    --gradient-from-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:focus\:from-orange-500:focus {
-    --gradient-from-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:focus\:from-orange-600:focus {
-    --gradient-from-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:focus\:from-orange-700:focus {
-    --gradient-from-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:focus\:from-orange-800:focus {
-    --gradient-from-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:focus\:from-orange-900:focus {
-    --gradient-from-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:focus\:from-yellow-100:focus {
-    --gradient-from-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:focus\:from-yellow-200:focus {
-    --gradient-from-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:focus\:from-yellow-300:focus {
-    --gradient-from-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:focus\:from-yellow-400:focus {
-    --gradient-from-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:focus\:from-yellow-500:focus {
-    --gradient-from-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:focus\:from-yellow-600:focus {
-    --gradient-from-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:focus\:from-yellow-700:focus {
-    --gradient-from-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:focus\:from-yellow-800:focus {
-    --gradient-from-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:focus\:from-yellow-900:focus {
-    --gradient-from-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:focus\:from-green-100:focus {
-    --gradient-from-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:focus\:from-green-200:focus {
-    --gradient-from-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:focus\:from-green-300:focus {
-    --gradient-from-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:focus\:from-green-400:focus {
-    --gradient-from-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:focus\:from-green-500:focus {
-    --gradient-from-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:focus\:from-green-600:focus {
-    --gradient-from-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:focus\:from-green-700:focus {
-    --gradient-from-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:focus\:from-green-800:focus {
-    --gradient-from-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:focus\:from-green-900:focus {
-    --gradient-from-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:focus\:from-teal-100:focus {
-    --gradient-from-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:focus\:from-teal-200:focus {
-    --gradient-from-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:focus\:from-teal-300:focus {
-    --gradient-from-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:focus\:from-teal-400:focus {
-    --gradient-from-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:focus\:from-teal-500:focus {
-    --gradient-from-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:focus\:from-teal-600:focus {
-    --gradient-from-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:focus\:from-teal-700:focus {
-    --gradient-from-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:focus\:from-teal-800:focus {
-    --gradient-from-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:focus\:from-teal-900:focus {
-    --gradient-from-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:focus\:from-blue-100:focus {
-    --gradient-from-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:focus\:from-blue-200:focus {
-    --gradient-from-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:focus\:from-blue-300:focus {
-    --gradient-from-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:focus\:from-blue-400:focus {
-    --gradient-from-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:focus\:from-blue-500:focus {
-    --gradient-from-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:focus\:from-blue-600:focus {
-    --gradient-from-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:focus\:from-blue-700:focus {
-    --gradient-from-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:focus\:from-blue-800:focus {
-    --gradient-from-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:focus\:from-blue-900:focus {
-    --gradient-from-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:focus\:from-indigo-100:focus {
-    --gradient-from-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:focus\:from-indigo-200:focus {
-    --gradient-from-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:focus\:from-indigo-300:focus {
-    --gradient-from-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:focus\:from-indigo-400:focus {
-    --gradient-from-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:focus\:from-indigo-500:focus {
-    --gradient-from-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:focus\:from-indigo-600:focus {
-    --gradient-from-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:focus\:from-indigo-700:focus {
-    --gradient-from-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:focus\:from-indigo-800:focus {
-    --gradient-from-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:focus\:from-indigo-900:focus {
-    --gradient-from-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:focus\:from-purple-100:focus {
-    --gradient-from-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:focus\:from-purple-200:focus {
-    --gradient-from-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:focus\:from-purple-300:focus {
-    --gradient-from-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:focus\:from-purple-400:focus {
-    --gradient-from-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:focus\:from-purple-500:focus {
-    --gradient-from-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:focus\:from-purple-600:focus {
-    --gradient-from-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:focus\:from-purple-700:focus {
-    --gradient-from-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:focus\:from-purple-800:focus {
-    --gradient-from-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:focus\:from-purple-900:focus {
-    --gradient-from-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:focus\:from-pink-100:focus {
-    --gradient-from-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:focus\:from-pink-200:focus {
-    --gradient-from-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:focus\:from-pink-300:focus {
-    --gradient-from-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:focus\:from-pink-400:focus {
-    --gradient-from-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:focus\:from-pink-500:focus {
-    --gradient-from-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:focus\:from-pink-600:focus {
-    --gradient-from-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:focus\:from-pink-700:focus {
-    --gradient-from-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:focus\:from-pink-800:focus {
-    --gradient-from-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:focus\:from-pink-900:focus {
-    --gradient-from-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:focus\:via-transparent:focus {
-    --gradient-via-color: transparent;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:via-current:focus {
-    --gradient-via-color: currentColor;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:via-black:focus {
-    --gradient-via-color: #000;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
-  }
-
-  .xs\:focus\:via-white:focus {
-    --gradient-via-color: #fff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
-  }
-
-  .xs\:focus\:via-findMe:focus {
-    --gradient-via-color: #F9FCFD;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 252, 253, 0));
-  }
-
-  .xs\:focus\:via-gray-100:focus {
-    --gradient-via-color: #f7fafc;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
-  }
-
-  .xs\:focus\:via-gray-200:focus {
-    --gradient-via-color: #edf2f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
-  }
-
-  .xs\:focus\:via-gray-300:focus {
-    --gradient-via-color: #e2e8f0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
-  }
-
-  .xs\:focus\:via-gray-400:focus {
-    --gradient-via-color: #cbd5e0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
-  }
-
-  .xs\:focus\:via-gray-500:focus {
-    --gradient-via-color: #a0aec0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
-  }
-
-  .xs\:focus\:via-gray-600:focus {
-    --gradient-via-color: #718096;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
-  }
-
-  .xs\:focus\:via-gray-700:focus {
-    --gradient-via-color: #4a5568;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
-  }
-
-  .xs\:focus\:via-gray-800:focus {
-    --gradient-via-color: #2d3748;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
-  }
-
-  .xs\:focus\:via-gray-900:focus {
-    --gradient-via-color: #1a202c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
-  }
-
-  .xs\:focus\:via-red-100:focus {
-    --gradient-via-color: #fff5f5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
-  }
-
-  .xs\:focus\:via-red-200:focus {
-    --gradient-via-color: #fed7d7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
-  }
-
-  .xs\:focus\:via-red-300:focus {
-    --gradient-via-color: #feb2b2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
-  }
-
-  .xs\:focus\:via-red-400:focus {
-    --gradient-via-color: #fc8181;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
-  }
-
-  .xs\:focus\:via-red-500:focus {
-    --gradient-via-color: #f56565;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
-  }
-
-  .xs\:focus\:via-red-600:focus {
-    --gradient-via-color: #e53e3e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
-  }
-
-  .xs\:focus\:via-red-700:focus {
-    --gradient-via-color: #c53030;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
-  }
-
-  .xs\:focus\:via-red-800:focus {
-    --gradient-via-color: #9b2c2c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
-  }
-
-  .xs\:focus\:via-red-900:focus {
-    --gradient-via-color: #742a2a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
-  }
-
-  .xs\:focus\:via-orange-100:focus {
-    --gradient-via-color: #fffaf0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
-  }
-
-  .xs\:focus\:via-orange-200:focus {
-    --gradient-via-color: #feebc8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
-  }
-
-  .xs\:focus\:via-orange-300:focus {
-    --gradient-via-color: #fbd38d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
-  }
-
-  .xs\:focus\:via-orange-400:focus {
-    --gradient-via-color: #f6ad55;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
-  }
-
-  .xs\:focus\:via-orange-500:focus {
-    --gradient-via-color: #ed8936;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
-  }
-
-  .xs\:focus\:via-orange-600:focus {
-    --gradient-via-color: #dd6b20;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
-  }
-
-  .xs\:focus\:via-orange-700:focus {
-    --gradient-via-color: #c05621;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
-  }
-
-  .xs\:focus\:via-orange-800:focus {
-    --gradient-via-color: #9c4221;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
-  }
-
-  .xs\:focus\:via-orange-900:focus {
-    --gradient-via-color: #7b341e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
-  }
-
-  .xs\:focus\:via-yellow-100:focus {
-    --gradient-via-color: #fffff0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
-  }
-
-  .xs\:focus\:via-yellow-200:focus {
-    --gradient-via-color: #fefcbf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
-  }
-
-  .xs\:focus\:via-yellow-300:focus {
-    --gradient-via-color: #faf089;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
-  }
-
-  .xs\:focus\:via-yellow-400:focus {
-    --gradient-via-color: #f6e05e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
-  }
-
-  .xs\:focus\:via-yellow-500:focus {
-    --gradient-via-color: #ecc94b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
-  }
-
-  .xs\:focus\:via-yellow-600:focus {
-    --gradient-via-color: #d69e2e;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
-  }
-
-  .xs\:focus\:via-yellow-700:focus {
-    --gradient-via-color: #b7791f;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
-  }
-
-  .xs\:focus\:via-yellow-800:focus {
-    --gradient-via-color: #975a16;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
-  }
-
-  .xs\:focus\:via-yellow-900:focus {
-    --gradient-via-color: #744210;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
-  }
-
-  .xs\:focus\:via-green-100:focus {
-    --gradient-via-color: #f0fff4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
-  }
-
-  .xs\:focus\:via-green-200:focus {
-    --gradient-via-color: #c6f6d5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
-  }
-
-  .xs\:focus\:via-green-300:focus {
-    --gradient-via-color: #9ae6b4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
-  }
-
-  .xs\:focus\:via-green-400:focus {
-    --gradient-via-color: #68d391;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
-  }
-
-  .xs\:focus\:via-green-500:focus {
-    --gradient-via-color: #48bb78;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
-  }
-
-  .xs\:focus\:via-green-600:focus {
-    --gradient-via-color: #38a169;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
-  }
-
-  .xs\:focus\:via-green-700:focus {
-    --gradient-via-color: #2f855a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
-  }
-
-  .xs\:focus\:via-green-800:focus {
-    --gradient-via-color: #276749;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
-  }
-
-  .xs\:focus\:via-green-900:focus {
-    --gradient-via-color: #22543d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
-  }
-
-  .xs\:focus\:via-teal-100:focus {
-    --gradient-via-color: #e6fffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
-  }
-
-  .xs\:focus\:via-teal-200:focus {
-    --gradient-via-color: #b2f5ea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
-  }
-
-  .xs\:focus\:via-teal-300:focus {
-    --gradient-via-color: #81e6d9;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
-  }
-
-  .xs\:focus\:via-teal-400:focus {
-    --gradient-via-color: #4fd1c5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
-  }
-
-  .xs\:focus\:via-teal-500:focus {
-    --gradient-via-color: #38b2ac;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
-  }
-
-  .xs\:focus\:via-teal-600:focus {
-    --gradient-via-color: #319795;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
-  }
-
-  .xs\:focus\:via-teal-700:focus {
-    --gradient-via-color: #2c7a7b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
-  }
-
-  .xs\:focus\:via-teal-800:focus {
-    --gradient-via-color: #285e61;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
-  }
-
-  .xs\:focus\:via-teal-900:focus {
-    --gradient-via-color: #234e52;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
-  }
-
-  .xs\:focus\:via-blue-100:focus {
-    --gradient-via-color: #ebf8ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
-  }
-
-  .xs\:focus\:via-blue-200:focus {
-    --gradient-via-color: #bee3f8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
-  }
-
-  .xs\:focus\:via-blue-300:focus {
-    --gradient-via-color: #90cdf4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
-  }
-
-  .xs\:focus\:via-blue-400:focus {
-    --gradient-via-color: #63b3ed;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
-  }
-
-  .xs\:focus\:via-blue-500:focus {
-    --gradient-via-color: #4299e1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
-  }
-
-  .xs\:focus\:via-blue-600:focus {
-    --gradient-via-color: #3182ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
-  }
-
-  .xs\:focus\:via-blue-700:focus {
-    --gradient-via-color: #2b6cb0;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
-  }
-
-  .xs\:focus\:via-blue-800:focus {
-    --gradient-via-color: #2c5282;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
-  }
-
-  .xs\:focus\:via-blue-900:focus {
-    --gradient-via-color: #2a4365;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
-  }
-
-  .xs\:focus\:via-indigo-100:focus {
-    --gradient-via-color: #ebf4ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
-  }
-
-  .xs\:focus\:via-indigo-200:focus {
-    --gradient-via-color: #c3dafe;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
-  }
-
-  .xs\:focus\:via-indigo-300:focus {
-    --gradient-via-color: #a3bffa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
-  }
-
-  .xs\:focus\:via-indigo-400:focus {
-    --gradient-via-color: #7f9cf5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
-  }
-
-  .xs\:focus\:via-indigo-500:focus {
-    --gradient-via-color: #667eea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
-  }
-
-  .xs\:focus\:via-indigo-600:focus {
-    --gradient-via-color: #5a67d8;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
-  }
-
-  .xs\:focus\:via-indigo-700:focus {
-    --gradient-via-color: #4c51bf;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
-  }
-
-  .xs\:focus\:via-indigo-800:focus {
-    --gradient-via-color: #434190;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
-  }
-
-  .xs\:focus\:via-indigo-900:focus {
-    --gradient-via-color: #3c366b;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
-  }
-
-  .xs\:focus\:via-purple-100:focus {
-    --gradient-via-color: #faf5ff;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
-  }
-
-  .xs\:focus\:via-purple-200:focus {
-    --gradient-via-color: #e9d8fd;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
-  }
-
-  .xs\:focus\:via-purple-300:focus {
-    --gradient-via-color: #d6bcfa;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
-  }
-
-  .xs\:focus\:via-purple-400:focus {
-    --gradient-via-color: #b794f4;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
-  }
-
-  .xs\:focus\:via-purple-500:focus {
-    --gradient-via-color: #9f7aea;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
-  }
-
-  .xs\:focus\:via-purple-600:focus {
-    --gradient-via-color: #805ad5;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
-  }
-
-  .xs\:focus\:via-purple-700:focus {
-    --gradient-via-color: #6b46c1;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
-  }
-
-  .xs\:focus\:via-purple-800:focus {
-    --gradient-via-color: #553c9a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
-  }
-
-  .xs\:focus\:via-purple-900:focus {
-    --gradient-via-color: #44337a;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
-  }
-
-  .xs\:focus\:via-pink-100:focus {
-    --gradient-via-color: #fff5f7;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
-  }
-
-  .xs\:focus\:via-pink-200:focus {
-    --gradient-via-color: #fed7e2;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
-  }
-
-  .xs\:focus\:via-pink-300:focus {
-    --gradient-via-color: #fbb6ce;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
-  }
-
-  .xs\:focus\:via-pink-400:focus {
-    --gradient-via-color: #f687b3;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
-  }
-
-  .xs\:focus\:via-pink-500:focus {
-    --gradient-via-color: #ed64a6;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
-  }
-
-  .xs\:focus\:via-pink-600:focus {
-    --gradient-via-color: #d53f8c;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
-  }
-
-  .xs\:focus\:via-pink-700:focus {
-    --gradient-via-color: #b83280;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
-  }
-
-  .xs\:focus\:via-pink-800:focus {
-    --gradient-via-color: #97266d;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
-  }
-
-  .xs\:focus\:via-pink-900:focus {
-    --gradient-via-color: #702459;
-    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
-  }
-
-  .xs\:focus\:to-transparent:focus {
-    --gradient-to-color: transparent;
-  }
-
-  .xs\:focus\:to-current:focus {
-    --gradient-to-color: currentColor;
-  }
-
-  .xs\:focus\:to-black:focus {
-    --gradient-to-color: #000;
-  }
-
-  .xs\:focus\:to-white:focus {
-    --gradient-to-color: #fff;
-  }
-
-  .xs\:focus\:to-findMe:focus {
-    --gradient-to-color: #F9FCFD;
-  }
-
-  .xs\:focus\:to-gray-100:focus {
-    --gradient-to-color: #f7fafc;
-  }
-
-  .xs\:focus\:to-gray-200:focus {
-    --gradient-to-color: #edf2f7;
-  }
-
-  .xs\:focus\:to-gray-300:focus {
-    --gradient-to-color: #e2e8f0;
-  }
-
-  .xs\:focus\:to-gray-400:focus {
-    --gradient-to-color: #cbd5e0;
-  }
-
-  .xs\:focus\:to-gray-500:focus {
-    --gradient-to-color: #a0aec0;
-  }
-
-  .xs\:focus\:to-gray-600:focus {
-    --gradient-to-color: #718096;
-  }
-
-  .xs\:focus\:to-gray-700:focus {
-    --gradient-to-color: #4a5568;
-  }
-
-  .xs\:focus\:to-gray-800:focus {
-    --gradient-to-color: #2d3748;
-  }
-
-  .xs\:focus\:to-gray-900:focus {
-    --gradient-to-color: #1a202c;
-  }
-
-  .xs\:focus\:to-red-100:focus {
-    --gradient-to-color: #fff5f5;
-  }
-
-  .xs\:focus\:to-red-200:focus {
-    --gradient-to-color: #fed7d7;
-  }
-
-  .xs\:focus\:to-red-300:focus {
-    --gradient-to-color: #feb2b2;
-  }
-
-  .xs\:focus\:to-red-400:focus {
-    --gradient-to-color: #fc8181;
-  }
-
-  .xs\:focus\:to-red-500:focus {
-    --gradient-to-color: #f56565;
-  }
-
-  .xs\:focus\:to-red-600:focus {
-    --gradient-to-color: #e53e3e;
-  }
-
-  .xs\:focus\:to-red-700:focus {
-    --gradient-to-color: #c53030;
-  }
-
-  .xs\:focus\:to-red-800:focus {
-    --gradient-to-color: #9b2c2c;
-  }
-
-  .xs\:focus\:to-red-900:focus {
-    --gradient-to-color: #742a2a;
-  }
-
-  .xs\:focus\:to-orange-100:focus {
-    --gradient-to-color: #fffaf0;
-  }
-
-  .xs\:focus\:to-orange-200:focus {
-    --gradient-to-color: #feebc8;
-  }
-
-  .xs\:focus\:to-orange-300:focus {
-    --gradient-to-color: #fbd38d;
-  }
-
-  .xs\:focus\:to-orange-400:focus {
-    --gradient-to-color: #f6ad55;
-  }
-
-  .xs\:focus\:to-orange-500:focus {
-    --gradient-to-color: #ed8936;
-  }
-
-  .xs\:focus\:to-orange-600:focus {
-    --gradient-to-color: #dd6b20;
-  }
-
-  .xs\:focus\:to-orange-700:focus {
-    --gradient-to-color: #c05621;
-  }
-
-  .xs\:focus\:to-orange-800:focus {
-    --gradient-to-color: #9c4221;
-  }
-
-  .xs\:focus\:to-orange-900:focus {
-    --gradient-to-color: #7b341e;
-  }
-
-  .xs\:focus\:to-yellow-100:focus {
-    --gradient-to-color: #fffff0;
-  }
-
-  .xs\:focus\:to-yellow-200:focus {
-    --gradient-to-color: #fefcbf;
-  }
-
-  .xs\:focus\:to-yellow-300:focus {
-    --gradient-to-color: #faf089;
-  }
-
-  .xs\:focus\:to-yellow-400:focus {
-    --gradient-to-color: #f6e05e;
-  }
-
-  .xs\:focus\:to-yellow-500:focus {
-    --gradient-to-color: #ecc94b;
-  }
-
-  .xs\:focus\:to-yellow-600:focus {
-    --gradient-to-color: #d69e2e;
-  }
-
-  .xs\:focus\:to-yellow-700:focus {
-    --gradient-to-color: #b7791f;
-  }
-
-  .xs\:focus\:to-yellow-800:focus {
-    --gradient-to-color: #975a16;
-  }
-
-  .xs\:focus\:to-yellow-900:focus {
-    --gradient-to-color: #744210;
-  }
-
-  .xs\:focus\:to-green-100:focus {
-    --gradient-to-color: #f0fff4;
-  }
-
-  .xs\:focus\:to-green-200:focus {
-    --gradient-to-color: #c6f6d5;
-  }
-
-  .xs\:focus\:to-green-300:focus {
-    --gradient-to-color: #9ae6b4;
-  }
-
-  .xs\:focus\:to-green-400:focus {
-    --gradient-to-color: #68d391;
-  }
-
-  .xs\:focus\:to-green-500:focus {
-    --gradient-to-color: #48bb78;
-  }
-
-  .xs\:focus\:to-green-600:focus {
-    --gradient-to-color: #38a169;
-  }
-
-  .xs\:focus\:to-green-700:focus {
-    --gradient-to-color: #2f855a;
-  }
-
-  .xs\:focus\:to-green-800:focus {
-    --gradient-to-color: #276749;
-  }
-
-  .xs\:focus\:to-green-900:focus {
-    --gradient-to-color: #22543d;
-  }
-
-  .xs\:focus\:to-teal-100:focus {
-    --gradient-to-color: #e6fffa;
-  }
-
-  .xs\:focus\:to-teal-200:focus {
-    --gradient-to-color: #b2f5ea;
-  }
-
-  .xs\:focus\:to-teal-300:focus {
-    --gradient-to-color: #81e6d9;
-  }
-
-  .xs\:focus\:to-teal-400:focus {
-    --gradient-to-color: #4fd1c5;
-  }
-
-  .xs\:focus\:to-teal-500:focus {
-    --gradient-to-color: #38b2ac;
-  }
-
-  .xs\:focus\:to-teal-600:focus {
-    --gradient-to-color: #319795;
-  }
-
-  .xs\:focus\:to-teal-700:focus {
-    --gradient-to-color: #2c7a7b;
-  }
-
-  .xs\:focus\:to-teal-800:focus {
-    --gradient-to-color: #285e61;
-  }
-
-  .xs\:focus\:to-teal-900:focus {
-    --gradient-to-color: #234e52;
-  }
-
-  .xs\:focus\:to-blue-100:focus {
-    --gradient-to-color: #ebf8ff;
-  }
-
-  .xs\:focus\:to-blue-200:focus {
-    --gradient-to-color: #bee3f8;
-  }
-
-  .xs\:focus\:to-blue-300:focus {
-    --gradient-to-color: #90cdf4;
-  }
-
-  .xs\:focus\:to-blue-400:focus {
-    --gradient-to-color: #63b3ed;
-  }
-
-  .xs\:focus\:to-blue-500:focus {
-    --gradient-to-color: #4299e1;
-  }
-
-  .xs\:focus\:to-blue-600:focus {
-    --gradient-to-color: #3182ce;
-  }
-
-  .xs\:focus\:to-blue-700:focus {
-    --gradient-to-color: #2b6cb0;
-  }
-
-  .xs\:focus\:to-blue-800:focus {
-    --gradient-to-color: #2c5282;
-  }
-
-  .xs\:focus\:to-blue-900:focus {
-    --gradient-to-color: #2a4365;
-  }
-
-  .xs\:focus\:to-indigo-100:focus {
-    --gradient-to-color: #ebf4ff;
-  }
-
-  .xs\:focus\:to-indigo-200:focus {
-    --gradient-to-color: #c3dafe;
-  }
-
-  .xs\:focus\:to-indigo-300:focus {
-    --gradient-to-color: #a3bffa;
-  }
-
-  .xs\:focus\:to-indigo-400:focus {
-    --gradient-to-color: #7f9cf5;
-  }
-
-  .xs\:focus\:to-indigo-500:focus {
-    --gradient-to-color: #667eea;
-  }
-
-  .xs\:focus\:to-indigo-600:focus {
-    --gradient-to-color: #5a67d8;
-  }
-
-  .xs\:focus\:to-indigo-700:focus {
-    --gradient-to-color: #4c51bf;
-  }
-
-  .xs\:focus\:to-indigo-800:focus {
-    --gradient-to-color: #434190;
-  }
-
-  .xs\:focus\:to-indigo-900:focus {
-    --gradient-to-color: #3c366b;
-  }
-
-  .xs\:focus\:to-purple-100:focus {
-    --gradient-to-color: #faf5ff;
-  }
-
-  .xs\:focus\:to-purple-200:focus {
-    --gradient-to-color: #e9d8fd;
-  }
-
-  .xs\:focus\:to-purple-300:focus {
-    --gradient-to-color: #d6bcfa;
-  }
-
-  .xs\:focus\:to-purple-400:focus {
-    --gradient-to-color: #b794f4;
-  }
-
-  .xs\:focus\:to-purple-500:focus {
-    --gradient-to-color: #9f7aea;
-  }
-
-  .xs\:focus\:to-purple-600:focus {
-    --gradient-to-color: #805ad5;
-  }
-
-  .xs\:focus\:to-purple-700:focus {
-    --gradient-to-color: #6b46c1;
-  }
-
-  .xs\:focus\:to-purple-800:focus {
-    --gradient-to-color: #553c9a;
-  }
-
-  .xs\:focus\:to-purple-900:focus {
-    --gradient-to-color: #44337a;
-  }
-
-  .xs\:focus\:to-pink-100:focus {
-    --gradient-to-color: #fff5f7;
-  }
-
-  .xs\:focus\:to-pink-200:focus {
-    --gradient-to-color: #fed7e2;
-  }
-
-  .xs\:focus\:to-pink-300:focus {
-    --gradient-to-color: #fbb6ce;
-  }
-
-  .xs\:focus\:to-pink-400:focus {
-    --gradient-to-color: #f687b3;
-  }
-
-  .xs\:focus\:to-pink-500:focus {
-    --gradient-to-color: #ed64a6;
-  }
-
-  .xs\:focus\:to-pink-600:focus {
-    --gradient-to-color: #d53f8c;
-  }
-
-  .xs\:focus\:to-pink-700:focus {
-    --gradient-to-color: #b83280;
-  }
-
-  .xs\:focus\:to-pink-800:focus {
-    --gradient-to-color: #97266d;
-  }
-
-  .xs\:focus\:to-pink-900:focus {
-    --gradient-to-color: #702459;
-  }
-
-  .xs\:bg-opacity-0 {
-    --bg-opacity: 0;
-  }
-
-  .xs\:bg-opacity-25 {
-    --bg-opacity: 0.25;
-  }
-
-  .xs\:bg-opacity-50 {
-    --bg-opacity: 0.5;
-  }
-
-  .xs\:bg-opacity-75 {
-    --bg-opacity: 0.75;
-  }
-
-  .xs\:bg-opacity-100 {
-    --bg-opacity: 1;
-  }
-
-  .xs\:hover\:bg-opacity-0:hover {
-    --bg-opacity: 0;
-  }
-
-  .xs\:hover\:bg-opacity-25:hover {
-    --bg-opacity: 0.25;
-  }
-
-  .xs\:hover\:bg-opacity-50:hover {
-    --bg-opacity: 0.5;
-  }
-
-  .xs\:hover\:bg-opacity-75:hover {
-    --bg-opacity: 0.75;
-  }
-
-  .xs\:hover\:bg-opacity-100:hover {
-    --bg-opacity: 1;
-  }
-
-  .xs\:focus\:bg-opacity-0:focus {
-    --bg-opacity: 0;
-  }
-
-  .xs\:focus\:bg-opacity-25:focus {
-    --bg-opacity: 0.25;
-  }
-
-  .xs\:focus\:bg-opacity-50:focus {
-    --bg-opacity: 0.5;
-  }
-
-  .xs\:focus\:bg-opacity-75:focus {
-    --bg-opacity: 0.75;
-  }
-
-  .xs\:focus\:bg-opacity-100:focus {
-    --bg-opacity: 1;
-  }
-
-  .xs\:bg-bottom {
-    background-position: bottom;
-  }
-
-  .xs\:bg-center {
-    background-position: center;
-  }
-
-  .xs\:bg-left {
-    background-position: left;
-  }
-
-  .xs\:bg-left-bottom {
-    background-position: left bottom;
-  }
-
-  .xs\:bg-left-top {
-    background-position: left top;
-  }
-
-  .xs\:bg-right {
-    background-position: right;
-  }
-
-  .xs\:bg-right-bottom {
-    background-position: right bottom;
-  }
-
-  .xs\:bg-right-top {
-    background-position: right top;
-  }
-
-  .xs\:bg-top {
-    background-position: top;
-  }
-
-  .xs\:bg-repeat {
-    background-repeat: repeat;
-  }
-
-  .xs\:bg-no-repeat {
-    background-repeat: no-repeat;
-  }
-
-  .xs\:bg-repeat-x {
-    background-repeat: repeat-x;
-  }
-
-  .xs\:bg-repeat-y {
-    background-repeat: repeat-y;
-  }
-
-  .xs\:bg-repeat-round {
-    background-repeat: round;
-  }
-
-  .xs\:bg-repeat-space {
-    background-repeat: space;
-  }
-
-  .xs\:bg-auto {
-    background-size: auto;
-  }
-
-  .xs\:bg-cover {
-    background-size: cover;
-  }
-
-  .xs\:bg-contain {
-    background-size: contain;
-  }
-
-  .xs\:border-collapse {
-    border-collapse: collapse;
-  }
-
-  .xs\:border-separate {
-    border-collapse: separate;
-  }
-
-  .xs\:border-transparent {
-    border-color: transparent;
-  }
-
-  .xs\:border-current {
-    border-color: currentColor;
-  }
-
-  .xs\:border-black {
-    --border-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xs\:border-white {
-    --border-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xs\:border-findMe {
-    --border-opacity: 1;
-    border-color: #F9FCFD;
-    border-color: rgba(249, 252, 253, var(--border-opacity));
-  }
-
-  .xs\:border-gray-100 {
-    --border-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--border-opacity));
-  }
-
-  .xs\:border-gray-200 {
-    --border-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--border-opacity));
-  }
-
-  .xs\:border-gray-300 {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xs\:border-gray-400 {
-    --border-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--border-opacity));
-  }
-
-  .xs\:border-gray-500 {
-    --border-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--border-opacity));
-  }
-
-  .xs\:border-gray-600 {
-    --border-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--border-opacity));
-  }
-
-  .xs\:border-gray-700 {
-    --border-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--border-opacity));
-  }
-
-  .xs\:border-gray-800 {
-    --border-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--border-opacity));
-  }
-
-  .xs\:border-gray-900 {
-    --border-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--border-opacity));
-  }
-
-  .xs\:border-red-100 {
-    --border-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--border-opacity));
-  }
-
-  .xs\:border-red-200 {
-    --border-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--border-opacity));
-  }
-
-  .xs\:border-red-300 {
-    --border-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--border-opacity));
-  }
-
-  .xs\:border-red-400 {
-    --border-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--border-opacity));
-  }
-
-  .xs\:border-red-500 {
-    --border-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--border-opacity));
-  }
-
-  .xs\:border-red-600 {
-    --border-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--border-opacity));
-  }
-
-  .xs\:border-red-700 {
-    --border-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--border-opacity));
-  }
-
-  .xs\:border-red-800 {
-    --border-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--border-opacity));
-  }
-
-  .xs\:border-red-900 {
-    --border-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--border-opacity));
-  }
-
-  .xs\:border-orange-100 {
-    --border-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--border-opacity));
-  }
-
-  .xs\:border-orange-200 {
-    --border-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--border-opacity));
-  }
-
-  .xs\:border-orange-300 {
-    --border-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--border-opacity));
-  }
-
-  .xs\:border-orange-400 {
-    --border-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--border-opacity));
-  }
-
-  .xs\:border-orange-500 {
-    --border-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--border-opacity));
-  }
-
-  .xs\:border-orange-600 {
-    --border-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--border-opacity));
-  }
-
-  .xs\:border-orange-700 {
-    --border-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--border-opacity));
-  }
-
-  .xs\:border-orange-800 {
-    --border-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--border-opacity));
-  }
-
-  .xs\:border-orange-900 {
-    --border-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-100 {
-    --border-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-200 {
-    --border-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-300 {
-    --border-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-400 {
-    --border-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-500 {
-    --border-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-600 {
-    --border-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-700 {
-    --border-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-800 {
-    --border-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--border-opacity));
-  }
-
-  .xs\:border-yellow-900 {
-    --border-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--border-opacity));
-  }
-
-  .xs\:border-green-100 {
-    --border-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--border-opacity));
-  }
-
-  .xs\:border-green-200 {
-    --border-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--border-opacity));
-  }
-
-  .xs\:border-green-300 {
-    --border-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--border-opacity));
-  }
-
-  .xs\:border-green-400 {
-    --border-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--border-opacity));
-  }
-
-  .xs\:border-green-500 {
-    --border-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--border-opacity));
-  }
-
-  .xs\:border-green-600 {
-    --border-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--border-opacity));
-  }
-
-  .xs\:border-green-700 {
-    --border-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--border-opacity));
-  }
-
-  .xs\:border-green-800 {
-    --border-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--border-opacity));
-  }
-
-  .xs\:border-green-900 {
-    --border-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--border-opacity));
-  }
-
-  .xs\:border-teal-100 {
-    --border-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--border-opacity));
-  }
-
-  .xs\:border-teal-200 {
-    --border-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--border-opacity));
-  }
-
-  .xs\:border-teal-300 {
-    --border-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--border-opacity));
-  }
-
-  .xs\:border-teal-400 {
-    --border-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--border-opacity));
-  }
-
-  .xs\:border-teal-500 {
-    --border-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--border-opacity));
-  }
-
-  .xs\:border-teal-600 {
-    --border-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--border-opacity));
-  }
-
-  .xs\:border-teal-700 {
-    --border-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--border-opacity));
-  }
-
-  .xs\:border-teal-800 {
-    --border-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--border-opacity));
-  }
-
-  .xs\:border-teal-900 {
-    --border-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--border-opacity));
-  }
-
-  .xs\:border-blue-100 {
-    --border-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--border-opacity));
-  }
-
-  .xs\:border-blue-200 {
-    --border-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--border-opacity));
-  }
-
-  .xs\:border-blue-300 {
-    --border-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--border-opacity));
-  }
-
-  .xs\:border-blue-400 {
-    --border-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--border-opacity));
-  }
-
-  .xs\:border-blue-500 {
-    --border-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--border-opacity));
-  }
-
-  .xs\:border-blue-600 {
-    --border-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--border-opacity));
-  }
-
-  .xs\:border-blue-700 {
-    --border-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--border-opacity));
-  }
-
-  .xs\:border-blue-800 {
-    --border-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--border-opacity));
-  }
-
-  .xs\:border-blue-900 {
-    --border-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-100 {
-    --border-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-200 {
-    --border-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-300 {
-    --border-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-400 {
-    --border-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-500 {
-    --border-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-600 {
-    --border-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-700 {
-    --border-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-800 {
-    --border-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--border-opacity));
-  }
-
-  .xs\:border-indigo-900 {
-    --border-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--border-opacity));
-  }
-
-  .xs\:border-purple-100 {
-    --border-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--border-opacity));
-  }
-
-  .xs\:border-purple-200 {
-    --border-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--border-opacity));
-  }
-
-  .xs\:border-purple-300 {
-    --border-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--border-opacity));
-  }
-
-  .xs\:border-purple-400 {
-    --border-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--border-opacity));
-  }
-
-  .xs\:border-purple-500 {
-    --border-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--border-opacity));
-  }
-
-  .xs\:border-purple-600 {
-    --border-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--border-opacity));
-  }
-
-  .xs\:border-purple-700 {
-    --border-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--border-opacity));
-  }
-
-  .xs\:border-purple-800 {
-    --border-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--border-opacity));
-  }
-
-  .xs\:border-purple-900 {
-    --border-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--border-opacity));
-  }
-
-  .xs\:border-pink-100 {
-    --border-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--border-opacity));
-  }
-
-  .xs\:border-pink-200 {
-    --border-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--border-opacity));
-  }
-
-  .xs\:border-pink-300 {
-    --border-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--border-opacity));
-  }
-
-  .xs\:border-pink-400 {
-    --border-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--border-opacity));
-  }
-
-  .xs\:border-pink-500 {
-    --border-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--border-opacity));
-  }
-
-  .xs\:border-pink-600 {
-    --border-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--border-opacity));
-  }
-
-  .xs\:border-pink-700 {
-    --border-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--border-opacity));
-  }
-
-  .xs\:border-pink-800 {
-    --border-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--border-opacity));
-  }
-
-  .xs\:border-pink-900 {
-    --border-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-transparent:hover {
-    border-color: transparent;
-  }
-
-  .xs\:hover\:border-current:hover {
-    border-color: currentColor;
-  }
-
-  .xs\:hover\:border-black:hover {
-    --border-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-white:hover {
-    --border-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-findMe:hover {
-    --border-opacity: 1;
-    border-color: #F9FCFD;
-    border-color: rgba(249, 252, 253, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-100:hover {
-    --border-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-200:hover {
-    --border-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-300:hover {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-400:hover {
-    --border-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-500:hover {
-    --border-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-600:hover {
-    --border-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-700:hover {
-    --border-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-800:hover {
-    --border-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-gray-900:hover {
-    --border-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-100:hover {
-    --border-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-200:hover {
-    --border-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-300:hover {
-    --border-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-400:hover {
-    --border-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-500:hover {
-    --border-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-600:hover {
-    --border-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-700:hover {
-    --border-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-800:hover {
-    --border-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-red-900:hover {
-    --border-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-100:hover {
-    --border-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-200:hover {
-    --border-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-300:hover {
-    --border-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-400:hover {
-    --border-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-500:hover {
-    --border-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-600:hover {
-    --border-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-700:hover {
-    --border-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-800:hover {
-    --border-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-orange-900:hover {
-    --border-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-100:hover {
-    --border-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-200:hover {
-    --border-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-300:hover {
-    --border-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-400:hover {
-    --border-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-500:hover {
-    --border-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-600:hover {
-    --border-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-700:hover {
-    --border-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-800:hover {
-    --border-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-yellow-900:hover {
-    --border-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-100:hover {
-    --border-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-200:hover {
-    --border-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-300:hover {
-    --border-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-400:hover {
-    --border-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-500:hover {
-    --border-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-600:hover {
-    --border-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-700:hover {
-    --border-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-800:hover {
-    --border-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-green-900:hover {
-    --border-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-100:hover {
-    --border-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-200:hover {
-    --border-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-300:hover {
-    --border-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-400:hover {
-    --border-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-500:hover {
-    --border-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-600:hover {
-    --border-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-700:hover {
-    --border-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-800:hover {
-    --border-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-teal-900:hover {
-    --border-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-100:hover {
-    --border-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-200:hover {
-    --border-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-300:hover {
-    --border-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-400:hover {
-    --border-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-500:hover {
-    --border-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-600:hover {
-    --border-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-700:hover {
-    --border-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-800:hover {
-    --border-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-blue-900:hover {
-    --border-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-100:hover {
-    --border-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-200:hover {
-    --border-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-300:hover {
-    --border-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-400:hover {
-    --border-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-500:hover {
-    --border-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-600:hover {
-    --border-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-700:hover {
-    --border-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-800:hover {
-    --border-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-indigo-900:hover {
-    --border-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-100:hover {
-    --border-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-200:hover {
-    --border-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-300:hover {
-    --border-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-400:hover {
-    --border-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-500:hover {
-    --border-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-600:hover {
-    --border-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-700:hover {
-    --border-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-800:hover {
-    --border-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-purple-900:hover {
-    --border-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-100:hover {
-    --border-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-200:hover {
-    --border-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-300:hover {
-    --border-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-400:hover {
-    --border-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-500:hover {
-    --border-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-600:hover {
-    --border-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-700:hover {
-    --border-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-800:hover {
-    --border-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--border-opacity));
-  }
-
-  .xs\:hover\:border-pink-900:hover {
-    --border-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-transparent:focus {
-    border-color: transparent;
-  }
-
-  .xs\:focus\:border-current:focus {
-    border-color: currentColor;
-  }
-
-  .xs\:focus\:border-black:focus {
-    --border-opacity: 1;
-    border-color: #000;
-    border-color: rgba(0, 0, 0, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-white:focus {
-    --border-opacity: 1;
-    border-color: #fff;
-    border-color: rgba(255, 255, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-findMe:focus {
-    --border-opacity: 1;
-    border-color: #F9FCFD;
-    border-color: rgba(249, 252, 253, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-100:focus {
-    --border-opacity: 1;
-    border-color: #f7fafc;
-    border-color: rgba(247, 250, 252, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-200:focus {
-    --border-opacity: 1;
-    border-color: #edf2f7;
-    border-color: rgba(237, 242, 247, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-300:focus {
-    --border-opacity: 1;
-    border-color: #e2e8f0;
-    border-color: rgba(226, 232, 240, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-400:focus {
-    --border-opacity: 1;
-    border-color: #cbd5e0;
-    border-color: rgba(203, 213, 224, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-500:focus {
-    --border-opacity: 1;
-    border-color: #a0aec0;
-    border-color: rgba(160, 174, 192, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-600:focus {
-    --border-opacity: 1;
-    border-color: #718096;
-    border-color: rgba(113, 128, 150, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-700:focus {
-    --border-opacity: 1;
-    border-color: #4a5568;
-    border-color: rgba(74, 85, 104, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-800:focus {
-    --border-opacity: 1;
-    border-color: #2d3748;
-    border-color: rgba(45, 55, 72, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-gray-900:focus {
-    --border-opacity: 1;
-    border-color: #1a202c;
-    border-color: rgba(26, 32, 44, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-100:focus {
-    --border-opacity: 1;
-    border-color: #fff5f5;
-    border-color: rgba(255, 245, 245, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-200:focus {
-    --border-opacity: 1;
-    border-color: #fed7d7;
-    border-color: rgba(254, 215, 215, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-300:focus {
-    --border-opacity: 1;
-    border-color: #feb2b2;
-    border-color: rgba(254, 178, 178, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-400:focus {
-    --border-opacity: 1;
-    border-color: #fc8181;
-    border-color: rgba(252, 129, 129, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-500:focus {
-    --border-opacity: 1;
-    border-color: #f56565;
-    border-color: rgba(245, 101, 101, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-600:focus {
-    --border-opacity: 1;
-    border-color: #e53e3e;
-    border-color: rgba(229, 62, 62, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-700:focus {
-    --border-opacity: 1;
-    border-color: #c53030;
-    border-color: rgba(197, 48, 48, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-800:focus {
-    --border-opacity: 1;
-    border-color: #9b2c2c;
-    border-color: rgba(155, 44, 44, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-red-900:focus {
-    --border-opacity: 1;
-    border-color: #742a2a;
-    border-color: rgba(116, 42, 42, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-100:focus {
-    --border-opacity: 1;
-    border-color: #fffaf0;
-    border-color: rgba(255, 250, 240, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-200:focus {
-    --border-opacity: 1;
-    border-color: #feebc8;
-    border-color: rgba(254, 235, 200, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-300:focus {
-    --border-opacity: 1;
-    border-color: #fbd38d;
-    border-color: rgba(251, 211, 141, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-400:focus {
-    --border-opacity: 1;
-    border-color: #f6ad55;
-    border-color: rgba(246, 173, 85, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-500:focus {
-    --border-opacity: 1;
-    border-color: #ed8936;
-    border-color: rgba(237, 137, 54, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-600:focus {
-    --border-opacity: 1;
-    border-color: #dd6b20;
-    border-color: rgba(221, 107, 32, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-700:focus {
-    --border-opacity: 1;
-    border-color: #c05621;
-    border-color: rgba(192, 86, 33, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-800:focus {
-    --border-opacity: 1;
-    border-color: #9c4221;
-    border-color: rgba(156, 66, 33, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-orange-900:focus {
-    --border-opacity: 1;
-    border-color: #7b341e;
-    border-color: rgba(123, 52, 30, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-100:focus {
-    --border-opacity: 1;
-    border-color: #fffff0;
-    border-color: rgba(255, 255, 240, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-200:focus {
-    --border-opacity: 1;
-    border-color: #fefcbf;
-    border-color: rgba(254, 252, 191, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-300:focus {
-    --border-opacity: 1;
-    border-color: #faf089;
-    border-color: rgba(250, 240, 137, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-400:focus {
-    --border-opacity: 1;
-    border-color: #f6e05e;
-    border-color: rgba(246, 224, 94, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-500:focus {
-    --border-opacity: 1;
-    border-color: #ecc94b;
-    border-color: rgba(236, 201, 75, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-600:focus {
-    --border-opacity: 1;
-    border-color: #d69e2e;
-    border-color: rgba(214, 158, 46, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-700:focus {
-    --border-opacity: 1;
-    border-color: #b7791f;
-    border-color: rgba(183, 121, 31, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-800:focus {
-    --border-opacity: 1;
-    border-color: #975a16;
-    border-color: rgba(151, 90, 22, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-yellow-900:focus {
-    --border-opacity: 1;
-    border-color: #744210;
-    border-color: rgba(116, 66, 16, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-100:focus {
-    --border-opacity: 1;
-    border-color: #f0fff4;
-    border-color: rgba(240, 255, 244, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-200:focus {
-    --border-opacity: 1;
-    border-color: #c6f6d5;
-    border-color: rgba(198, 246, 213, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-300:focus {
-    --border-opacity: 1;
-    border-color: #9ae6b4;
-    border-color: rgba(154, 230, 180, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-400:focus {
-    --border-opacity: 1;
-    border-color: #68d391;
-    border-color: rgba(104, 211, 145, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-500:focus {
-    --border-opacity: 1;
-    border-color: #48bb78;
-    border-color: rgba(72, 187, 120, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-600:focus {
-    --border-opacity: 1;
-    border-color: #38a169;
-    border-color: rgba(56, 161, 105, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-700:focus {
-    --border-opacity: 1;
-    border-color: #2f855a;
-    border-color: rgba(47, 133, 90, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-800:focus {
-    --border-opacity: 1;
-    border-color: #276749;
-    border-color: rgba(39, 103, 73, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-green-900:focus {
-    --border-opacity: 1;
-    border-color: #22543d;
-    border-color: rgba(34, 84, 61, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-100:focus {
-    --border-opacity: 1;
-    border-color: #e6fffa;
-    border-color: rgba(230, 255, 250, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-200:focus {
-    --border-opacity: 1;
-    border-color: #b2f5ea;
-    border-color: rgba(178, 245, 234, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-300:focus {
-    --border-opacity: 1;
-    border-color: #81e6d9;
-    border-color: rgba(129, 230, 217, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-400:focus {
-    --border-opacity: 1;
-    border-color: #4fd1c5;
-    border-color: rgba(79, 209, 197, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-500:focus {
-    --border-opacity: 1;
-    border-color: #38b2ac;
-    border-color: rgba(56, 178, 172, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-600:focus {
-    --border-opacity: 1;
-    border-color: #319795;
-    border-color: rgba(49, 151, 149, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-700:focus {
-    --border-opacity: 1;
-    border-color: #2c7a7b;
-    border-color: rgba(44, 122, 123, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-800:focus {
-    --border-opacity: 1;
-    border-color: #285e61;
-    border-color: rgba(40, 94, 97, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-teal-900:focus {
-    --border-opacity: 1;
-    border-color: #234e52;
-    border-color: rgba(35, 78, 82, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-100:focus {
-    --border-opacity: 1;
-    border-color: #ebf8ff;
-    border-color: rgba(235, 248, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-200:focus {
-    --border-opacity: 1;
-    border-color: #bee3f8;
-    border-color: rgba(190, 227, 248, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-300:focus {
-    --border-opacity: 1;
-    border-color: #90cdf4;
-    border-color: rgba(144, 205, 244, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-400:focus {
-    --border-opacity: 1;
-    border-color: #63b3ed;
-    border-color: rgba(99, 179, 237, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-500:focus {
-    --border-opacity: 1;
-    border-color: #4299e1;
-    border-color: rgba(66, 153, 225, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-600:focus {
-    --border-opacity: 1;
-    border-color: #3182ce;
-    border-color: rgba(49, 130, 206, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-700:focus {
-    --border-opacity: 1;
-    border-color: #2b6cb0;
-    border-color: rgba(43, 108, 176, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-800:focus {
-    --border-opacity: 1;
-    border-color: #2c5282;
-    border-color: rgba(44, 82, 130, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-blue-900:focus {
-    --border-opacity: 1;
-    border-color: #2a4365;
-    border-color: rgba(42, 67, 101, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-100:focus {
-    --border-opacity: 1;
-    border-color: #ebf4ff;
-    border-color: rgba(235, 244, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-200:focus {
-    --border-opacity: 1;
-    border-color: #c3dafe;
-    border-color: rgba(195, 218, 254, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-300:focus {
-    --border-opacity: 1;
-    border-color: #a3bffa;
-    border-color: rgba(163, 191, 250, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-400:focus {
-    --border-opacity: 1;
-    border-color: #7f9cf5;
-    border-color: rgba(127, 156, 245, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-500:focus {
-    --border-opacity: 1;
-    border-color: #667eea;
-    border-color: rgba(102, 126, 234, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-600:focus {
-    --border-opacity: 1;
-    border-color: #5a67d8;
-    border-color: rgba(90, 103, 216, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-700:focus {
-    --border-opacity: 1;
-    border-color: #4c51bf;
-    border-color: rgba(76, 81, 191, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-800:focus {
-    --border-opacity: 1;
-    border-color: #434190;
-    border-color: rgba(67, 65, 144, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-indigo-900:focus {
-    --border-opacity: 1;
-    border-color: #3c366b;
-    border-color: rgba(60, 54, 107, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-100:focus {
-    --border-opacity: 1;
-    border-color: #faf5ff;
-    border-color: rgba(250, 245, 255, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-200:focus {
-    --border-opacity: 1;
-    border-color: #e9d8fd;
-    border-color: rgba(233, 216, 253, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-300:focus {
-    --border-opacity: 1;
-    border-color: #d6bcfa;
-    border-color: rgba(214, 188, 250, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-400:focus {
-    --border-opacity: 1;
-    border-color: #b794f4;
-    border-color: rgba(183, 148, 244, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-500:focus {
-    --border-opacity: 1;
-    border-color: #9f7aea;
-    border-color: rgba(159, 122, 234, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-600:focus {
-    --border-opacity: 1;
-    border-color: #805ad5;
-    border-color: rgba(128, 90, 213, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-700:focus {
-    --border-opacity: 1;
-    border-color: #6b46c1;
-    border-color: rgba(107, 70, 193, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-800:focus {
-    --border-opacity: 1;
-    border-color: #553c9a;
-    border-color: rgba(85, 60, 154, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-purple-900:focus {
-    --border-opacity: 1;
-    border-color: #44337a;
-    border-color: rgba(68, 51, 122, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-100:focus {
-    --border-opacity: 1;
-    border-color: #fff5f7;
-    border-color: rgba(255, 245, 247, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-200:focus {
-    --border-opacity: 1;
-    border-color: #fed7e2;
-    border-color: rgba(254, 215, 226, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-300:focus {
-    --border-opacity: 1;
-    border-color: #fbb6ce;
-    border-color: rgba(251, 182, 206, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-400:focus {
-    --border-opacity: 1;
-    border-color: #f687b3;
-    border-color: rgba(246, 135, 179, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-500:focus {
-    --border-opacity: 1;
-    border-color: #ed64a6;
-    border-color: rgba(237, 100, 166, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-600:focus {
-    --border-opacity: 1;
-    border-color: #d53f8c;
-    border-color: rgba(213, 63, 140, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-700:focus {
-    --border-opacity: 1;
-    border-color: #b83280;
-    border-color: rgba(184, 50, 128, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-800:focus {
-    --border-opacity: 1;
-    border-color: #97266d;
-    border-color: rgba(151, 38, 109, var(--border-opacity));
-  }
-
-  .xs\:focus\:border-pink-900:focus {
-    --border-opacity: 1;
-    border-color: #702459;
-    border-color: rgba(112, 36, 89, var(--border-opacity));
-  }
-
-  .xs\:border-opacity-0 {
-    --border-opacity: 0;
-  }
-
-  .xs\:border-opacity-25 {
-    --border-opacity: 0.25;
-  }
-
-  .xs\:border-opacity-50 {
-    --border-opacity: 0.5;
-  }
-
-  .xs\:border-opacity-75 {
-    --border-opacity: 0.75;
-  }
-
-  .xs\:border-opacity-100 {
-    --border-opacity: 1;
-  }
-
-  .xs\:hover\:border-opacity-0:hover {
-    --border-opacity: 0;
-  }
-
-  .xs\:hover\:border-opacity-25:hover {
-    --border-opacity: 0.25;
-  }
-
-  .xs\:hover\:border-opacity-50:hover {
-    --border-opacity: 0.5;
-  }
-
-  .xs\:hover\:border-opacity-75:hover {
-    --border-opacity: 0.75;
-  }
-
-  .xs\:hover\:border-opacity-100:hover {
-    --border-opacity: 1;
-  }
-
-  .xs\:focus\:border-opacity-0:focus {
-    --border-opacity: 0;
-  }
-
-  .xs\:focus\:border-opacity-25:focus {
-    --border-opacity: 0.25;
-  }
-
-  .xs\:focus\:border-opacity-50:focus {
-    --border-opacity: 0.5;
-  }
-
-  .xs\:focus\:border-opacity-75:focus {
-    --border-opacity: 0.75;
-  }
-
-  .xs\:focus\:border-opacity-100:focus {
-    --border-opacity: 1;
-  }
-
-  .xs\:rounded-none {
-    border-radius: 0;
-  }
-
-  .xs\:rounded-sm {
-    border-radius: 0.125rem;
-  }
-
-  .xs\:rounded {
-    border-radius: 0.25rem;
-  }
-
-  .xs\:rounded-md {
-    border-radius: 0.375rem;
-  }
-
-  .xs\:rounded-lg {
-    border-radius: 0.5rem;
-  }
-
-  .xs\:rounded-xl {
-    border-radius: 0.75rem;
-  }
-
-  .xs\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .xs\:rounded-3xl {
-    border-radius: 1.5rem;
-  }
-
-  .xs\:rounded-full {
-    border-radius: 9999px;
-  }
-
-  .xs\:rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .xs\:rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .xs\:rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .xs\:rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .xs\:rounded-t-sm {
-    border-top-left-radius: 0.125rem;
-    border-top-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-r-sm {
-    border-top-right-radius: 0.125rem;
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-b-sm {
-    border-bottom-right-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-l-sm {
-    border-top-left-radius: 0.125rem;
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-t-md {
-    border-top-left-radius: 0.375rem;
-    border-top-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-r-md {
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-b-md {
-    border-bottom-right-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-l-md {
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-t-lg {
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-r-lg {
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-b-lg {
-    border-bottom-right-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-l-lg {
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-t-xl {
-    border-top-left-radius: 0.75rem;
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-r-xl {
-    border-top-right-radius: 0.75rem;
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-b-xl {
-    border-bottom-right-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-l-xl {
-    border-top-left-radius: 0.75rem;
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-t-2xl {
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
-  }
-
-  .xs\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xs\:rounded-b-2xl {
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xs\:rounded-l-2xl {
-    border-top-left-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xs\:rounded-t-3xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-r-3xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-b-3xl {
-    border-bottom-right-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-l-3xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-t-full {
-    border-top-left-radius: 9999px;
-    border-top-right-radius: 9999px;
-  }
-
-  .xs\:rounded-r-full {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-  }
-
-  .xs\:rounded-b-full {
-    border-bottom-right-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xs\:rounded-l-full {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xs\:rounded-tl-none {
-    border-top-left-radius: 0;
-  }
-
-  .xs\:rounded-tr-none {
-    border-top-right-radius: 0;
-  }
-
-  .xs\:rounded-br-none {
-    border-bottom-right-radius: 0;
-  }
-
-  .xs\:rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
-
-  .xs\:rounded-tl-sm {
-    border-top-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-tr-sm {
-    border-top-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-br-sm {
-    border-bottom-right-radius: 0.125rem;
-  }
-
-  .xs\:rounded-bl-sm {
-    border-bottom-left-radius: 0.125rem;
-  }
-
-  .xs\:rounded-tl {
-    border-top-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-tr {
-    border-top-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-br {
-    border-bottom-right-radius: 0.25rem;
-  }
-
-  .xs\:rounded-bl {
-    border-bottom-left-radius: 0.25rem;
-  }
-
-  .xs\:rounded-tl-md {
-    border-top-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-tr-md {
-    border-top-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-br-md {
-    border-bottom-right-radius: 0.375rem;
-  }
-
-  .xs\:rounded-bl-md {
-    border-bottom-left-radius: 0.375rem;
-  }
-
-  .xs\:rounded-tl-lg {
-    border-top-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-tr-lg {
-    border-top-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-br-lg {
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .xs\:rounded-bl-lg {
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .xs\:rounded-tl-xl {
-    border-top-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-tr-xl {
-    border-top-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-br-xl {
-    border-bottom-right-radius: 0.75rem;
-  }
-
-  .xs\:rounded-bl-xl {
-    border-bottom-left-radius: 0.75rem;
-  }
-
-  .xs\:rounded-tl-2xl {
-    border-top-left-radius: 1rem;
-  }
-
-  .xs\:rounded-tr-2xl {
-    border-top-right-radius: 1rem;
-  }
-
-  .xs\:rounded-br-2xl {
-    border-bottom-right-radius: 1rem;
-  }
-
-  .xs\:rounded-bl-2xl {
-    border-bottom-left-radius: 1rem;
-  }
-
-  .xs\:rounded-tl-3xl {
-    border-top-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-tr-3xl {
-    border-top-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-br-3xl {
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .xs\:rounded-bl-3xl {
-    border-bottom-left-radius: 1.5rem;
-  }
-
-  .xs\:rounded-tl-full {
-    border-top-left-radius: 9999px;
-  }
-
-  .xs\:rounded-tr-full {
-    border-top-right-radius: 9999px;
-  }
-
-  .xs\:rounded-br-full {
-    border-bottom-right-radius: 9999px;
-  }
-
-  .xs\:rounded-bl-full {
-    border-bottom-left-radius: 9999px;
-  }
-
-  .xs\:border-solid {
-    border-style: solid;
-  }
-
-  .xs\:border-dashed {
-    border-style: dashed;
-  }
-
-  .xs\:border-dotted {
-    border-style: dotted;
-  }
-
-  .xs\:border-double {
-    border-style: double;
-  }
-
-  .xs\:border-none {
-    border-style: none;
-  }
-
-  .xs\:border-0 {
-    border-width: 0;
-  }
-
-  .xs\:border-2 {
-    border-width: 2px;
-  }
-
-  .xs\:border-4 {
-    border-width: 4px;
-  }
-
-  .xs\:border-8 {
-    border-width: 8px;
-  }
-
-  .xs\:border {
-    border-width: 1px;
-  }
-
-  .xs\:border-t-0 {
-    border-top-width: 0;
-  }
-
-  .xs\:border-r-0 {
-    border-right-width: 0;
-  }
-
-  .xs\:border-b-0 {
-    border-bottom-width: 0;
-  }
-
-  .xs\:border-l-0 {
-    border-left-width: 0;
-  }
-
-  .xs\:border-t-2 {
-    border-top-width: 2px;
-  }
-
-  .xs\:border-r-2 {
-    border-right-width: 2px;
-  }
-
-  .xs\:border-b-2 {
-    border-bottom-width: 2px;
-  }
-
-  .xs\:border-l-2 {
-    border-left-width: 2px;
-  }
-
-  .xs\:border-t-4 {
-    border-top-width: 4px;
-  }
-
-  .xs\:border-r-4 {
-    border-right-width: 4px;
-  }
-
-  .xs\:border-b-4 {
-    border-bottom-width: 4px;
-  }
-
-  .xs\:border-l-4 {
-    border-left-width: 4px;
-  }
-
-  .xs\:border-t-8 {
-    border-top-width: 8px;
-  }
-
-  .xs\:border-r-8 {
-    border-right-width: 8px;
-  }
-
-  .xs\:border-b-8 {
-    border-bottom-width: 8px;
-  }
-
-  .xs\:border-l-8 {
-    border-left-width: 8px;
-  }
-
-  .xs\:border-t {
-    border-top-width: 1px;
-  }
-
-  .xs\:border-r {
-    border-right-width: 1px;
-  }
-
-  .xs\:border-b {
-    border-bottom-width: 1px;
-  }
-
-  .xs\:border-l {
-    border-left-width: 1px;
-  }
-
-  .xs\:box-border {
-    box-sizing: border-box;
-  }
-
-  .xs\:box-content {
-    box-sizing: content-box;
-  }
-
-  .xs\:cursor-auto {
-    cursor: auto;
-  }
-
-  .xs\:cursor-default {
-    cursor: default;
-  }
-
-  .xs\:cursor-pointer {
-    cursor: pointer;
-  }
-
-  .xs\:cursor-wait {
-    cursor: wait;
-  }
-
-  .xs\:cursor-text {
-    cursor: text;
-  }
-
-  .xs\:cursor-move {
-    cursor: move;
-  }
-
-  .xs\:cursor-not-allowed {
-    cursor: not-allowed;
-  }
-
-  .xs\:block {
-    display: block;
-  }
-
-  .xs\:inline-block {
-    display: inline-block;
-  }
-
-  .xs\:inline {
-    display: inline;
-  }
-
-  .xs\:flex {
-    display: flex;
-  }
-
-  .xs\:inline-flex {
-    display: inline-flex;
-  }
-
-  .xs\:table {
-    display: table;
-  }
-
-  .xs\:table-caption {
-    display: table-caption;
-  }
-
-  .xs\:table-cell {
-    display: table-cell;
-  }
-
-  .xs\:table-column {
-    display: table-column;
-  }
-
-  .xs\:table-column-group {
-    display: table-column-group;
-  }
-
-  .xs\:table-footer-group {
-    display: table-footer-group;
-  }
-
-  .xs\:table-header-group {
-    display: table-header-group;
-  }
-
-  .xs\:table-row-group {
-    display: table-row-group;
-  }
-
-  .xs\:table-row {
-    display: table-row;
-  }
-
-  .xs\:flow-root {
-    display: flow-root;
-  }
-
-  .xs\:grid {
-    display: grid;
-  }
-
-  .xs\:inline-grid {
-    display: inline-grid;
-  }
-
-  .xs\:contents {
-    display: contents;
-  }
-
-  .xs\:hidden {
-    display: none;
-  }
-
-  .xs\:flex-row {
-    flex-direction: row;
-  }
-
-  .xs\:flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-
-  .xs\:flex-col {
-    flex-direction: column;
-  }
-
-  .xs\:flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .xs\:flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .xs\:flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .xs\:flex-no-wrap {
-    flex-wrap: nowrap;
-  }
-
-  .xs\:place-items-auto {
-    place-items: auto;
-  }
-
-  .xs\:place-items-start {
-    place-items: start;
-  }
-
-  .xs\:place-items-end {
-    place-items: end;
-  }
-
-  .xs\:place-items-center {
-    place-items: center;
-  }
-
-  .xs\:place-items-stretch {
-    place-items: stretch;
-  }
-
-  .xs\:place-content-center {
-    place-content: center;
-  }
-
-  .xs\:place-content-start {
-    place-content: start;
-  }
-
-  .xs\:place-content-end {
-    place-content: end;
-  }
-
-  .xs\:place-content-between {
-    place-content: space-between;
-  }
-
-  .xs\:place-content-around {
-    place-content: space-around;
-  }
-
-  .xs\:place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .xs\:place-content-stretch {
-    place-content: stretch;
-  }
-
-  .xs\:place-self-auto {
-    place-self: auto;
-  }
-
-  .xs\:place-self-start {
-    place-self: start;
-  }
-
-  .xs\:place-self-end {
-    place-self: end;
-  }
-
-  .xs\:place-self-center {
-    place-self: center;
-  }
-
-  .xs\:place-self-stretch {
-    place-self: stretch;
-  }
-
-  .xs\:items-start {
-    align-items: flex-start;
-  }
-
-  .xs\:items-end {
-    align-items: flex-end;
-  }
-
-  .xs\:items-center {
-    align-items: center;
-  }
-
-  .xs\:items-baseline {
-    align-items: baseline;
-  }
-
-  .xs\:items-stretch {
-    align-items: stretch;
-  }
-
-  .xs\:content-center {
-    align-content: center;
-  }
-
-  .xs\:content-start {
-    align-content: flex-start;
-  }
-
-  .xs\:content-end {
-    align-content: flex-end;
-  }
-
-  .xs\:content-between {
-    align-content: space-between;
-  }
-
-  .xs\:content-around {
-    align-content: space-around;
-  }
-
-  .xs\:content-evenly {
-    align-content: space-evenly;
-  }
-
-  .xs\:self-auto {
-    align-self: auto;
-  }
-
-  .xs\:self-start {
-    align-self: flex-start;
-  }
-
-  .xs\:self-end {
-    align-self: flex-end;
-  }
-
-  .xs\:self-center {
-    align-self: center;
-  }
-
-  .xs\:self-stretch {
-    align-self: stretch;
-  }
-
-  .xs\:justify-items-auto {
-    justify-items: auto;
-  }
-
-  .xs\:justify-items-start {
-    justify-items: start;
-  }
-
-  .xs\:justify-items-end {
-    justify-items: end;
-  }
-
-  .xs\:justify-items-center {
-    justify-items: center;
-  }
-
-  .xs\:justify-items-stretch {
-    justify-items: stretch;
-  }
-
-  .xs\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .xs\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .xs\:justify-center {
-    justify-content: center;
-  }
-
-  .xs\:justify-between {
-    justify-content: space-between;
-  }
-
-  .xs\:justify-around {
-    justify-content: space-around;
-  }
-
-  .xs\:justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .xs\:justify-self-auto {
-    justify-self: auto;
-  }
-
-  .xs\:justify-self-start {
-    justify-self: start;
-  }
-
-  .xs\:justify-self-end {
-    justify-self: end;
-  }
-
-  .xs\:justify-self-center {
-    justify-self: center;
-  }
-
-  .xs\:justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .xs\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .xs\:flex-auto {
-    flex: 1 1 auto;
-  }
-
-  .xs\:flex-initial {
-    flex: 0 1 auto;
-  }
-
-  .xs\:flex-none {
-    flex: none;
-  }
-
-  .xs\:flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .xs\:flex-grow {
-    flex-grow: 1;
-  }
-
-  .xs\:flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .xs\:flex-shrink {
-    flex-shrink: 1;
-  }
-
-  .xs\:order-1 {
-    order: 1;
-  }
-
-  .xs\:order-2 {
-    order: 2;
-  }
-
-  .xs\:order-3 {
-    order: 3;
-  }
-
-  .xs\:order-4 {
-    order: 4;
-  }
-
-  .xs\:order-5 {
-    order: 5;
-  }
-
-  .xs\:order-6 {
-    order: 6;
-  }
-
-  .xs\:order-7 {
-    order: 7;
-  }
-
-  .xs\:order-8 {
-    order: 8;
-  }
-
-  .xs\:order-9 {
-    order: 9;
-  }
-
-  .xs\:order-10 {
-    order: 10;
-  }
-
-  .xs\:order-11 {
-    order: 11;
-  }
-
-  .xs\:order-12 {
-    order: 12;
-  }
-
-  .xs\:order-first {
-    order: -9999;
-  }
-
-  .xs\:order-last {
-    order: 9999;
-  }
-
-  .xs\:order-none {
-    order: 0;
-  }
-
-  .xs\:float-right {
-    float: right;
-  }
-
-  .xs\:float-left {
-    float: left;
-  }
-
-  .xs\:float-none {
-    float: none;
-  }
-
-  .xs\:clearfix:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-
-  .xs\:clear-left {
-    clear: left;
-  }
-
-  .xs\:clear-right {
-    clear: right;
-  }
-
-  .xs\:clear-both {
-    clear: both;
-  }
-
-  .xs\:clear-none {
-    clear: none;
-  }
-
-  .xs\:font-sans {
-    font-family: 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";
-  }
-
-  .xs\:font-serif {
-    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
-  }
-
-  .xs\:font-mono {
-    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  }
-
-  .xs\:font-hairline {
-    font-weight: 100;
-  }
-
-  .xs\:font-thin {
-    font-weight: 200;
-  }
-
-  .xs\:font-light {
-    font-weight: 300;
-  }
-
-  .xs\:font-normal {
-    font-weight: 400;
-  }
-
-  .xs\:font-medium {
-    font-weight: 500;
-  }
-
-  .xs\:font-semibold {
-    font-weight: 600;
-  }
-
-  .xs\:font-bold {
-    font-weight: 700;
-  }
-
-  .xs\:font-extrabold {
-    font-weight: 800;
-  }
-
-  .xs\:font-black {
-    font-weight: 900;
-  }
-
-  .xs\:hover\:font-hairline:hover {
-    font-weight: 100;
-  }
-
-  .xs\:hover\:font-thin:hover {
-    font-weight: 200;
-  }
-
-  .xs\:hover\:font-light:hover {
-    font-weight: 300;
-  }
-
-  .xs\:hover\:font-normal:hover {
-    font-weight: 400;
-  }
-
-  .xs\:hover\:font-medium:hover {
-    font-weight: 500;
-  }
-
-  .xs\:hover\:font-semibold:hover {
-    font-weight: 600;
-  }
-
-  .xs\:hover\:font-bold:hover {
-    font-weight: 700;
-  }
-
-  .xs\:hover\:font-extrabold:hover {
-    font-weight: 800;
-  }
-
-  .xs\:hover\:font-black:hover {
-    font-weight: 900;
-  }
-
-  .xs\:focus\:font-hairline:focus {
-    font-weight: 100;
-  }
-
-  .xs\:focus\:font-thin:focus {
-    font-weight: 200;
-  }
-
-  .xs\:focus\:font-light:focus {
-    font-weight: 300;
-  }
-
-  .xs\:focus\:font-normal:focus {
-    font-weight: 400;
-  }
-
-  .xs\:focus\:font-medium:focus {
-    font-weight: 500;
-  }
-
-  .xs\:focus\:font-semibold:focus {
-    font-weight: 600;
-  }
-
-  .xs\:focus\:font-bold:focus {
-    font-weight: 700;
-  }
-
-  .xs\:focus\:font-extrabold:focus {
-    font-weight: 800;
-  }
-
-  .xs\:focus\:font-black:focus {
-    font-weight: 900;
-  }
-
-  .xs\:h-0 {
-    height: 0;
-  }
-
-  .xs\:h-1 {
-    height: 0.25rem;
-  }
-
-  .xs\:h-2 {
-    height: 0.5rem;
-  }
-
-  .xs\:h-3 {
-    height: 0.75rem;
-  }
-
-  .xs\:h-4 {
-    height: 1rem;
-  }
-
-  .xs\:h-5 {
-    height: 1.25rem;
-  }
-
-  .xs\:h-6 {
-    height: 1.5rem;
-  }
-
-  .xs\:h-8 {
-    height: 2rem;
-  }
-
-  .xs\:h-10 {
-    height: 2.5rem;
-  }
-
-  .xs\:h-12 {
-    height: 3rem;
-  }
-
-  .xs\:h-16 {
-    height: 4rem;
-  }
-
-  .xs\:h-20 {
-    height: 5rem;
-  }
-
-  .xs\:h-24 {
-    height: 6rem;
-  }
-
-  .xs\:h-32 {
-    height: 8rem;
-  }
-
-  .xs\:h-40 {
-    height: 10rem;
-  }
-
-  .xs\:h-48 {
-    height: 12rem;
-  }
-
-  .xs\:h-56 {
-    height: 14rem;
-  }
-
-  .xs\:h-64 {
-    height: 16rem;
-  }
-
-  .xs\:h-auto {
-    height: auto;
-  }
-
-  .xs\:h-px {
-    height: 1px;
-  }
-
-  .xs\:h-full {
-    height: 100%;
-  }
-
-  .xs\:h-screen {
-    height: 100vh;
-  }
-
-  .xs\:h-fullScreen {
-    height: 200vh;
-  }
-
-  .xs\:h-full0 {
-    height: 80vh;
-  }
-
-  .xs\:h-full1 {
-    height: 30rem;
-  }
-
-  .xs\:h-full11 {
-    height: 28rem;
-  }
-
-  .xs\:h-full2 {
-    height: 20rem;
-  }
-
-  .xs\:h-full3 {
-    height: 16rem;
-  }
-
-  .xs\:h-full4 {
-    height: 12rem;
-  }
-
-  .xs\:text-xs {
-    font-size: 0.75rem;
-  }
-
-  .xs\:text-sm {
-    font-size: 0.875rem;
-  }
-
-  .xs\:text-base {
-    font-size: 1rem;
-  }
-
-  .xs\:text-lg {
-    font-size: 1.125rem;
-  }
-
-  .xs\:text-xl {
-    font-size: 1.25rem;
-  }
-
-  .xs\:text-2xl {
-    font-size: 1.5rem;
-  }
-
-  .xs\:text-3xl {
-    font-size: 1.875rem;
-  }
-
-  .xs\:text-4xl {
-    font-size: 2.25rem;
-  }
-
-  .xs\:text-5xl {
-    font-size: 3rem;
-  }
-
-  .xs\:text-6xl {
-    font-size: 4rem;
-  }
-
-  .xs\:leading-3 {
-    line-height: .75rem;
-  }
-
-  .xs\:leading-4 {
-    line-height: 1rem;
-  }
-
-  .xs\:leading-5 {
-    line-height: 1.25rem;
-  }
-
-  .xs\:leading-6 {
-    line-height: 1.5rem;
-  }
-
-  .xs\:leading-7 {
-    line-height: 1.75rem;
-  }
-
-  .xs\:leading-8 {
-    line-height: 2rem;
-  }
-
-  .xs\:leading-9 {
-    line-height: 2.25rem;
-  }
-
-  .xs\:leading-10 {
-    line-height: 2.5rem;
-  }
-
-  .xs\:leading-none {
-    line-height: 1;
-  }
-
-  .xs\:leading-tight {
-    line-height: 1.25;
-  }
-
-  .xs\:leading-snug {
-    line-height: 1.375;
-  }
-
-  .xs\:leading-normal {
-    line-height: 1.5;
-  }
-
-  .xs\:leading-relaxed {
-    line-height: 1.625;
-  }
-
-  .xs\:leading-loose {
-    line-height: 2;
-  }
-
-  .xs\:list-inside {
-    list-style-position: inside;
-  }
-
-  .xs\:list-outside {
-    list-style-position: outside;
-  }
-
-  .xs\:list-none {
-    list-style-type: none;
-  }
-
-  .xs\:list-disc {
-    list-style-type: disc;
-  }
-
-  .xs\:list-decimal {
-    list-style-type: decimal;
-  }
-
-  .xs\:m-0 {
-    margin: 0;
-  }
-
-  .xs\:m-1 {
-    margin: 0.25rem;
-  }
-
-  .xs\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .xs\:m-3 {
-    margin: 0.75rem;
-  }
-
-  .xs\:m-4 {
-    margin: 1rem;
-  }
-
-  .xs\:m-5 {
-    margin: 1.25rem;
-  }
-
-  .xs\:m-6 {
-    margin: 1.5rem;
-  }
-
-  .xs\:m-8 {
-    margin: 2rem;
-  }
-
-  .xs\:m-10 {
-    margin: 2.5rem;
-  }
-
-  .xs\:m-12 {
-    margin: 3rem;
-  }
-
-  .xs\:m-16 {
-    margin: 4rem;
-  }
-
-  .xs\:m-20 {
-    margin: 5rem;
-  }
-
-  .xs\:m-24 {
-    margin: 6rem;
-  }
-
-  .xs\:m-32 {
-    margin: 8rem;
-  }
-
-  .xs\:m-40 {
-    margin: 10rem;
-  }
-
-  .xs\:m-48 {
-    margin: 12rem;
-  }
-
-  .xs\:m-56 {
-    margin: 14rem;
-  }
-
-  .xs\:m-64 {
-    margin: 16rem;
-  }
-
-  .xs\:m-auto {
-    margin: auto;
-  }
-
-  .xs\:m-px {
-    margin: 1px;
-  }
-
-  .xs\:-m-1 {
-    margin: -0.25rem;
-  }
-
-  .xs\:-m-2 {
-    margin: -0.5rem;
-  }
-
-  .xs\:-m-3 {
-    margin: -0.75rem;
-  }
-
-  .xs\:-m-4 {
-    margin: -1rem;
-  }
-
-  .xs\:-m-5 {
-    margin: -1.25rem;
-  }
-
-  .xs\:-m-6 {
-    margin: -1.5rem;
-  }
-
-  .xs\:-m-8 {
-    margin: -2rem;
-  }
-
-  .xs\:-m-10 {
-    margin: -2.5rem;
-  }
-
-  .xs\:-m-12 {
-    margin: -3rem;
-  }
-
-  .xs\:-m-16 {
-    margin: -4rem;
-  }
-
-  .xs\:-m-20 {
-    margin: -5rem;
-  }
-
-  .xs\:-m-24 {
-    margin: -6rem;
-  }
-
-  .xs\:-m-32 {
-    margin: -8rem;
-  }
-
-  .xs\:-m-40 {
-    margin: -10rem;
-  }
-
-  .xs\:-m-48 {
-    margin: -12rem;
-  }
-
-  .xs\:-m-56 {
-    margin: -14rem;
-  }
-
-  .xs\:-m-64 {
-    margin: -16rem;
-  }
-
-  .xs\:-m-px {
-    margin: -1px;
-  }
-
-  .xs\:my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .xs\:mx-0 {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .xs\:my-1 {
-    margin-top: 0.25rem;
-    margin-bottom: 0.25rem;
-  }
-
-  .xs\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
-
-  .xs\:my-2 {
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .xs\:mx-2 {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
-  }
-
-  .xs\:my-3 {
-    margin-top: 0.75rem;
-    margin-bottom: 0.75rem;
-  }
-
-  .xs\:mx-3 {
-    margin-left: 0.75rem;
-    margin-right: 0.75rem;
-  }
-
-  .xs\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
-  .xs\:mx-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-
-  .xs\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .xs\:mx-5 {
-    margin-left: 1.25rem;
-    margin-right: 1.25rem;
-  }
-
-  .xs\:my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .xs\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .xs\:my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .xs\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .xs\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .xs\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .xs\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .xs\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .xs\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .xs\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .xs\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .xs\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .xs\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .xs\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .xs\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .xs\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .xs\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .xs\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .xs\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .xs\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .xs\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .xs\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .xs\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .xs\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .xs\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .xs\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .xs\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .xs\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .xs\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .xs\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .xs\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .xs\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .xs\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .xs\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .xs\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .xs\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .xs\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .xs\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .xs\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .xs\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .xs\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .xs\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .xs\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .xs\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .xs\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .xs\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .xs\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .xs\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .xs\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .xs\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .xs\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .xs\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .xs\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .xs\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .xs\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .xs\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .xs\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .xs\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .xs\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .xs\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .xs\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .xs\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .xs\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .xs\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .xs\:mt-0 {
-    margin-top: 0;
-  }
-
-  .xs\:mr-0 {
-    margin-right: 0;
-  }
-
-  .xs\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .xs\:ml-0 {
-    margin-left: 0;
-  }
-
-  .xs\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .xs\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .xs\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .xs\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .xs\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .xs\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .xs\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .xs\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .xs\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .xs\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .xs\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .xs\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .xs\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .xs\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .xs\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .xs\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .xs\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .xs\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .xs\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .xs\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .xs\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .xs\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .xs\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .xs\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .xs\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .xs\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .xs\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .xs\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .xs\:mt-10 {
-    margin-top: 2.5rem;
-  }
-
-  .xs\:mr-10 {
-    margin-right: 2.5rem;
-  }
-
-  .xs\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
-  .xs\:ml-10 {
-    margin-left: 2.5rem;
-  }
-
-  .xs\:mt-12 {
-    margin-top: 3rem;
-  }
-
-  .xs\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .xs\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
-  .xs\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .xs\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .xs\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .xs\:mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .xs\:ml-16 {
-    margin-left: 4rem;
-  }
-
-  .xs\:mt-20 {
-    margin-top: 5rem;
-  }
-
-  .xs\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .xs\:mb-20 {
-    margin-bottom: 5rem;
-  }
-
-  .xs\:ml-20 {
-    margin-left: 5rem;
-  }
-
-  .xs\:mt-24 {
-    margin-top: 6rem;
-  }
-
-  .xs\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .xs\:mb-24 {
-    margin-bottom: 6rem;
-  }
-
-  .xs\:ml-24 {
-    margin-left: 6rem;
-  }
-
-  .xs\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .xs\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .xs\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .xs\:ml-32 {
-    margin-left: 8rem;
-  }
-
-  .xs\:mt-40 {
-    margin-top: 10rem;
-  }
-
-  .xs\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .xs\:mb-40 {
-    margin-bottom: 10rem;
-  }
-
-  .xs\:ml-40 {
-    margin-left: 10rem;
-  }
-
-  .xs\:mt-48 {
-    margin-top: 12rem;
-  }
-
-  .xs\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .xs\:mb-48 {
-    margin-bottom: 12rem;
-  }
-
-  .xs\:ml-48 {
-    margin-left: 12rem;
-  }
-
-  .xs\:mt-56 {
-    margin-top: 14rem;
-  }
-
-  .xs\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .xs\:mb-56 {
-    margin-bottom: 14rem;
-  }
-
-  .xs\:ml-56 {
-    margin-left: 14rem;
-  }
-
-  .xs\:mt-64 {
-    margin-top: 16rem;
-  }
-
-  .xs\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .xs\:mb-64 {
-    margin-bottom: 16rem;
-  }
-
-  .xs\:ml-64 {
-    margin-left: 16rem;
-  }
-
-  .xs\:mt-auto {
-    margin-top: auto;
-  }
-
-  .xs\:mr-auto {
-    margin-right: auto;
-  }
-
-  .xs\:mb-auto {
-    margin-bottom: auto;
-  }
-
-  .xs\:ml-auto {
-    margin-left: auto;
-  }
-
-  .xs\:mt-px {
-    margin-top: 1px;
-  }
-
-  .xs\:mr-px {
-    margin-right: 1px;
-  }
-
-  .xs\:mb-px {
-    margin-bottom: 1px;
-  }
-
-  .xs\:ml-px {
-    margin-left: 1px;
-  }
-
-  .xs\:-mt-1 {
-    margin-top: -0.25rem;
-  }
-
-  .xs\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .xs\:-mb-1 {
-    margin-bottom: -0.25rem;
-  }
-
-  .xs\:-ml-1 {
-    margin-left: -0.25rem;
-  }
-
-  .xs\:-mt-2 {
-    margin-top: -0.5rem;
-  }
-
-  .xs\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .xs\:-mb-2 {
-    margin-bottom: -0.5rem;
-  }
-
-  .xs\:-ml-2 {
-    margin-left: -0.5rem;
-  }
-
-  .xs\:-mt-3 {
-    margin-top: -0.75rem;
-  }
-
-  .xs\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .xs\:-mb-3 {
-    margin-bottom: -0.75rem;
-  }
-
-  .xs\:-ml-3 {
-    margin-left: -0.75rem;
-  }
-
-  .xs\:-mt-4 {
-    margin-top: -1rem;
-  }
-
-  .xs\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .xs\:-mb-4 {
-    margin-bottom: -1rem;
-  }
-
-  .xs\:-ml-4 {
-    margin-left: -1rem;
-  }
-
-  .xs\:-mt-5 {
-    margin-top: -1.25rem;
-  }
-
-  .xs\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .xs\:-mb-5 {
-    margin-bottom: -1.25rem;
-  }
-
-  .xs\:-ml-5 {
-    margin-left: -1.25rem;
-  }
-
-  .xs\:-mt-6 {
-    margin-top: -1.5rem;
-  }
-
-  .xs\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .xs\:-mb-6 {
-    margin-bottom: -1.5rem;
-  }
-
-  .xs\:-ml-6 {
-    margin-left: -1.5rem;
-  }
-
-  .xs\:-mt-8 {
-    margin-top: -2rem;
-  }
-
-  .xs\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .xs\:-mb-8 {
-    margin-bottom: -2rem;
-  }
-
-  .xs\:-ml-8 {
-    margin-left: -2rem;
-  }
-
-  .xs\:-mt-10 {
-    margin-top: -2.5rem;
-  }
-
-  .xs\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .xs\:-mb-10 {
-    margin-bottom: -2.5rem;
-  }
-
-  .xs\:-ml-10 {
-    margin-left: -2.5rem;
-  }
-
-  .xs\:-mt-12 {
-    margin-top: -3rem;
-  }
-
-  .xs\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .xs\:-mb-12 {
-    margin-bottom: -3rem;
-  }
-
-  .xs\:-ml-12 {
-    margin-left: -3rem;
-  }
-
-  .xs\:-mt-16 {
-    margin-top: -4rem;
-  }
-
-  .xs\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .xs\:-mb-16 {
-    margin-bottom: -4rem;
-  }
-
-  .xs\:-ml-16 {
-    margin-left: -4rem;
-  }
-
-  .xs\:-mt-20 {
-    margin-top: -5rem;
-  }
-
-  .xs\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .xs\:-mb-20 {
-    margin-bottom: -5rem;
-  }
-
-  .xs\:-ml-20 {
-    margin-left: -5rem;
-  }
-
-  .xs\:-mt-24 {
-    margin-top: -6rem;
-  }
-
-  .xs\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .xs\:-mb-24 {
-    margin-bottom: -6rem;
-  }
-
-  .xs\:-ml-24 {
-    margin-left: -6rem;
-  }
-
-  .xs\:-mt-32 {
-    margin-top: -8rem;
-  }
-
-  .xs\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .xs\:-mb-32 {
-    margin-bottom: -8rem;
-  }
-
-  .xs\:-ml-32 {
-    margin-left: -8rem;
-  }
-
-  .xs\:-mt-40 {
-    margin-top: -10rem;
-  }
-
-  .xs\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .xs\:-mb-40 {
-    margin-bottom: -10rem;
-  }
-
-  .xs\:-ml-40 {
-    margin-left: -10rem;
-  }
-
-  .xs\:-mt-48 {
-    margin-top: -12rem;
-  }
-
-  .xs\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .xs\:-mb-48 {
-    margin-bottom: -12rem;
-  }
-
-  .xs\:-ml-48 {
-    margin-left: -12rem;
-  }
-
-  .xs\:-mt-56 {
-    margin-top: -14rem;
-  }
-
-  .xs\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .xs\:-mb-56 {
-    margin-bottom: -14rem;
-  }
-
-  .xs\:-ml-56 {
-    margin-left: -14rem;
-  }
-
-  .xs\:-mt-64 {
-    margin-top: -16rem;
-  }
-
-  .xs\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .xs\:-mb-64 {
-    margin-bottom: -16rem;
-  }
-
-  .xs\:-ml-64 {
-    margin-left: -16rem;
-  }
-
-  .xs\:-mt-px {
-    margin-top: -1px;
-  }
-
-  .xs\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .xs\:-mb-px {
-    margin-bottom: -1px;
-  }
-
-  .xs\:-ml-px {
-    margin-left: -1px;
-  }
-
-  .xs\:max-h-full {
-    max-height: 100%;
-  }
-
-  .xs\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .xs\:max-w-none {
-    max-width: none;
-  }
-
-  .xs\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .xs\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .xs\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .xs\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .xs\:max-w-xl {
-    max-width: 36rem;
-  }
-
-  .xs\:max-w-2xl {
-    max-width: 42rem;
-  }
-
-  .xs\:max-w-3xl {
-    max-width: 48rem;
-  }
-
-  .xs\:max-w-4xl {
-    max-width: 56rem;
-  }
-
-  .xs\:max-w-5xl {
-    max-width: 64rem;
-  }
-
-  .xs\:max-w-6xl {
-    max-width: 72rem;
-  }
-
-  .xs\:max-w-full {
-    max-width: 100%;
-  }
-
-  .xs\:max-w-screen-sm {
-    max-width: 640px;
-  }
-
-  .xs\:max-w-screen-md {
-    max-width: 768px;
-  }
-
-  .xs\:max-w-screen-lg {
-    max-width: 1024px;
-  }
-
-  .xs\:max-w-screen-xl {
-    max-width: 1280px;
-  }
-
-  .xs\:min-h-0 {
-    min-height: 0;
-  }
-
-  .xs\:min-h-full {
-    min-height: 100%;
-  }
-
-  .xs\:min-h-screen {
-    min-height: 100vh;
-  }
-
-  .xs\:min-w-0 {
-    min-width: 0;
-  }
-
-  .xs\:min-w-full {
-    min-width: 100%;
-  }
-
-  .xs\:object-contain {
-    object-fit: contain;
-  }
-
-  .xs\:object-cover {
-    object-fit: cover;
-  }
-
-  .xs\:object-fill {
-    object-fit: fill;
-  }
-
-  .xs\:object-none {
-    object-fit: none;
-  }
-
-  .xs\:object-scale-down {
-    object-fit: scale-down;
-  }
-
-  .xs\:object-bottom {
-    object-position: bottom;
-  }
-
-  .xs\:object-center {
-    object-position: center;
-  }
-
-  .xs\:object-left {
-    object-position: left;
-  }
-
-  .xs\:object-left-bottom {
-    object-position: left bottom;
-  }
-
-  .xs\:object-left-top {
-    object-position: left top;
-  }
-
-  .xs\:object-right {
-    object-position: right;
-  }
-
-  .xs\:object-right-bottom {
-    object-position: right bottom;
-  }
-
-  .xs\:object-right-top {
-    object-position: right top;
-  }
-
-  .xs\:object-top {
-    object-position: top;
-  }
-
-  .xs\:opacity-0 {
-    opacity: 0;
-  }
-
-  .xs\:opacity-25 {
-    opacity: 0.25;
-  }
-
-  .xs\:opacity-50 {
-    opacity: 0.5;
-  }
-
-  .xs\:opacity-75 {
-    opacity: 0.75;
-  }
-
-  .xs\:opacity-100 {
-    opacity: 1;
-  }
-
-  .xs\:hover\:opacity-0:hover {
-    opacity: 0;
-  }
-
-  .xs\:hover\:opacity-25:hover {
-    opacity: 0.25;
-  }
-
-  .xs\:hover\:opacity-50:hover {
-    opacity: 0.5;
-  }
-
-  .xs\:hover\:opacity-75:hover {
-    opacity: 0.75;
-  }
-
-  .xs\:hover\:opacity-100:hover {
-    opacity: 1;
-  }
-
-  .xs\:focus\:opacity-0:focus {
-    opacity: 0;
-  }
-
-  .xs\:focus\:opacity-25:focus {
-    opacity: 0.25;
-  }
-
-  .xs\:focus\:opacity-50:focus {
-    opacity: 0.5;
-  }
-
-  .xs\:focus\:opacity-75:focus {
-    opacity: 0.75;
-  }
-
-  .xs\:focus\:opacity-100:focus {
-    opacity: 1;
-  }
-
-  .xs\:outline-none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xs\:outline-white {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xs\:outline-black {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .xs\:focus\:outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-
-  .xs\:focus\:outline-white:focus {
-    outline: 2px dotted white;
-    outline-offset: 2px;
-  }
-
-  .xs\:focus\:outline-black:focus {
-    outline: 2px dotted black;
-    outline-offset: 2px;
-  }
-
-  .xs\:overflow-auto {
-    overflow: auto;
-  }
-
-  .xs\:overflow-hidden {
-    overflow: hidden;
-  }
-
-  .xs\:overflow-visible {
-    overflow: visible;
-  }
-
-  .xs\:overflow-scroll {
-    overflow: scroll;
-  }
-
-  .xs\:overflow-x-auto {
-    overflow-x: auto;
-  }
-
-  .xs\:overflow-y-auto {
-    overflow-y: auto;
-  }
-
-  .xs\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-
-  .xs\:overflow-y-hidden {
-    overflow-y: hidden;
-  }
-
-  .xs\:overflow-x-visible {
-    overflow-x: visible;
-  }
-
-  .xs\:overflow-y-visible {
-    overflow-y: visible;
-  }
-
-  .xs\:overflow-x-scroll {
-    overflow-x: scroll;
-  }
-
-  .xs\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
-  .xs\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
-  }
-
-  .xs\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
-  }
-
-  .xs\:overscroll-auto {
-    overscroll-behavior: auto;
-  }
-
-  .xs\:overscroll-contain {
-    overscroll-behavior: contain;
-  }
-
-  .xs\:overscroll-none {
-    overscroll-behavior: none;
-  }
-
-  .xs\:overscroll-y-auto {
-    overscroll-behavior-y: auto;
-  }
-
-  .xs\:overscroll-y-contain {
-    overscroll-behavior-y: contain;
-  }
-
-  .xs\:overscroll-y-none {
-    overscroll-behavior-y: none;
-  }
-
-  .xs\:overscroll-x-auto {
-    overscroll-behavior-x: auto;
-  }
-
-  .xs\:overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
-
-  .xs\:overscroll-x-none {
-    overscroll-behavior-x: none;
-  }
-
-  .xs\:p-0 {
-    padding: 0;
-  }
-
-  .xs\:p-1 {
-    padding: 0.25rem;
-  }
-
-  .xs\:p-2 {
-    padding: 0.5rem;
-  }
-
-  .xs\:p-3 {
-    padding: 0.75rem;
-  }
-
-  .xs\:p-4 {
-    padding: 1rem;
-  }
-
-  .xs\:p-5 {
-    padding: 1.25rem;
-  }
-
-  .xs\:p-6 {
-    padding: 1.5rem;
-  }
-
-  .xs\:p-8 {
-    padding: 2rem;
-  }
-
-  .xs\:p-10 {
-    padding: 2.5rem;
-  }
-
-  .xs\:p-12 {
-    padding: 3rem;
-  }
-
-  .xs\:p-16 {
-    padding: 4rem;
-  }
-
-  .xs\:p-20 {
-    padding: 5rem;
-  }
-
-  .xs\:p-24 {
-    padding: 6rem;
-  }
-
-  .xs\:p-32 {
-    padding: 8rem;
-  }
-
-  .xs\:p-40 {
-    padding: 10rem;
-  }
-
-  .xs\:p-48 {
-    padding: 12rem;
-  }
-
-  .xs\:p-56 {
-    padding: 14rem;
-  }
-
-  .xs\:p-64 {
-    padding: 16rem;
-  }
-
-  .xs\:p-px {
-    padding: 1px;
-  }
-
-  .xs\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .xs\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .xs\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-
-  .xs\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-  }
-
-  .xs\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-  }
-
-  .xs\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-  }
-
-  .xs\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-  }
-
-  .xs\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
-  .xs\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-
-  .xs\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .xs\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
-
-  .xs\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
-  .xs\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-
-  .xs\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  .xs\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-
-  .xs\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-
-  .xs\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
-  .xs\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .xs\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .xs\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .xs\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-
-  .xs\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .xs\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .xs\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
-  .xs\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-
-  .xs\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
-  }
-
-  .xs\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
-  }
-
-  .xs\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
-  }
-
-  .xs\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
-  }
-
-  .xs\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
-  }
-
-  .xs\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
-  }
-
-  .xs\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
-  }
-
-  .xs\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
-  }
-
-  .xs\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
-  }
-
-  .xs\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
-  }
-
-  .xs\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
-  }
-
-  .xs\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
-  }
-
-  .xs\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
-  }
-
-  .xs\:pt-0 {
-    padding-top: 0;
-  }
-
-  .xs\:pr-0 {
-    padding-right: 0;
-  }
-
-  .xs\:pb-0 {
-    padding-bottom: 0;
-  }
-
-  .xs\:pl-0 {
-    padding-left: 0;
-  }
-
-  .xs\:pt-1 {
-    padding-top: 0.25rem;
-  }
-
-  .xs\:pr-1 {
-    padding-right: 0.25rem;
-  }
-
-  .xs\:pb-1 {
-    padding-bottom: 0.25rem;
-  }
-
-  .xs\:pl-1 {
-    padding-left: 0.25rem;
-  }
-
-  .xs\:pt-2 {
-    padding-top: 0.5rem;
-  }
-
-  .xs\:pr-2 {
-    padding-right: 0.5rem;
-  }
-
-  .xs\:pb-2 {
-    padding-bottom: 0.5rem;
-  }
-
-  .xs\:pl-2 {
-    padding-left: 0.5rem;
-  }
-
-  .xs\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
-  .xs\:pr-3 {
-    padding-right: 0.75rem;
-  }
-
-  .xs\:pb-3 {
-    padding-bottom: 0.75rem;
-  }
-
-  .xs\:pl-3 {
-    padding-left: 0.75rem;
-  }
-
-  .xs\:pt-4 {
-    padding-top: 1rem;
-  }
-
-  .xs\:pr-4 {
-    padding-right: 1rem;
-  }
-
-  .xs\:pb-4 {
-    padding-bottom: 1rem;
-  }
-
-  .xs\:pl-4 {
-    padding-left: 1rem;
-  }
-
-  .xs\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .xs\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .xs\:pb-5 {
-    padding-bottom: 1.25rem;
-  }
-
-  .xs\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
-  .xs\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .xs\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .xs\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
-  .xs\:pl-6 {
-    padding-left: 1.5rem;
-  }
-
-  .xs\:pt-8 {
-    padding-top: 2rem;
-  }
-
-  .xs\:pr-8 {
-    padding-right: 2rem;
-  }
-
-  .xs\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .xs\:pl-8 {
-    padding-left: 2rem;
-  }
-
-  .xs\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .xs\:pr-10 {
-    padding-right: 2.5rem;
-  }
-
-  .xs\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-
-  .xs\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
-  .xs\:pt-12 {
-    padding-top: 3rem;
-  }
-
-  .xs\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .xs\:pb-12 {
-    padding-bottom: 3rem;
-  }
-
-  .xs\:pl-12 {
-    padding-left: 3rem;
-  }
-
-  .xs\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .xs\:pr-16 {
-    padding-right: 4rem;
-  }
-
-  .xs\:pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .xs\:pl-16 {
-    padding-left: 4rem;
-  }
-
-  .xs\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .xs\:pr-20 {
-    padding-right: 5rem;
-  }
-
-  .xs\:pb-20 {
-    padding-bottom: 5rem;
-  }
-
-  .xs\:pl-20 {
-    padding-left: 5rem;
-  }
-
-  .xs\:pt-24 {
-    padding-top: 6rem;
-  }
-
-  .xs\:pr-24 {
-    padding-right: 6rem;
-  }
-
-  .xs\:pb-24 {
-    padding-bottom: 6rem;
-  }
-
-  .xs\:pl-24 {
-    padding-left: 6rem;
-  }
-
-  .xs\:pt-32 {
-    padding-top: 8rem;
-  }
-
-  .xs\:pr-32 {
-    padding-right: 8rem;
-  }
-
-  .xs\:pb-32 {
-    padding-bottom: 8rem;
-  }
-
-  .xs\:pl-32 {
-    padding-left: 8rem;
-  }
-
-  .xs\:pt-40 {
-    padding-top: 10rem;
-  }
-
-  .xs\:pr-40 {
-    padding-right: 10rem;
-  }
-
-  .xs\:pb-40 {
-    padding-bottom: 10rem;
-  }
-
-  .xs\:pl-40 {
-    padding-left: 10rem;
-  }
-
-  .xs\:pt-48 {
-    padding-top: 12rem;
-  }
-
-  .xs\:pr-48 {
-    padding-right: 12rem;
-  }
-
-  .xs\:pb-48 {
-    padding-bottom: 12rem;
-  }
-
-  .xs\:pl-48 {
-    padding-left: 12rem;
-  }
-
-  .xs\:pt-56 {
-    padding-top: 14rem;
-  }
-
-  .xs\:pr-56 {
-    padding-right: 14rem;
-  }
-
-  .xs\:pb-56 {
-    padding-bottom: 14rem;
-  }
-
-  .xs\:pl-56 {
-    padding-left: 14rem;
-  }
-
-  .xs\:pt-64 {
-    padding-top: 16rem;
-  }
-
-  .xs\:pr-64 {
-    padding-right: 16rem;
-  }
-
-  .xs\:pb-64 {
-    padding-bottom: 16rem;
-  }
-
-  .xs\:pl-64 {
-    padding-left: 16rem;
-  }
-
-  .xs\:pt-px {
-    padding-top: 1px;
-  }
-
-  .xs\:pr-px {
-    padding-right: 1px;
-  }
-
-  .xs\:pb-px {
-    padding-bottom: 1px;
-  }
-
-  .xs\:pl-px {
-    padding-left: 1px;
-  }
-
-  .xs\:placeholder-transparent::placeholder {
-    color: transparent;
-  }
-
-  .xs\:placeholder-current::placeholder {
-    color: currentColor;
-  }
-
-  .xs\:placeholder-black::placeholder {
-    --placeholder-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-white::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-findMe::placeholder {
-    --placeholder-opacity: 1;
-    color: #F9FCFD;
-    color: rgba(249, 252, 253, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-gray-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-red-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-orange-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-yellow-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-green-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-teal-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-blue-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-indigo-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-purple-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-100::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-200::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-300::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-400::placeholder {
-    --placeholder-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-500::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-600::placeholder {
-    --placeholder-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-700::placeholder {
-    --placeholder-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-800::placeholder {
-    --placeholder-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-pink-900::placeholder {
-    --placeholder-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
-  }
-
-  .xs\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
-  }
-
-  .xs\:focus\:placeholder-black:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-white:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-findMe:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #F9FCFD;
-    color: rgba(249, 252, 253, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-gray-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-red-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-orange-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-yellow-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-green-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-teal-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-blue-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-indigo-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-purple-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-100:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-200:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-300:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-400:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-500:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-600:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-700:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-800:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--placeholder-opacity));
-  }
-
-  .xs\:focus\:placeholder-pink-900:focus::placeholder {
-    --placeholder-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--placeholder-opacity));
-  }
-
-  .xs\:placeholder-opacity-0::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xs\:placeholder-opacity-25::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xs\:placeholder-opacity-50::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xs\:placeholder-opacity-75::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xs\:placeholder-opacity-100::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xs\:focus\:placeholder-opacity-0:focus::placeholder {
-    --placeholder-opacity: 0;
-  }
-
-  .xs\:focus\:placeholder-opacity-25:focus::placeholder {
-    --placeholder-opacity: 0.25;
-  }
-
-  .xs\:focus\:placeholder-opacity-50:focus::placeholder {
-    --placeholder-opacity: 0.5;
-  }
-
-  .xs\:focus\:placeholder-opacity-75:focus::placeholder {
-    --placeholder-opacity: 0.75;
-  }
-
-  .xs\:focus\:placeholder-opacity-100:focus::placeholder {
-    --placeholder-opacity: 1;
-  }
-
-  .xs\:pointer-events-none {
-    pointer-events: none;
-  }
-
-  .xs\:pointer-events-auto {
-    pointer-events: auto;
-  }
-
-  .xs\:static {
-    position: static;
-  }
-
-  .xs\:fixed {
-    position: fixed;
-  }
-
-  .xs\:absolute {
-    position: absolute;
-  }
-
-  .xs\:relative {
-    position: relative;
-  }
-
-  .xs\:sticky {
-    position: sticky;
-  }
-
-  .xs\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  .xs\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .xs\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
-  .xs\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-  }
-
-  .xs\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
-  .xs\:inset-y-0 {
-    top: 0;
-    bottom: 0;
-  }
-
-  .xs\:inset-x-0 {
-    right: 0;
-    left: 0;
-  }
-
-  .xs\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .xs\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .xs\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .xs\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
-  .xs\:inset-y-auto {
-    top: auto;
-    bottom: auto;
-  }
-
-  .xs\:inset-x-auto {
-    right: auto;
-    left: auto;
-  }
-
-  .xs\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xs\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
-  .xs\:top-0 {
-    top: 0;
-  }
-
-  .xs\:right-0 {
-    right: 0;
-  }
-
-  .xs\:bottom-0 {
-    bottom: 0;
-  }
-
-  .xs\:left-0 {
-    left: 0;
-  }
-
-  .xs\:top-30 {
-    top: 30%;
-  }
-
-  .xs\:right-30 {
-    right: 30%;
-  }
-
-  .xs\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .xs\:left-30 {
-    left: 30%;
-  }
-
-  .xs\:top-60 {
-    top: 60%;
-  }
-
-  .xs\:right-60 {
-    right: 60%;
-  }
-
-  .xs\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .xs\:left-60 {
-    left: 60%;
-  }
-
-  .xs\:top-auto {
-    top: auto;
-  }
-
-  .xs\:right-auto {
-    right: auto;
-  }
-
-  .xs\:bottom-auto {
-    bottom: auto;
-  }
-
-  .xs\:left-auto {
-    left: auto;
-  }
-
-  .xs\:top-1\/2 {
-    top: 50%;
-  }
-
-  .xs\:right-1\/2 {
-    right: 50%;
-  }
-
-  .xs\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .xs\:left-1\/2 {
-    left: 50%;
-  }
-
-  .xs\:resize-none {
-    resize: none;
-  }
-
-  .xs\:resize-y {
-    resize: vertical;
-  }
-
-  .xs\:resize-x {
-    resize: horizontal;
-  }
-
-  .xs\:resize {
-    resize: both;
-  }
-
-  .xs\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xs\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xs\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-  }
-
-  .xs\:shadow-none {
-    box-shadow: none;
-  }
-
-  .xs\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xs\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xs\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-  }
-
-  .xs\:hover\:shadow-none:hover {
-    box-shadow: none;
-  }
-
-  .xs\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:focus\:shadow:focus {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:focus\:shadow-md:focus {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:focus\:shadow-lg:focus {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  }
-
-  .xs\:focus\:shadow-xl:focus {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  }
-
-  .xs\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-  }
-
-  .xs\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
-  }
-
-  .xs\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
-  }
-
-  .xs\:focus\:shadow-none:focus {
-    box-shadow: none;
-  }
-
-  .xs\:fill-current {
-    fill: currentColor;
-  }
-
-  .xs\:stroke-current {
-    stroke: currentColor;
-  }
-
-  .xs\:stroke-0 {
-    stroke-width: 0;
-  }
-
-  .xs\:stroke-1 {
-    stroke-width: 1;
-  }
-
-  .xs\:stroke-2 {
-    stroke-width: 2;
-  }
-
-  .xs\:table-auto {
-    table-layout: auto;
-  }
-
-  .xs\:table-fixed {
-    table-layout: fixed;
-  }
-
-  .xs\:text-left {
-    text-align: left;
-  }
-
-  .xs\:text-center {
-    text-align: center;
-  }
-
-  .xs\:text-right {
-    text-align: right;
-  }
-
-  .xs\:text-justify {
-    text-align: justify;
-  }
-
-  .xs\:text-transparent {
-    color: transparent;
-  }
-
-  .xs\:text-current {
-    color: currentColor;
-  }
-
-  .xs\:text-black {
-    --text-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xs\:text-white {
-    --text-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xs\:text-findMe {
-    --text-opacity: 1;
-    color: #F9FCFD;
-    color: rgba(249, 252, 253, var(--text-opacity));
-  }
-
-  .xs\:text-gray-100 {
-    --text-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--text-opacity));
-  }
-
-  .xs\:text-gray-200 {
-    --text-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--text-opacity));
-  }
-
-  .xs\:text-gray-300 {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xs\:text-gray-400 {
-    --text-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--text-opacity));
-  }
-
-  .xs\:text-gray-500 {
-    --text-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--text-opacity));
-  }
-
-  .xs\:text-gray-600 {
-    --text-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--text-opacity));
-  }
-
-  .xs\:text-gray-700 {
-    --text-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--text-opacity));
-  }
-
-  .xs\:text-gray-800 {
-    --text-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--text-opacity));
-  }
-
-  .xs\:text-gray-900 {
-    --text-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--text-opacity));
-  }
-
-  .xs\:text-red-100 {
-    --text-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--text-opacity));
-  }
-
-  .xs\:text-red-200 {
-    --text-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--text-opacity));
-  }
-
-  .xs\:text-red-300 {
-    --text-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--text-opacity));
-  }
-
-  .xs\:text-red-400 {
-    --text-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--text-opacity));
-  }
-
-  .xs\:text-red-500 {
-    --text-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--text-opacity));
-  }
-
-  .xs\:text-red-600 {
-    --text-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--text-opacity));
-  }
-
-  .xs\:text-red-700 {
-    --text-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--text-opacity));
-  }
-
-  .xs\:text-red-800 {
-    --text-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--text-opacity));
-  }
-
-  .xs\:text-red-900 {
-    --text-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--text-opacity));
-  }
-
-  .xs\:text-orange-100 {
-    --text-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--text-opacity));
-  }
-
-  .xs\:text-orange-200 {
-    --text-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--text-opacity));
-  }
-
-  .xs\:text-orange-300 {
-    --text-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--text-opacity));
-  }
-
-  .xs\:text-orange-400 {
-    --text-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--text-opacity));
-  }
-
-  .xs\:text-orange-500 {
-    --text-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--text-opacity));
-  }
-
-  .xs\:text-orange-600 {
-    --text-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--text-opacity));
-  }
-
-  .xs\:text-orange-700 {
-    --text-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--text-opacity));
-  }
-
-  .xs\:text-orange-800 {
-    --text-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--text-opacity));
-  }
-
-  .xs\:text-orange-900 {
-    --text-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-100 {
-    --text-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-200 {
-    --text-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-300 {
-    --text-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-400 {
-    --text-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-500 {
-    --text-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-600 {
-    --text-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-700 {
-    --text-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-800 {
-    --text-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--text-opacity));
-  }
-
-  .xs\:text-yellow-900 {
-    --text-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--text-opacity));
-  }
-
-  .xs\:text-green-100 {
-    --text-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--text-opacity));
-  }
-
-  .xs\:text-green-200 {
-    --text-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--text-opacity));
-  }
-
-  .xs\:text-green-300 {
-    --text-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--text-opacity));
-  }
-
-  .xs\:text-green-400 {
-    --text-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--text-opacity));
-  }
-
-  .xs\:text-green-500 {
-    --text-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--text-opacity));
-  }
-
-  .xs\:text-green-600 {
-    --text-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--text-opacity));
-  }
-
-  .xs\:text-green-700 {
-    --text-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--text-opacity));
-  }
-
-  .xs\:text-green-800 {
-    --text-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--text-opacity));
-  }
-
-  .xs\:text-green-900 {
-    --text-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--text-opacity));
-  }
-
-  .xs\:text-teal-100 {
-    --text-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--text-opacity));
-  }
-
-  .xs\:text-teal-200 {
-    --text-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--text-opacity));
-  }
-
-  .xs\:text-teal-300 {
-    --text-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--text-opacity));
-  }
-
-  .xs\:text-teal-400 {
-    --text-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--text-opacity));
-  }
-
-  .xs\:text-teal-500 {
-    --text-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--text-opacity));
-  }
-
-  .xs\:text-teal-600 {
-    --text-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--text-opacity));
-  }
-
-  .xs\:text-teal-700 {
-    --text-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--text-opacity));
-  }
-
-  .xs\:text-teal-800 {
-    --text-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--text-opacity));
-  }
-
-  .xs\:text-teal-900 {
-    --text-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--text-opacity));
-  }
-
-  .xs\:text-blue-100 {
-    --text-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--text-opacity));
-  }
-
-  .xs\:text-blue-200 {
-    --text-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--text-opacity));
-  }
-
-  .xs\:text-blue-300 {
-    --text-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--text-opacity));
-  }
-
-  .xs\:text-blue-400 {
-    --text-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--text-opacity));
-  }
-
-  .xs\:text-blue-500 {
-    --text-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--text-opacity));
-  }
-
-  .xs\:text-blue-600 {
-    --text-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--text-opacity));
-  }
-
-  .xs\:text-blue-700 {
-    --text-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--text-opacity));
-  }
-
-  .xs\:text-blue-800 {
-    --text-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--text-opacity));
-  }
-
-  .xs\:text-blue-900 {
-    --text-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-100 {
-    --text-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-200 {
-    --text-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-300 {
-    --text-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-400 {
-    --text-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-500 {
-    --text-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-600 {
-    --text-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-700 {
-    --text-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-800 {
-    --text-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--text-opacity));
-  }
-
-  .xs\:text-indigo-900 {
-    --text-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--text-opacity));
-  }
-
-  .xs\:text-purple-100 {
-    --text-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--text-opacity));
-  }
-
-  .xs\:text-purple-200 {
-    --text-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--text-opacity));
-  }
-
-  .xs\:text-purple-300 {
-    --text-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--text-opacity));
-  }
-
-  .xs\:text-purple-400 {
-    --text-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--text-opacity));
-  }
-
-  .xs\:text-purple-500 {
-    --text-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--text-opacity));
-  }
-
-  .xs\:text-purple-600 {
-    --text-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--text-opacity));
-  }
-
-  .xs\:text-purple-700 {
-    --text-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--text-opacity));
-  }
-
-  .xs\:text-purple-800 {
-    --text-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--text-opacity));
-  }
-
-  .xs\:text-purple-900 {
-    --text-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--text-opacity));
-  }
-
-  .xs\:text-pink-100 {
-    --text-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--text-opacity));
-  }
-
-  .xs\:text-pink-200 {
-    --text-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--text-opacity));
-  }
-
-  .xs\:text-pink-300 {
-    --text-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--text-opacity));
-  }
-
-  .xs\:text-pink-400 {
-    --text-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--text-opacity));
-  }
-
-  .xs\:text-pink-500 {
-    --text-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--text-opacity));
-  }
-
-  .xs\:text-pink-600 {
-    --text-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--text-opacity));
-  }
-
-  .xs\:text-pink-700 {
-    --text-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--text-opacity));
-  }
-
-  .xs\:text-pink-800 {
-    --text-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--text-opacity));
-  }
-
-  .xs\:text-pink-900 {
-    --text-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .xs\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .xs\:hover\:text-black:hover {
-    --text-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-white:hover {
-    --text-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-findMe:hover {
-    --text-opacity: 1;
-    color: #F9FCFD;
-    color: rgba(249, 252, 253, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-100:hover {
-    --text-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-200:hover {
-    --text-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-300:hover {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-400:hover {
-    --text-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-500:hover {
-    --text-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-600:hover {
-    --text-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-700:hover {
-    --text-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-800:hover {
-    --text-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-gray-900:hover {
-    --text-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-100:hover {
-    --text-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-200:hover {
-    --text-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-300:hover {
-    --text-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-400:hover {
-    --text-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-500:hover {
-    --text-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-600:hover {
-    --text-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-700:hover {
-    --text-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-800:hover {
-    --text-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-red-900:hover {
-    --text-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-100:hover {
-    --text-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-200:hover {
-    --text-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-300:hover {
-    --text-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-400:hover {
-    --text-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-500:hover {
-    --text-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-600:hover {
-    --text-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-700:hover {
-    --text-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-800:hover {
-    --text-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-orange-900:hover {
-    --text-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-100:hover {
-    --text-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-200:hover {
-    --text-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-300:hover {
-    --text-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-400:hover {
-    --text-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-500:hover {
-    --text-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-600:hover {
-    --text-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-700:hover {
-    --text-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-800:hover {
-    --text-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-yellow-900:hover {
-    --text-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-100:hover {
-    --text-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-200:hover {
-    --text-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-300:hover {
-    --text-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-400:hover {
-    --text-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-500:hover {
-    --text-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-600:hover {
-    --text-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-700:hover {
-    --text-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-800:hover {
-    --text-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-green-900:hover {
-    --text-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-100:hover {
-    --text-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-200:hover {
-    --text-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-300:hover {
-    --text-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-400:hover {
-    --text-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-500:hover {
-    --text-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-600:hover {
-    --text-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-700:hover {
-    --text-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-800:hover {
-    --text-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-teal-900:hover {
-    --text-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-100:hover {
-    --text-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-200:hover {
-    --text-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-300:hover {
-    --text-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-400:hover {
-    --text-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-500:hover {
-    --text-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-600:hover {
-    --text-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-700:hover {
-    --text-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-800:hover {
-    --text-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-blue-900:hover {
-    --text-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-100:hover {
-    --text-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-200:hover {
-    --text-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-300:hover {
-    --text-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-400:hover {
-    --text-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-500:hover {
-    --text-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-600:hover {
-    --text-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-700:hover {
-    --text-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-800:hover {
-    --text-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-indigo-900:hover {
-    --text-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-100:hover {
-    --text-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-200:hover {
-    --text-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-300:hover {
-    --text-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-400:hover {
-    --text-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-500:hover {
-    --text-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-600:hover {
-    --text-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-700:hover {
-    --text-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-800:hover {
-    --text-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-purple-900:hover {
-    --text-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-100:hover {
-    --text-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-200:hover {
-    --text-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-300:hover {
-    --text-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-400:hover {
-    --text-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-500:hover {
-    --text-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-600:hover {
-    --text-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-700:hover {
-    --text-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-800:hover {
-    --text-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--text-opacity));
-  }
-
-  .xs\:hover\:text-pink-900:hover {
-    --text-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-transparent:focus {
-    color: transparent;
-  }
-
-  .xs\:focus\:text-current:focus {
-    color: currentColor;
-  }
-
-  .xs\:focus\:text-black:focus {
-    --text-opacity: 1;
-    color: #000;
-    color: rgba(0, 0, 0, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-white:focus {
-    --text-opacity: 1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-findMe:focus {
-    --text-opacity: 1;
-    color: #F9FCFD;
-    color: rgba(249, 252, 253, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-100:focus {
-    --text-opacity: 1;
-    color: #f7fafc;
-    color: rgba(247, 250, 252, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-200:focus {
-    --text-opacity: 1;
-    color: #edf2f7;
-    color: rgba(237, 242, 247, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-300:focus {
-    --text-opacity: 1;
-    color: #e2e8f0;
-    color: rgba(226, 232, 240, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-400:focus {
-    --text-opacity: 1;
-    color: #cbd5e0;
-    color: rgba(203, 213, 224, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-500:focus {
-    --text-opacity: 1;
-    color: #a0aec0;
-    color: rgba(160, 174, 192, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-600:focus {
-    --text-opacity: 1;
-    color: #718096;
-    color: rgba(113, 128, 150, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-700:focus {
-    --text-opacity: 1;
-    color: #4a5568;
-    color: rgba(74, 85, 104, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-800:focus {
-    --text-opacity: 1;
-    color: #2d3748;
-    color: rgba(45, 55, 72, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-gray-900:focus {
-    --text-opacity: 1;
-    color: #1a202c;
-    color: rgba(26, 32, 44, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-100:focus {
-    --text-opacity: 1;
-    color: #fff5f5;
-    color: rgba(255, 245, 245, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-200:focus {
-    --text-opacity: 1;
-    color: #fed7d7;
-    color: rgba(254, 215, 215, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-300:focus {
-    --text-opacity: 1;
-    color: #feb2b2;
-    color: rgba(254, 178, 178, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-400:focus {
-    --text-opacity: 1;
-    color: #fc8181;
-    color: rgba(252, 129, 129, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-500:focus {
-    --text-opacity: 1;
-    color: #f56565;
-    color: rgba(245, 101, 101, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-600:focus {
-    --text-opacity: 1;
-    color: #e53e3e;
-    color: rgba(229, 62, 62, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-700:focus {
-    --text-opacity: 1;
-    color: #c53030;
-    color: rgba(197, 48, 48, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-800:focus {
-    --text-opacity: 1;
-    color: #9b2c2c;
-    color: rgba(155, 44, 44, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-red-900:focus {
-    --text-opacity: 1;
-    color: #742a2a;
-    color: rgba(116, 42, 42, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-100:focus {
-    --text-opacity: 1;
-    color: #fffaf0;
-    color: rgba(255, 250, 240, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-200:focus {
-    --text-opacity: 1;
-    color: #feebc8;
-    color: rgba(254, 235, 200, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-300:focus {
-    --text-opacity: 1;
-    color: #fbd38d;
-    color: rgba(251, 211, 141, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-400:focus {
-    --text-opacity: 1;
-    color: #f6ad55;
-    color: rgba(246, 173, 85, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-500:focus {
-    --text-opacity: 1;
-    color: #ed8936;
-    color: rgba(237, 137, 54, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-600:focus {
-    --text-opacity: 1;
-    color: #dd6b20;
-    color: rgba(221, 107, 32, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-700:focus {
-    --text-opacity: 1;
-    color: #c05621;
-    color: rgba(192, 86, 33, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-800:focus {
-    --text-opacity: 1;
-    color: #9c4221;
-    color: rgba(156, 66, 33, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-orange-900:focus {
-    --text-opacity: 1;
-    color: #7b341e;
-    color: rgba(123, 52, 30, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-100:focus {
-    --text-opacity: 1;
-    color: #fffff0;
-    color: rgba(255, 255, 240, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-200:focus {
-    --text-opacity: 1;
-    color: #fefcbf;
-    color: rgba(254, 252, 191, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-300:focus {
-    --text-opacity: 1;
-    color: #faf089;
-    color: rgba(250, 240, 137, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-400:focus {
-    --text-opacity: 1;
-    color: #f6e05e;
-    color: rgba(246, 224, 94, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-500:focus {
-    --text-opacity: 1;
-    color: #ecc94b;
-    color: rgba(236, 201, 75, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-600:focus {
-    --text-opacity: 1;
-    color: #d69e2e;
-    color: rgba(214, 158, 46, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-700:focus {
-    --text-opacity: 1;
-    color: #b7791f;
-    color: rgba(183, 121, 31, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-800:focus {
-    --text-opacity: 1;
-    color: #975a16;
-    color: rgba(151, 90, 22, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-yellow-900:focus {
-    --text-opacity: 1;
-    color: #744210;
-    color: rgba(116, 66, 16, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-100:focus {
-    --text-opacity: 1;
-    color: #f0fff4;
-    color: rgba(240, 255, 244, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-200:focus {
-    --text-opacity: 1;
-    color: #c6f6d5;
-    color: rgba(198, 246, 213, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-300:focus {
-    --text-opacity: 1;
-    color: #9ae6b4;
-    color: rgba(154, 230, 180, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-400:focus {
-    --text-opacity: 1;
-    color: #68d391;
-    color: rgba(104, 211, 145, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-500:focus {
-    --text-opacity: 1;
-    color: #48bb78;
-    color: rgba(72, 187, 120, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-600:focus {
-    --text-opacity: 1;
-    color: #38a169;
-    color: rgba(56, 161, 105, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-700:focus {
-    --text-opacity: 1;
-    color: #2f855a;
-    color: rgba(47, 133, 90, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-800:focus {
-    --text-opacity: 1;
-    color: #276749;
-    color: rgba(39, 103, 73, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-green-900:focus {
-    --text-opacity: 1;
-    color: #22543d;
-    color: rgba(34, 84, 61, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-100:focus {
-    --text-opacity: 1;
-    color: #e6fffa;
-    color: rgba(230, 255, 250, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-200:focus {
-    --text-opacity: 1;
-    color: #b2f5ea;
-    color: rgba(178, 245, 234, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-300:focus {
-    --text-opacity: 1;
-    color: #81e6d9;
-    color: rgba(129, 230, 217, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-400:focus {
-    --text-opacity: 1;
-    color: #4fd1c5;
-    color: rgba(79, 209, 197, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-500:focus {
-    --text-opacity: 1;
-    color: #38b2ac;
-    color: rgba(56, 178, 172, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-600:focus {
-    --text-opacity: 1;
-    color: #319795;
-    color: rgba(49, 151, 149, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-700:focus {
-    --text-opacity: 1;
-    color: #2c7a7b;
-    color: rgba(44, 122, 123, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-800:focus {
-    --text-opacity: 1;
-    color: #285e61;
-    color: rgba(40, 94, 97, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-teal-900:focus {
-    --text-opacity: 1;
-    color: #234e52;
-    color: rgba(35, 78, 82, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-100:focus {
-    --text-opacity: 1;
-    color: #ebf8ff;
-    color: rgba(235, 248, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-200:focus {
-    --text-opacity: 1;
-    color: #bee3f8;
-    color: rgba(190, 227, 248, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-300:focus {
-    --text-opacity: 1;
-    color: #90cdf4;
-    color: rgba(144, 205, 244, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-400:focus {
-    --text-opacity: 1;
-    color: #63b3ed;
-    color: rgba(99, 179, 237, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-500:focus {
-    --text-opacity: 1;
-    color: #4299e1;
-    color: rgba(66, 153, 225, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-600:focus {
-    --text-opacity: 1;
-    color: #3182ce;
-    color: rgba(49, 130, 206, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-700:focus {
-    --text-opacity: 1;
-    color: #2b6cb0;
-    color: rgba(43, 108, 176, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-800:focus {
-    --text-opacity: 1;
-    color: #2c5282;
-    color: rgba(44, 82, 130, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-blue-900:focus {
-    --text-opacity: 1;
-    color: #2a4365;
-    color: rgba(42, 67, 101, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-100:focus {
-    --text-opacity: 1;
-    color: #ebf4ff;
-    color: rgba(235, 244, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-200:focus {
-    --text-opacity: 1;
-    color: #c3dafe;
-    color: rgba(195, 218, 254, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-300:focus {
-    --text-opacity: 1;
-    color: #a3bffa;
-    color: rgba(163, 191, 250, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-400:focus {
-    --text-opacity: 1;
-    color: #7f9cf5;
-    color: rgba(127, 156, 245, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-500:focus {
-    --text-opacity: 1;
-    color: #667eea;
-    color: rgba(102, 126, 234, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-600:focus {
-    --text-opacity: 1;
-    color: #5a67d8;
-    color: rgba(90, 103, 216, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-700:focus {
-    --text-opacity: 1;
-    color: #4c51bf;
-    color: rgba(76, 81, 191, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-800:focus {
-    --text-opacity: 1;
-    color: #434190;
-    color: rgba(67, 65, 144, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-indigo-900:focus {
-    --text-opacity: 1;
-    color: #3c366b;
-    color: rgba(60, 54, 107, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-100:focus {
-    --text-opacity: 1;
-    color: #faf5ff;
-    color: rgba(250, 245, 255, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-200:focus {
-    --text-opacity: 1;
-    color: #e9d8fd;
-    color: rgba(233, 216, 253, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-300:focus {
-    --text-opacity: 1;
-    color: #d6bcfa;
-    color: rgba(214, 188, 250, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-400:focus {
-    --text-opacity: 1;
-    color: #b794f4;
-    color: rgba(183, 148, 244, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-500:focus {
-    --text-opacity: 1;
-    color: #9f7aea;
-    color: rgba(159, 122, 234, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-600:focus {
-    --text-opacity: 1;
-    color: #805ad5;
-    color: rgba(128, 90, 213, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-700:focus {
-    --text-opacity: 1;
-    color: #6b46c1;
-    color: rgba(107, 70, 193, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-800:focus {
-    --text-opacity: 1;
-    color: #553c9a;
-    color: rgba(85, 60, 154, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-purple-900:focus {
-    --text-opacity: 1;
-    color: #44337a;
-    color: rgba(68, 51, 122, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-100:focus {
-    --text-opacity: 1;
-    color: #fff5f7;
-    color: rgba(255, 245, 247, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-200:focus {
-    --text-opacity: 1;
-    color: #fed7e2;
-    color: rgba(254, 215, 226, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-300:focus {
-    --text-opacity: 1;
-    color: #fbb6ce;
-    color: rgba(251, 182, 206, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-400:focus {
-    --text-opacity: 1;
-    color: #f687b3;
-    color: rgba(246, 135, 179, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-500:focus {
-    --text-opacity: 1;
-    color: #ed64a6;
-    color: rgba(237, 100, 166, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-600:focus {
-    --text-opacity: 1;
-    color: #d53f8c;
-    color: rgba(213, 63, 140, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-700:focus {
-    --text-opacity: 1;
-    color: #b83280;
-    color: rgba(184, 50, 128, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-800:focus {
-    --text-opacity: 1;
-    color: #97266d;
-    color: rgba(151, 38, 109, var(--text-opacity));
-  }
-
-  .xs\:focus\:text-pink-900:focus {
-    --text-opacity: 1;
-    color: #702459;
-    color: rgba(112, 36, 89, var(--text-opacity));
-  }
-
-  .xs\:text-opacity-0 {
-    --text-opacity: 0;
-  }
-
-  .xs\:text-opacity-25 {
-    --text-opacity: 0.25;
-  }
-
-  .xs\:text-opacity-50 {
-    --text-opacity: 0.5;
-  }
-
-  .xs\:text-opacity-75 {
-    --text-opacity: 0.75;
-  }
-
-  .xs\:text-opacity-100 {
-    --text-opacity: 1;
-  }
-
-  .xs\:hover\:text-opacity-0:hover {
-    --text-opacity: 0;
-  }
-
-  .xs\:hover\:text-opacity-25:hover {
-    --text-opacity: 0.25;
-  }
-
-  .xs\:hover\:text-opacity-50:hover {
-    --text-opacity: 0.5;
-  }
-
-  .xs\:hover\:text-opacity-75:hover {
-    --text-opacity: 0.75;
-  }
-
-  .xs\:hover\:text-opacity-100:hover {
-    --text-opacity: 1;
-  }
-
-  .xs\:focus\:text-opacity-0:focus {
-    --text-opacity: 0;
-  }
-
-  .xs\:focus\:text-opacity-25:focus {
-    --text-opacity: 0.25;
-  }
-
-  .xs\:focus\:text-opacity-50:focus {
-    --text-opacity: 0.5;
-  }
-
-  .xs\:focus\:text-opacity-75:focus {
-    --text-opacity: 0.75;
-  }
-
-  .xs\:focus\:text-opacity-100:focus {
-    --text-opacity: 1;
-  }
-
-  .xs\:italic {
-    font-style: italic;
-  }
-
-  .xs\:not-italic {
-    font-style: normal;
-  }
-
-  .xs\:uppercase {
-    text-transform: uppercase;
-  }
-
-  .xs\:lowercase {
-    text-transform: lowercase;
-  }
-
-  .xs\:capitalize {
-    text-transform: capitalize;
-  }
-
-  .xs\:normal-case {
-    text-transform: none;
-  }
-
-  .xs\:underline {
-    text-decoration: underline;
-  }
-
-  .xs\:line-through {
-    text-decoration: line-through;
-  }
-
-  .xs\:no-underline {
-    text-decoration: none;
-  }
-
-  .xs\:hover\:underline:hover {
-    text-decoration: underline;
-  }
-
-  .xs\:hover\:line-through:hover {
-    text-decoration: line-through;
-  }
-
-  .xs\:hover\:no-underline:hover {
-    text-decoration: none;
-  }
-
-  .xs\:focus\:underline:focus {
-    text-decoration: underline;
-  }
-
-  .xs\:focus\:line-through:focus {
-    text-decoration: line-through;
-  }
-
-  .xs\:focus\:no-underline:focus {
-    text-decoration: none;
-  }
-
-  .xs\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  .xs\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
-  }
-
-  .xs\:ordinal, .xs\:slashed-zero, .xs\:lining-nums, .xs\:oldstyle-nums, .xs\:proportional-nums, .xs\:tabular-nums, .xs\:diagonal-fractions, .xs\:stacked-fractions {
-    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
-    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
-    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
-  }
-
-  .xs\:normal-nums {
-    font-variant-numeric: normal;
-  }
-
-  .xs\:ordinal {
-    --font-variant-numeric-ordinal: ordinal;
-  }
-
-  .xs\:slashed-zero {
-    --font-variant-numeric-slashed-zero: slashed-zero;
-  }
-
-  .xs\:lining-nums {
-    --font-variant-numeric-figure: lining-nums;
-  }
-
-  .xs\:oldstyle-nums {
-    --font-variant-numeric-figure: oldstyle-nums;
-  }
-
-  .xs\:proportional-nums {
-    --font-variant-numeric-spacing: proportional-nums;
-  }
-
-  .xs\:tabular-nums {
-    --font-variant-numeric-spacing: tabular-nums;
-  }
-
-  .xs\:diagonal-fractions {
-    --font-variant-numeric-fraction: diagonal-fractions;
-  }
-
-  .xs\:stacked-fractions {
-    --font-variant-numeric-fraction: stacked-fractions;
-  }
-
-  .xs\:tracking-tighter {
-    letter-spacing: -0.05em;
-  }
-
-  .xs\:tracking-tight {
-    letter-spacing: -0.025em;
-  }
-
-  .xs\:tracking-normal {
-    letter-spacing: 0;
-  }
-
-  .xs\:tracking-wide {
-    letter-spacing: 0.025em;
-  }
-
-  .xs\:tracking-wider {
-    letter-spacing: 0.05em;
-  }
-
-  .xs\:tracking-widest {
-    letter-spacing: 0.1em;
-  }
-
-  .xs\:select-none {
-    -webkit-user-select: none;
-            user-select: none;
-  }
-
-  .xs\:select-text {
-    -webkit-user-select: text;
-            user-select: text;
-  }
-
-  .xs\:select-all {
-    -webkit-user-select: all;
-            user-select: all;
-  }
-
-  .xs\:select-auto {
-    -webkit-user-select: auto;
-            user-select: auto;
-  }
-
-  .xs\:align-baseline {
-    vertical-align: baseline;
-  }
-
-  .xs\:align-top {
-    vertical-align: top;
-  }
-
-  .xs\:align-middle {
-    vertical-align: middle;
-  }
-
-  .xs\:align-bottom {
-    vertical-align: bottom;
-  }
-
-  .xs\:align-text-top {
-    vertical-align: text-top;
-  }
-
-  .xs\:align-text-bottom {
-    vertical-align: text-bottom;
-  }
-
-  .xs\:visible {
-    visibility: visible;
-  }
-
-  .xs\:invisible {
-    visibility: hidden;
-  }
-
-  .xs\:whitespace-normal {
-    white-space: normal;
-  }
-
-  .xs\:whitespace-no-wrap {
-    white-space: nowrap;
-  }
-
-  .xs\:whitespace-pre {
-    white-space: pre;
-  }
-
-  .xs\:whitespace-pre-line {
-    white-space: pre-line;
-  }
-
-  .xs\:whitespace-pre-wrap {
-    white-space: pre-wrap;
-  }
-
-  .xs\:break-normal {
-    word-wrap: normal;
-    overflow-wrap: normal;
-    word-break: normal;
-  }
-
-  .xs\:break-words {
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-  }
-
-  .xs\:break-all {
-    word-break: break-all;
-  }
-
-  .xs\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .xs\:w-0 {
-    width: 0;
-  }
-
-  .xs\:w-1 {
-    width: 0.25rem;
-  }
-
-  .xs\:w-2 {
-    width: 0.5rem;
-  }
-
-  .xs\:w-3 {
-    width: 0.75rem;
-  }
-
-  .xs\:w-4 {
-    width: 1rem;
-  }
-
-  .xs\:w-5 {
-    width: 1.25rem;
-  }
-
-  .xs\:w-6 {
-    width: 1.5rem;
-  }
-
-  .xs\:w-8 {
-    width: 2rem;
-  }
-
-  .xs\:w-10 {
-    width: 2.5rem;
-  }
-
-  .xs\:w-12 {
-    width: 3rem;
-  }
-
-  .xs\:w-16 {
-    width: 4rem;
-  }
-
-  .xs\:w-20 {
-    width: 5rem;
-  }
-
-  .xs\:w-24 {
-    width: 6rem;
-  }
-
-  .xs\:w-32 {
-    width: 8rem;
-  }
-
-  .xs\:w-40 {
-    width: 10rem;
-  }
-
-  .xs\:w-48 {
-    width: 12rem;
-  }
-
-  .xs\:w-56 {
-    width: 14rem;
-  }
-
-  .xs\:w-64 {
-    width: 16rem;
-  }
-
-  .xs\:w-auto {
-    width: auto;
-  }
-
-  .xs\:w-px {
-    width: 1px;
-  }
-
-  .xs\:w-1\/2 {
-    width: 50%;
-  }
-
-  .xs\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .xs\:w-2\/3 {
-    width: 66.666667%;
-  }
-
-  .xs\:w-1\/4 {
-    width: 25%;
-  }
-
-  .xs\:w-2\/4 {
-    width: 50%;
-  }
-
-  .xs\:w-3\/4 {
-    width: 75%;
-  }
-
-  .xs\:w-1\/5 {
-    width: 20%;
-  }
-
-  .xs\:w-2\/5 {
-    width: 40%;
-  }
-
-  .xs\:w-3\/5 {
-    width: 60%;
-  }
-
-  .xs\:w-4\/5 {
-    width: 80%;
-  }
-
-  .xs\:w-1\/6 {
-    width: 16.666667%;
-  }
-
-  .xs\:w-2\/6 {
-    width: 33.333333%;
-  }
-
-  .xs\:w-3\/6 {
-    width: 50%;
-  }
-
-  .xs\:w-4\/6 {
-    width: 66.666667%;
-  }
-
-  .xs\:w-5\/6 {
-    width: 83.333333%;
-  }
-
-  .xs\:w-1\/12 {
-    width: 8.333333%;
-  }
-
-  .xs\:w-2\/12 {
-    width: 16.666667%;
-  }
-
-  .xs\:w-3\/12 {
-    width: 25%;
-  }
-
-  .xs\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .xs\:w-5\/12 {
-    width: 41.666667%;
-  }
-
-  .xs\:w-6\/12 {
-    width: 50%;
-  }
-
-  .xs\:w-7\/12 {
-    width: 58.333333%;
-  }
-
-  .xs\:w-8\/12 {
-    width: 66.666667%;
-  }
-
-  .xs\:w-9\/12 {
-    width: 75%;
-  }
-
-  .xs\:w-10\/12 {
-    width: 83.333333%;
-  }
-
-  .xs\:w-11\/12 {
-    width: 91.666667%;
-  }
-
-  .xs\:w-full {
-    width: 100%;
-  }
-
-  .xs\:w-screen {
-    width: 100vw;
-  }
-
-  .xs\:z-0 {
-    z-index: 0;
-  }
-
-  .xs\:z-10 {
-    z-index: 10;
-  }
-
-  .xs\:z-20 {
-    z-index: 20;
-  }
-
-  .xs\:z-30 {
-    z-index: 30;
-  }
-
-  .xs\:z-40 {
-    z-index: 40;
-  }
-
-  .xs\:z-50 {
-    z-index: 50;
-  }
-
-  .xs\:z-auto {
-    z-index: auto;
-  }
-
-  .xs\:gap-0 {
-    grid-gap: 0;
-    gap: 0;
-  }
-
-  .xs\:gap-1 {
-    grid-gap: 0.25rem;
-    gap: 0.25rem;
-  }
-
-  .xs\:gap-2 {
-    grid-gap: 0.5rem;
-    gap: 0.5rem;
-  }
-
-  .xs\:gap-3 {
-    grid-gap: 0.75rem;
-    gap: 0.75rem;
-  }
-
-  .xs\:gap-4 {
-    grid-gap: 1rem;
-    gap: 1rem;
-  }
-
-  .xs\:gap-5 {
-    grid-gap: 1.25rem;
-    gap: 1.25rem;
-  }
-
-  .xs\:gap-6 {
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
-  }
-
-  .xs\:gap-8 {
-    grid-gap: 2rem;
-    gap: 2rem;
-  }
-
-  .xs\:gap-10 {
-    grid-gap: 2.5rem;
-    gap: 2.5rem;
-  }
-
-  .xs\:gap-12 {
-    grid-gap: 3rem;
-    gap: 3rem;
-  }
-
-  .xs\:gap-16 {
-    grid-gap: 4rem;
-    gap: 4rem;
-  }
-
-  .xs\:gap-20 {
-    grid-gap: 5rem;
-    gap: 5rem;
-  }
-
-  .xs\:gap-24 {
-    grid-gap: 6rem;
-    gap: 6rem;
-  }
-
-  .xs\:gap-32 {
-    grid-gap: 8rem;
-    gap: 8rem;
-  }
-
-  .xs\:gap-40 {
-    grid-gap: 10rem;
-    gap: 10rem;
-  }
-
-  .xs\:gap-48 {
-    grid-gap: 12rem;
-    gap: 12rem;
-  }
-
-  .xs\:gap-56 {
-    grid-gap: 14rem;
-    gap: 14rem;
-  }
-
-  .xs\:gap-64 {
-    grid-gap: 16rem;
-    gap: 16rem;
-  }
-
-  .xs\:gap-px {
-    grid-gap: 1px;
-    gap: 1px;
-  }
-
-  .xs\:col-gap-0 {
-    grid-column-gap: 0;
-    column-gap: 0;
-  }
-
-  .xs\:col-gap-1 {
-    grid-column-gap: 0.25rem;
-    column-gap: 0.25rem;
-  }
-
-  .xs\:col-gap-2 {
-    grid-column-gap: 0.5rem;
-    column-gap: 0.5rem;
-  }
-
-  .xs\:col-gap-3 {
-    grid-column-gap: 0.75rem;
-    column-gap: 0.75rem;
-  }
-
-  .xs\:col-gap-4 {
-    grid-column-gap: 1rem;
-    column-gap: 1rem;
-  }
-
-  .xs\:col-gap-5 {
-    grid-column-gap: 1.25rem;
-    column-gap: 1.25rem;
-  }
-
-  .xs\:col-gap-6 {
-    grid-column-gap: 1.5rem;
-    column-gap: 1.5rem;
-  }
-
-  .xs\:col-gap-8 {
-    grid-column-gap: 2rem;
-    column-gap: 2rem;
-  }
-
-  .xs\:col-gap-10 {
-    grid-column-gap: 2.5rem;
-    column-gap: 2.5rem;
-  }
-
-  .xs\:col-gap-12 {
-    grid-column-gap: 3rem;
-    column-gap: 3rem;
-  }
-
-  .xs\:col-gap-16 {
-    grid-column-gap: 4rem;
-    column-gap: 4rem;
-  }
-
-  .xs\:col-gap-20 {
-    grid-column-gap: 5rem;
-    column-gap: 5rem;
-  }
-
-  .xs\:col-gap-24 {
-    grid-column-gap: 6rem;
-    column-gap: 6rem;
-  }
-
-  .xs\:col-gap-32 {
-    grid-column-gap: 8rem;
-    column-gap: 8rem;
-  }
-
-  .xs\:col-gap-40 {
-    grid-column-gap: 10rem;
-    column-gap: 10rem;
-  }
-
-  .xs\:col-gap-48 {
-    grid-column-gap: 12rem;
-    column-gap: 12rem;
-  }
-
-  .xs\:col-gap-56 {
-    grid-column-gap: 14rem;
-    column-gap: 14rem;
-  }
-
-  .xs\:col-gap-64 {
-    grid-column-gap: 16rem;
-    column-gap: 16rem;
-  }
-
-  .xs\:col-gap-px {
-    grid-column-gap: 1px;
-    column-gap: 1px;
-  }
-
-  .xs\:gap-x-0 {
-    grid-column-gap: 0;
-    column-gap: 0;
-  }
-
-  .xs\:gap-x-1 {
-    grid-column-gap: 0.25rem;
-    column-gap: 0.25rem;
-  }
-
-  .xs\:gap-x-2 {
-    grid-column-gap: 0.5rem;
-    column-gap: 0.5rem;
-  }
-
-  .xs\:gap-x-3 {
-    grid-column-gap: 0.75rem;
-    column-gap: 0.75rem;
-  }
-
-  .xs\:gap-x-4 {
-    grid-column-gap: 1rem;
-    column-gap: 1rem;
-  }
-
-  .xs\:gap-x-5 {
-    grid-column-gap: 1.25rem;
-    column-gap: 1.25rem;
-  }
-
-  .xs\:gap-x-6 {
-    grid-column-gap: 1.5rem;
-    column-gap: 1.5rem;
-  }
-
-  .xs\:gap-x-8 {
-    grid-column-gap: 2rem;
-    column-gap: 2rem;
-  }
-
-  .xs\:gap-x-10 {
-    grid-column-gap: 2.5rem;
-    column-gap: 2.5rem;
-  }
-
-  .xs\:gap-x-12 {
-    grid-column-gap: 3rem;
-    column-gap: 3rem;
-  }
-
-  .xs\:gap-x-16 {
-    grid-column-gap: 4rem;
-    column-gap: 4rem;
-  }
-
-  .xs\:gap-x-20 {
-    grid-column-gap: 5rem;
-    column-gap: 5rem;
-  }
-
-  .xs\:gap-x-24 {
-    grid-column-gap: 6rem;
-    column-gap: 6rem;
-  }
-
-  .xs\:gap-x-32 {
-    grid-column-gap: 8rem;
-    column-gap: 8rem;
-  }
-
-  .xs\:gap-x-40 {
-    grid-column-gap: 10rem;
-    column-gap: 10rem;
-  }
-
-  .xs\:gap-x-48 {
-    grid-column-gap: 12rem;
-    column-gap: 12rem;
-  }
-
-  .xs\:gap-x-56 {
-    grid-column-gap: 14rem;
-    column-gap: 14rem;
-  }
-
-  .xs\:gap-x-64 {
-    grid-column-gap: 16rem;
-    column-gap: 16rem;
-  }
-
-  .xs\:gap-x-px {
-    grid-column-gap: 1px;
-    column-gap: 1px;
-  }
-
-  .xs\:row-gap-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .xs\:row-gap-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .xs\:row-gap-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .xs\:row-gap-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .xs\:row-gap-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .xs\:row-gap-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .xs\:row-gap-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .xs\:row-gap-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .xs\:row-gap-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .xs\:row-gap-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .xs\:row-gap-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .xs\:row-gap-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .xs\:row-gap-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .xs\:row-gap-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .xs\:row-gap-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .xs\:row-gap-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xs\:row-gap-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .xs\:row-gap-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .xs\:row-gap-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .xs\:gap-y-0 {
-    grid-row-gap: 0;
-    row-gap: 0;
-  }
-
-  .xs\:gap-y-1 {
-    grid-row-gap: 0.25rem;
-    row-gap: 0.25rem;
-  }
-
-  .xs\:gap-y-2 {
-    grid-row-gap: 0.5rem;
-    row-gap: 0.5rem;
-  }
-
-  .xs\:gap-y-3 {
-    grid-row-gap: 0.75rem;
-    row-gap: 0.75rem;
-  }
-
-  .xs\:gap-y-4 {
-    grid-row-gap: 1rem;
-    row-gap: 1rem;
-  }
-
-  .xs\:gap-y-5 {
-    grid-row-gap: 1.25rem;
-    row-gap: 1.25rem;
-  }
-
-  .xs\:gap-y-6 {
-    grid-row-gap: 1.5rem;
-    row-gap: 1.5rem;
-  }
-
-  .xs\:gap-y-8 {
-    grid-row-gap: 2rem;
-    row-gap: 2rem;
-  }
-
-  .xs\:gap-y-10 {
-    grid-row-gap: 2.5rem;
-    row-gap: 2.5rem;
-  }
-
-  .xs\:gap-y-12 {
-    grid-row-gap: 3rem;
-    row-gap: 3rem;
-  }
-
-  .xs\:gap-y-16 {
-    grid-row-gap: 4rem;
-    row-gap: 4rem;
-  }
-
-  .xs\:gap-y-20 {
-    grid-row-gap: 5rem;
-    row-gap: 5rem;
-  }
-
-  .xs\:gap-y-24 {
-    grid-row-gap: 6rem;
-    row-gap: 6rem;
-  }
-
-  .xs\:gap-y-32 {
-    grid-row-gap: 8rem;
-    row-gap: 8rem;
-  }
-
-  .xs\:gap-y-40 {
-    grid-row-gap: 10rem;
-    row-gap: 10rem;
-  }
-
-  .xs\:gap-y-48 {
-    grid-row-gap: 12rem;
-    row-gap: 12rem;
-  }
-
-  .xs\:gap-y-56 {
-    grid-row-gap: 14rem;
-    row-gap: 14rem;
-  }
-
-  .xs\:gap-y-64 {
-    grid-row-gap: 16rem;
-    row-gap: 16rem;
-  }
-
-  .xs\:gap-y-px {
-    grid-row-gap: 1px;
-    row-gap: 1px;
-  }
-
-  .xs\:grid-flow-row {
-    grid-auto-flow: row;
-  }
-
-  .xs\:grid-flow-col {
-    grid-auto-flow: column;
-  }
-
-  .xs\:grid-flow-row-dense {
-    grid-auto-flow: row dense;
-  }
-
-  .xs\:grid-flow-col-dense {
-    grid-auto-flow: column dense;
-  }
-
-  .xs\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-7 {
-    grid-template-columns: repeat(7, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-8 {
-    grid-template-columns: repeat(8, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-9 {
-    grid-template-columns: repeat(9, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-10 {
-    grid-template-columns: repeat(10, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-11 {
-    grid-template-columns: repeat(11, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-12 {
-    grid-template-columns: repeat(12, minmax(0, 1fr));
-  }
-
-  .xs\:grid-cols-none {
-    grid-template-columns: none;
-  }
-
-  .xs\:auto-cols-auto {
-    grid-auto-columns: auto;
-  }
-
-  .xs\:auto-cols-min {
-    grid-auto-columns: min-content;
-  }
-
-  .xs\:auto-cols-max {
-    grid-auto-columns: max-content;
-  }
-
-  .xs\:auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-
-  .xs\:col-auto {
-    grid-column: auto;
-  }
-
-  .xs\:col-span-1 {
-    grid-column: span 1 / span 1;
-  }
-
-  .xs\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
-  .xs\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .xs\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .xs\:col-span-5 {
-    grid-column: span 5 / span 5;
-  }
-
-  .xs\:col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .xs\:col-span-7 {
-    grid-column: span 7 / span 7;
-  }
-
-  .xs\:col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .xs\:col-span-9 {
-    grid-column: span 9 / span 9;
-  }
-
-  .xs\:col-span-10 {
-    grid-column: span 10 / span 10;
-  }
-
-  .xs\:col-span-11 {
-    grid-column: span 11 / span 11;
-  }
-
-  .xs\:col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .xs\:col-span-full {
-    grid-column: 1 / -1;
-  }
-
-  .xs\:col-start-1 {
-    grid-column-start: 1;
-  }
-
-  .xs\:col-start-2 {
-    grid-column-start: 2;
-  }
-
-  .xs\:col-start-3 {
-    grid-column-start: 3;
-  }
-
-  .xs\:col-start-4 {
-    grid-column-start: 4;
-  }
-
-  .xs\:col-start-5 {
-    grid-column-start: 5;
-  }
-
-  .xs\:col-start-6 {
-    grid-column-start: 6;
-  }
-
-  .xs\:col-start-7 {
-    grid-column-start: 7;
-  }
-
-  .xs\:col-start-8 {
-    grid-column-start: 8;
-  }
-
-  .xs\:col-start-9 {
-    grid-column-start: 9;
-  }
-
-  .xs\:col-start-10 {
-    grid-column-start: 10;
-  }
-
-  .xs\:col-start-11 {
-    grid-column-start: 11;
-  }
-
-  .xs\:col-start-12 {
-    grid-column-start: 12;
-  }
-
-  .xs\:col-start-13 {
-    grid-column-start: 13;
-  }
-
-  .xs\:col-start-auto {
-    grid-column-start: auto;
-  }
-
-  .xs\:col-end-1 {
-    grid-column-end: 1;
-  }
-
-  .xs\:col-end-2 {
-    grid-column-end: 2;
-  }
-
-  .xs\:col-end-3 {
-    grid-column-end: 3;
-  }
-
-  .xs\:col-end-4 {
-    grid-column-end: 4;
-  }
-
-  .xs\:col-end-5 {
-    grid-column-end: 5;
-  }
-
-  .xs\:col-end-6 {
-    grid-column-end: 6;
-  }
-
-  .xs\:col-end-7 {
-    grid-column-end: 7;
-  }
-
-  .xs\:col-end-8 {
-    grid-column-end: 8;
-  }
-
-  .xs\:col-end-9 {
-    grid-column-end: 9;
-  }
-
-  .xs\:col-end-10 {
-    grid-column-end: 10;
-  }
-
-  .xs\:col-end-11 {
-    grid-column-end: 11;
-  }
-
-  .xs\:col-end-12 {
-    grid-column-end: 12;
-  }
-
-  .xs\:col-end-13 {
-    grid-column-end: 13;
-  }
-
-  .xs\:col-end-auto {
-    grid-column-end: auto;
-  }
-
-  .xs\:grid-rows-1 {
-    grid-template-rows: repeat(1, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-2 {
-    grid-template-rows: repeat(2, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-3 {
-    grid-template-rows: repeat(3, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-4 {
-    grid-template-rows: repeat(4, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-5 {
-    grid-template-rows: repeat(5, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-6 {
-    grid-template-rows: repeat(6, minmax(0, 1fr));
-  }
-
-  .xs\:grid-rows-none {
-    grid-template-rows: none;
-  }
-
-  .xs\:auto-rows-auto {
-    grid-auto-rows: auto;
-  }
-
-  .xs\:auto-rows-min {
-    grid-auto-rows: min-content;
-  }
-
-  .xs\:auto-rows-max {
-    grid-auto-rows: max-content;
-  }
-
-  .xs\:auto-rows-fr {
-    grid-auto-rows: minmax(0, 1fr);
-  }
-
-  .xs\:row-auto {
-    grid-row: auto;
-  }
-
-  .xs\:row-span-1 {
-    grid-row: span 1 / span 1;
-  }
-
-  .xs\:row-span-2 {
-    grid-row: span 2 / span 2;
-  }
-
-  .xs\:row-span-3 {
-    grid-row: span 3 / span 3;
-  }
-
-  .xs\:row-span-4 {
-    grid-row: span 4 / span 4;
-  }
-
-  .xs\:row-span-5 {
-    grid-row: span 5 / span 5;
-  }
-
-  .xs\:row-span-6 {
-    grid-row: span 6 / span 6;
-  }
-
-  .xs\:row-span-full {
-    grid-row: 1 / -1;
-  }
-
-  .xs\:row-start-1 {
-    grid-row-start: 1;
-  }
-
-  .xs\:row-start-2 {
-    grid-row-start: 2;
-  }
-
-  .xs\:row-start-3 {
-    grid-row-start: 3;
-  }
-
-  .xs\:row-start-4 {
-    grid-row-start: 4;
-  }
-
-  .xs\:row-start-5 {
-    grid-row-start: 5;
-  }
-
-  .xs\:row-start-6 {
-    grid-row-start: 6;
-  }
-
-  .xs\:row-start-7 {
-    grid-row-start: 7;
-  }
-
-  .xs\:row-start-auto {
-    grid-row-start: auto;
-  }
-
-  .xs\:row-end-1 {
-    grid-row-end: 1;
-  }
-
-  .xs\:row-end-2 {
-    grid-row-end: 2;
-  }
-
-  .xs\:row-end-3 {
-    grid-row-end: 3;
-  }
-
-  .xs\:row-end-4 {
-    grid-row-end: 4;
-  }
-
-  .xs\:row-end-5 {
-    grid-row-end: 5;
-  }
-
-  .xs\:row-end-6 {
-    grid-row-end: 6;
-  }
-
-  .xs\:row-end-7 {
-    grid-row-end: 7;
-  }
-
-  .xs\:row-end-auto {
-    grid-row-end: auto;
-  }
-
-  .xs\:transform {
-    --transform-translate-x: 0;
-    --transform-translate-y: 0;
-    --transform-rotate: 0;
-    --transform-skew-x: 0;
-    --transform-skew-y: 0;
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
-  }
-
-  .xs\:transform-none {
-    transform: none;
-  }
-
-  .xs\:origin-center {
-    transform-origin: center;
-  }
-
-  .xs\:origin-top {
-    transform-origin: top;
-  }
-
-  .xs\:origin-top-right {
-    transform-origin: top right;
-  }
-
-  .xs\:origin-right {
-    transform-origin: right;
-  }
-
-  .xs\:origin-bottom-right {
-    transform-origin: bottom right;
-  }
-
-  .xs\:origin-bottom {
-    transform-origin: bottom;
-  }
-
-  .xs\:origin-bottom-left {
-    transform-origin: bottom left;
-  }
-
-  .xs\:origin-left {
-    transform-origin: left;
-  }
-
-  .xs\:origin-top-left {
-    transform-origin: top left;
-  }
-
-  .xs\:scale-0 {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xs\:scale-50 {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xs\:scale-75 {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xs\:scale-90 {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xs\:scale-95 {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xs\:scale-100 {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xs\:scale-105 {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:scale-110 {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:scale-125 {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:scale-150 {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:scale-x-0 {
-    --transform-scale-x: 0;
-  }
-
-  .xs\:scale-x-50 {
-    --transform-scale-x: .5;
-  }
-
-  .xs\:scale-x-75 {
-    --transform-scale-x: .75;
-  }
-
-  .xs\:scale-x-90 {
-    --transform-scale-x: .9;
-  }
-
-  .xs\:scale-x-95 {
-    --transform-scale-x: .95;
-  }
-
-  .xs\:scale-x-100 {
-    --transform-scale-x: 1;
-  }
-
-  .xs\:scale-x-105 {
-    --transform-scale-x: 1.05;
-  }
-
-  .xs\:scale-x-110 {
-    --transform-scale-x: 1.1;
-  }
-
-  .xs\:scale-x-125 {
-    --transform-scale-x: 1.25;
-  }
-
-  .xs\:scale-x-150 {
-    --transform-scale-x: 1.5;
-  }
-
-  .xs\:scale-y-0 {
-    --transform-scale-y: 0;
-  }
-
-  .xs\:scale-y-50 {
-    --transform-scale-y: .5;
-  }
-
-  .xs\:scale-y-75 {
-    --transform-scale-y: .75;
-  }
-
-  .xs\:scale-y-90 {
-    --transform-scale-y: .9;
-  }
-
-  .xs\:scale-y-95 {
-    --transform-scale-y: .95;
-  }
-
-  .xs\:scale-y-100 {
-    --transform-scale-y: 1;
-  }
-
-  .xs\:scale-y-105 {
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:scale-y-110 {
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:scale-y-125 {
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:scale-y-150 {
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:hover\:scale-0:hover {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xs\:hover\:scale-50:hover {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xs\:hover\:scale-75:hover {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xs\:hover\:scale-90:hover {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xs\:hover\:scale-95:hover {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xs\:hover\:scale-100:hover {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xs\:hover\:scale-105:hover {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:hover\:scale-110:hover {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:hover\:scale-125:hover {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:hover\:scale-150:hover {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:hover\:scale-x-0:hover {
-    --transform-scale-x: 0;
-  }
-
-  .xs\:hover\:scale-x-50:hover {
-    --transform-scale-x: .5;
-  }
-
-  .xs\:hover\:scale-x-75:hover {
-    --transform-scale-x: .75;
-  }
-
-  .xs\:hover\:scale-x-90:hover {
-    --transform-scale-x: .9;
-  }
-
-  .xs\:hover\:scale-x-95:hover {
-    --transform-scale-x: .95;
-  }
-
-  .xs\:hover\:scale-x-100:hover {
-    --transform-scale-x: 1;
-  }
-
-  .xs\:hover\:scale-x-105:hover {
-    --transform-scale-x: 1.05;
-  }
-
-  .xs\:hover\:scale-x-110:hover {
-    --transform-scale-x: 1.1;
-  }
-
-  .xs\:hover\:scale-x-125:hover {
-    --transform-scale-x: 1.25;
-  }
-
-  .xs\:hover\:scale-x-150:hover {
-    --transform-scale-x: 1.5;
-  }
-
-  .xs\:hover\:scale-y-0:hover {
-    --transform-scale-y: 0;
-  }
-
-  .xs\:hover\:scale-y-50:hover {
-    --transform-scale-y: .5;
-  }
-
-  .xs\:hover\:scale-y-75:hover {
-    --transform-scale-y: .75;
-  }
-
-  .xs\:hover\:scale-y-90:hover {
-    --transform-scale-y: .9;
-  }
-
-  .xs\:hover\:scale-y-95:hover {
-    --transform-scale-y: .95;
-  }
-
-  .xs\:hover\:scale-y-100:hover {
-    --transform-scale-y: 1;
-  }
-
-  .xs\:hover\:scale-y-105:hover {
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:hover\:scale-y-110:hover {
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:hover\:scale-y-125:hover {
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:hover\:scale-y-150:hover {
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:focus\:scale-0:focus {
-    --transform-scale-x: 0;
-    --transform-scale-y: 0;
-  }
-
-  .xs\:focus\:scale-50:focus {
-    --transform-scale-x: .5;
-    --transform-scale-y: .5;
-  }
-
-  .xs\:focus\:scale-75:focus {
-    --transform-scale-x: .75;
-    --transform-scale-y: .75;
-  }
-
-  .xs\:focus\:scale-90:focus {
-    --transform-scale-x: .9;
-    --transform-scale-y: .9;
-  }
-
-  .xs\:focus\:scale-95:focus {
-    --transform-scale-x: .95;
-    --transform-scale-y: .95;
-  }
-
-  .xs\:focus\:scale-100:focus {
-    --transform-scale-x: 1;
-    --transform-scale-y: 1;
-  }
-
-  .xs\:focus\:scale-105:focus {
-    --transform-scale-x: 1.05;
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:focus\:scale-110:focus {
-    --transform-scale-x: 1.1;
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:focus\:scale-125:focus {
-    --transform-scale-x: 1.25;
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:focus\:scale-150:focus {
-    --transform-scale-x: 1.5;
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:focus\:scale-x-0:focus {
-    --transform-scale-x: 0;
-  }
-
-  .xs\:focus\:scale-x-50:focus {
-    --transform-scale-x: .5;
-  }
-
-  .xs\:focus\:scale-x-75:focus {
-    --transform-scale-x: .75;
-  }
-
-  .xs\:focus\:scale-x-90:focus {
-    --transform-scale-x: .9;
-  }
-
-  .xs\:focus\:scale-x-95:focus {
-    --transform-scale-x: .95;
-  }
-
-  .xs\:focus\:scale-x-100:focus {
-    --transform-scale-x: 1;
-  }
-
-  .xs\:focus\:scale-x-105:focus {
-    --transform-scale-x: 1.05;
-  }
-
-  .xs\:focus\:scale-x-110:focus {
-    --transform-scale-x: 1.1;
-  }
-
-  .xs\:focus\:scale-x-125:focus {
-    --transform-scale-x: 1.25;
-  }
-
-  .xs\:focus\:scale-x-150:focus {
-    --transform-scale-x: 1.5;
-  }
-
-  .xs\:focus\:scale-y-0:focus {
-    --transform-scale-y: 0;
-  }
-
-  .xs\:focus\:scale-y-50:focus {
-    --transform-scale-y: .5;
-  }
-
-  .xs\:focus\:scale-y-75:focus {
-    --transform-scale-y: .75;
-  }
-
-  .xs\:focus\:scale-y-90:focus {
-    --transform-scale-y: .9;
-  }
-
-  .xs\:focus\:scale-y-95:focus {
-    --transform-scale-y: .95;
-  }
-
-  .xs\:focus\:scale-y-100:focus {
-    --transform-scale-y: 1;
-  }
-
-  .xs\:focus\:scale-y-105:focus {
-    --transform-scale-y: 1.05;
-  }
-
-  .xs\:focus\:scale-y-110:focus {
-    --transform-scale-y: 1.1;
-  }
-
-  .xs\:focus\:scale-y-125:focus {
-    --transform-scale-y: 1.25;
-  }
-
-  .xs\:focus\:scale-y-150:focus {
-    --transform-scale-y: 1.5;
-  }
-
-  .xs\:rotate-0 {
-    --transform-rotate: 0;
-  }
-
-  .xs\:rotate-1 {
-    --transform-rotate: 1deg;
-  }
-
-  .xs\:rotate-2 {
-    --transform-rotate: 2deg;
-  }
-
-  .xs\:rotate-3 {
-    --transform-rotate: 3deg;
-  }
-
-  .xs\:rotate-6 {
-    --transform-rotate: 6deg;
-  }
-
-  .xs\:rotate-12 {
-    --transform-rotate: 12deg;
-  }
-
-  .xs\:rotate-45 {
-    --transform-rotate: 45deg;
-  }
-
-  .xs\:rotate-90 {
-    --transform-rotate: 90deg;
-  }
-
-  .xs\:rotate-180 {
-    --transform-rotate: 180deg;
-  }
-
-  .xs\:-rotate-180 {
-    --transform-rotate: -180deg;
-  }
-
-  .xs\:-rotate-90 {
-    --transform-rotate: -90deg;
-  }
-
-  .xs\:-rotate-45 {
-    --transform-rotate: -45deg;
-  }
-
-  .xs\:-rotate-12 {
-    --transform-rotate: -12deg;
-  }
-
-  .xs\:-rotate-6 {
-    --transform-rotate: -6deg;
-  }
-
-  .xs\:-rotate-3 {
-    --transform-rotate: -3deg;
-  }
-
-  .xs\:-rotate-2 {
-    --transform-rotate: -2deg;
-  }
-
-  .xs\:-rotate-1 {
-    --transform-rotate: -1deg;
-  }
-
-  .xs\:hover\:rotate-0:hover {
-    --transform-rotate: 0;
-  }
-
-  .xs\:hover\:rotate-1:hover {
-    --transform-rotate: 1deg;
-  }
-
-  .xs\:hover\:rotate-2:hover {
-    --transform-rotate: 2deg;
-  }
-
-  .xs\:hover\:rotate-3:hover {
-    --transform-rotate: 3deg;
-  }
-
-  .xs\:hover\:rotate-6:hover {
-    --transform-rotate: 6deg;
-  }
-
-  .xs\:hover\:rotate-12:hover {
-    --transform-rotate: 12deg;
-  }
-
-  .xs\:hover\:rotate-45:hover {
-    --transform-rotate: 45deg;
-  }
-
-  .xs\:hover\:rotate-90:hover {
-    --transform-rotate: 90deg;
-  }
-
-  .xs\:hover\:rotate-180:hover {
-    --transform-rotate: 180deg;
-  }
-
-  .xs\:hover\:-rotate-180:hover {
-    --transform-rotate: -180deg;
-  }
-
-  .xs\:hover\:-rotate-90:hover {
-    --transform-rotate: -90deg;
-  }
-
-  .xs\:hover\:-rotate-45:hover {
-    --transform-rotate: -45deg;
-  }
-
-  .xs\:hover\:-rotate-12:hover {
-    --transform-rotate: -12deg;
-  }
-
-  .xs\:hover\:-rotate-6:hover {
-    --transform-rotate: -6deg;
-  }
-
-  .xs\:hover\:-rotate-3:hover {
-    --transform-rotate: -3deg;
-  }
-
-  .xs\:hover\:-rotate-2:hover {
-    --transform-rotate: -2deg;
-  }
-
-  .xs\:hover\:-rotate-1:hover {
-    --transform-rotate: -1deg;
-  }
-
-  .xs\:focus\:rotate-0:focus {
-    --transform-rotate: 0;
-  }
-
-  .xs\:focus\:rotate-1:focus {
-    --transform-rotate: 1deg;
-  }
-
-  .xs\:focus\:rotate-2:focus {
-    --transform-rotate: 2deg;
-  }
-
-  .xs\:focus\:rotate-3:focus {
-    --transform-rotate: 3deg;
-  }
-
-  .xs\:focus\:rotate-6:focus {
-    --transform-rotate: 6deg;
-  }
-
-  .xs\:focus\:rotate-12:focus {
-    --transform-rotate: 12deg;
-  }
-
-  .xs\:focus\:rotate-45:focus {
-    --transform-rotate: 45deg;
-  }
-
-  .xs\:focus\:rotate-90:focus {
-    --transform-rotate: 90deg;
-  }
-
-  .xs\:focus\:rotate-180:focus {
-    --transform-rotate: 180deg;
-  }
-
-  .xs\:focus\:-rotate-180:focus {
-    --transform-rotate: -180deg;
-  }
-
-  .xs\:focus\:-rotate-90:focus {
-    --transform-rotate: -90deg;
-  }
-
-  .xs\:focus\:-rotate-45:focus {
-    --transform-rotate: -45deg;
-  }
-
-  .xs\:focus\:-rotate-12:focus {
-    --transform-rotate: -12deg;
-  }
-
-  .xs\:focus\:-rotate-6:focus {
-    --transform-rotate: -6deg;
-  }
-
-  .xs\:focus\:-rotate-3:focus {
-    --transform-rotate: -3deg;
-  }
-
-  .xs\:focus\:-rotate-2:focus {
-    --transform-rotate: -2deg;
-  }
-
-  .xs\:focus\:-rotate-1:focus {
-    --transform-rotate: -1deg;
-  }
-
-  .xs\:translate-x-0 {
-    --transform-translate-x: 0;
-  }
-
-  .xs\:translate-x-1 {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xs\:translate-x-2 {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xs\:translate-x-3 {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xs\:translate-x-4 {
-    --transform-translate-x: 1rem;
-  }
-
-  .xs\:translate-x-5 {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xs\:translate-x-6 {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xs\:translate-x-8 {
-    --transform-translate-x: 2rem;
-  }
-
-  .xs\:translate-x-10 {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xs\:translate-x-12 {
-    --transform-translate-x: 3rem;
-  }
-
-  .xs\:translate-x-16 {
-    --transform-translate-x: 4rem;
-  }
-
-  .xs\:translate-x-20 {
-    --transform-translate-x: 5rem;
-  }
-
-  .xs\:translate-x-24 {
-    --transform-translate-x: 6rem;
-  }
-
-  .xs\:translate-x-32 {
-    --transform-translate-x: 8rem;
-  }
-
-  .xs\:translate-x-40 {
-    --transform-translate-x: 10rem;
-  }
-
-  .xs\:translate-x-48 {
-    --transform-translate-x: 12rem;
-  }
-
-  .xs\:translate-x-56 {
-    --transform-translate-x: 14rem;
-  }
-
-  .xs\:translate-x-64 {
-    --transform-translate-x: 16rem;
-  }
-
-  .xs\:translate-x-px {
-    --transform-translate-x: 1px;
-  }
-
-  .xs\:-translate-x-1 {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xs\:-translate-x-2 {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xs\:-translate-x-3 {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xs\:-translate-x-4 {
-    --transform-translate-x: -1rem;
-  }
-
-  .xs\:-translate-x-5 {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xs\:-translate-x-6 {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xs\:-translate-x-8 {
-    --transform-translate-x: -2rem;
-  }
-
-  .xs\:-translate-x-10 {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xs\:-translate-x-12 {
-    --transform-translate-x: -3rem;
-  }
-
-  .xs\:-translate-x-16 {
-    --transform-translate-x: -4rem;
-  }
-
-  .xs\:-translate-x-20 {
-    --transform-translate-x: -5rem;
-  }
-
-  .xs\:-translate-x-24 {
-    --transform-translate-x: -6rem;
-  }
-
-  .xs\:-translate-x-32 {
-    --transform-translate-x: -8rem;
-  }
-
-  .xs\:-translate-x-40 {
-    --transform-translate-x: -10rem;
-  }
-
-  .xs\:-translate-x-48 {
-    --transform-translate-x: -12rem;
-  }
-
-  .xs\:-translate-x-56 {
-    --transform-translate-x: -14rem;
-  }
-
-  .xs\:-translate-x-64 {
-    --transform-translate-x: -16rem;
-  }
-
-  .xs\:-translate-x-px {
-    --transform-translate-x: -1px;
-  }
-
-  .xs\:-translate-x-full {
-    --transform-translate-x: -100%;
-  }
-
-  .xs\:-translate-x-1\/2 {
-    --transform-translate-x: -50%;
-  }
-
-  .xs\:translate-x-1\/2 {
-    --transform-translate-x: 50%;
-  }
-
-  .xs\:translate-x-full {
-    --transform-translate-x: 100%;
-  }
-
-  .xs\:translate-y-0 {
-    --transform-translate-y: 0;
-  }
-
-  .xs\:translate-y-1 {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xs\:translate-y-2 {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xs\:translate-y-3 {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xs\:translate-y-4 {
-    --transform-translate-y: 1rem;
-  }
-
-  .xs\:translate-y-5 {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xs\:translate-y-6 {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xs\:translate-y-8 {
-    --transform-translate-y: 2rem;
-  }
-
-  .xs\:translate-y-10 {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xs\:translate-y-12 {
-    --transform-translate-y: 3rem;
-  }
-
-  .xs\:translate-y-16 {
-    --transform-translate-y: 4rem;
-  }
-
-  .xs\:translate-y-20 {
-    --transform-translate-y: 5rem;
-  }
-
-  .xs\:translate-y-24 {
-    --transform-translate-y: 6rem;
-  }
-
-  .xs\:translate-y-32 {
-    --transform-translate-y: 8rem;
-  }
-
-  .xs\:translate-y-40 {
-    --transform-translate-y: 10rem;
-  }
-
-  .xs\:translate-y-48 {
-    --transform-translate-y: 12rem;
-  }
-
-  .xs\:translate-y-56 {
-    --transform-translate-y: 14rem;
-  }
-
-  .xs\:translate-y-64 {
-    --transform-translate-y: 16rem;
-  }
-
-  .xs\:translate-y-px {
-    --transform-translate-y: 1px;
-  }
-
-  .xs\:-translate-y-1 {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xs\:-translate-y-2 {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xs\:-translate-y-3 {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xs\:-translate-y-4 {
-    --transform-translate-y: -1rem;
-  }
-
-  .xs\:-translate-y-5 {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xs\:-translate-y-6 {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xs\:-translate-y-8 {
-    --transform-translate-y: -2rem;
-  }
-
-  .xs\:-translate-y-10 {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xs\:-translate-y-12 {
-    --transform-translate-y: -3rem;
-  }
-
-  .xs\:-translate-y-16 {
-    --transform-translate-y: -4rem;
-  }
-
-  .xs\:-translate-y-20 {
-    --transform-translate-y: -5rem;
-  }
-
-  .xs\:-translate-y-24 {
-    --transform-translate-y: -6rem;
-  }
-
-  .xs\:-translate-y-32 {
-    --transform-translate-y: -8rem;
-  }
-
-  .xs\:-translate-y-40 {
-    --transform-translate-y: -10rem;
-  }
-
-  .xs\:-translate-y-48 {
-    --transform-translate-y: -12rem;
-  }
-
-  .xs\:-translate-y-56 {
-    --transform-translate-y: -14rem;
-  }
-
-  .xs\:-translate-y-64 {
-    --transform-translate-y: -16rem;
-  }
-
-  .xs\:-translate-y-px {
-    --transform-translate-y: -1px;
-  }
-
-  .xs\:-translate-y-full {
-    --transform-translate-y: -100%;
-  }
-
-  .xs\:-translate-y-1\/2 {
-    --transform-translate-y: -50%;
-  }
-
-  .xs\:translate-y-1\/2 {
-    --transform-translate-y: 50%;
-  }
-
-  .xs\:translate-y-full {
-    --transform-translate-y: 100%;
-  }
-
-  .xs\:hover\:translate-x-0:hover {
-    --transform-translate-x: 0;
-  }
-
-  .xs\:hover\:translate-x-1:hover {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xs\:hover\:translate-x-2:hover {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xs\:hover\:translate-x-3:hover {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xs\:hover\:translate-x-4:hover {
-    --transform-translate-x: 1rem;
-  }
-
-  .xs\:hover\:translate-x-5:hover {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xs\:hover\:translate-x-6:hover {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xs\:hover\:translate-x-8:hover {
-    --transform-translate-x: 2rem;
-  }
-
-  .xs\:hover\:translate-x-10:hover {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xs\:hover\:translate-x-12:hover {
-    --transform-translate-x: 3rem;
-  }
-
-  .xs\:hover\:translate-x-16:hover {
-    --transform-translate-x: 4rem;
-  }
-
-  .xs\:hover\:translate-x-20:hover {
-    --transform-translate-x: 5rem;
-  }
-
-  .xs\:hover\:translate-x-24:hover {
-    --transform-translate-x: 6rem;
-  }
-
-  .xs\:hover\:translate-x-32:hover {
-    --transform-translate-x: 8rem;
-  }
-
-  .xs\:hover\:translate-x-40:hover {
-    --transform-translate-x: 10rem;
-  }
-
-  .xs\:hover\:translate-x-48:hover {
-    --transform-translate-x: 12rem;
-  }
-
-  .xs\:hover\:translate-x-56:hover {
-    --transform-translate-x: 14rem;
-  }
-
-  .xs\:hover\:translate-x-64:hover {
-    --transform-translate-x: 16rem;
-  }
-
-  .xs\:hover\:translate-x-px:hover {
-    --transform-translate-x: 1px;
-  }
-
-  .xs\:hover\:-translate-x-1:hover {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xs\:hover\:-translate-x-2:hover {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xs\:hover\:-translate-x-3:hover {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xs\:hover\:-translate-x-4:hover {
-    --transform-translate-x: -1rem;
-  }
-
-  .xs\:hover\:-translate-x-5:hover {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xs\:hover\:-translate-x-6:hover {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xs\:hover\:-translate-x-8:hover {
-    --transform-translate-x: -2rem;
-  }
-
-  .xs\:hover\:-translate-x-10:hover {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xs\:hover\:-translate-x-12:hover {
-    --transform-translate-x: -3rem;
-  }
-
-  .xs\:hover\:-translate-x-16:hover {
-    --transform-translate-x: -4rem;
-  }
-
-  .xs\:hover\:-translate-x-20:hover {
-    --transform-translate-x: -5rem;
-  }
-
-  .xs\:hover\:-translate-x-24:hover {
-    --transform-translate-x: -6rem;
-  }
-
-  .xs\:hover\:-translate-x-32:hover {
-    --transform-translate-x: -8rem;
-  }
-
-  .xs\:hover\:-translate-x-40:hover {
-    --transform-translate-x: -10rem;
-  }
-
-  .xs\:hover\:-translate-x-48:hover {
-    --transform-translate-x: -12rem;
-  }
-
-  .xs\:hover\:-translate-x-56:hover {
-    --transform-translate-x: -14rem;
-  }
-
-  .xs\:hover\:-translate-x-64:hover {
-    --transform-translate-x: -16rem;
-  }
-
-  .xs\:hover\:-translate-x-px:hover {
-    --transform-translate-x: -1px;
-  }
-
-  .xs\:hover\:-translate-x-full:hover {
-    --transform-translate-x: -100%;
-  }
-
-  .xs\:hover\:-translate-x-1\/2:hover {
-    --transform-translate-x: -50%;
-  }
-
-  .xs\:hover\:translate-x-1\/2:hover {
-    --transform-translate-x: 50%;
-  }
-
-  .xs\:hover\:translate-x-full:hover {
-    --transform-translate-x: 100%;
-  }
-
-  .xs\:hover\:translate-y-0:hover {
-    --transform-translate-y: 0;
-  }
-
-  .xs\:hover\:translate-y-1:hover {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xs\:hover\:translate-y-2:hover {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xs\:hover\:translate-y-3:hover {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xs\:hover\:translate-y-4:hover {
-    --transform-translate-y: 1rem;
-  }
-
-  .xs\:hover\:translate-y-5:hover {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xs\:hover\:translate-y-6:hover {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xs\:hover\:translate-y-8:hover {
-    --transform-translate-y: 2rem;
-  }
-
-  .xs\:hover\:translate-y-10:hover {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xs\:hover\:translate-y-12:hover {
-    --transform-translate-y: 3rem;
-  }
-
-  .xs\:hover\:translate-y-16:hover {
-    --transform-translate-y: 4rem;
-  }
-
-  .xs\:hover\:translate-y-20:hover {
-    --transform-translate-y: 5rem;
-  }
-
-  .xs\:hover\:translate-y-24:hover {
-    --transform-translate-y: 6rem;
-  }
-
-  .xs\:hover\:translate-y-32:hover {
-    --transform-translate-y: 8rem;
-  }
-
-  .xs\:hover\:translate-y-40:hover {
-    --transform-translate-y: 10rem;
-  }
-
-  .xs\:hover\:translate-y-48:hover {
-    --transform-translate-y: 12rem;
-  }
-
-  .xs\:hover\:translate-y-56:hover {
-    --transform-translate-y: 14rem;
-  }
-
-  .xs\:hover\:translate-y-64:hover {
-    --transform-translate-y: 16rem;
-  }
-
-  .xs\:hover\:translate-y-px:hover {
-    --transform-translate-y: 1px;
-  }
-
-  .xs\:hover\:-translate-y-1:hover {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xs\:hover\:-translate-y-2:hover {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xs\:hover\:-translate-y-3:hover {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xs\:hover\:-translate-y-4:hover {
-    --transform-translate-y: -1rem;
-  }
-
-  .xs\:hover\:-translate-y-5:hover {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xs\:hover\:-translate-y-6:hover {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xs\:hover\:-translate-y-8:hover {
-    --transform-translate-y: -2rem;
-  }
-
-  .xs\:hover\:-translate-y-10:hover {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xs\:hover\:-translate-y-12:hover {
-    --transform-translate-y: -3rem;
-  }
-
-  .xs\:hover\:-translate-y-16:hover {
-    --transform-translate-y: -4rem;
-  }
-
-  .xs\:hover\:-translate-y-20:hover {
-    --transform-translate-y: -5rem;
-  }
-
-  .xs\:hover\:-translate-y-24:hover {
-    --transform-translate-y: -6rem;
-  }
-
-  .xs\:hover\:-translate-y-32:hover {
-    --transform-translate-y: -8rem;
-  }
-
-  .xs\:hover\:-translate-y-40:hover {
-    --transform-translate-y: -10rem;
-  }
-
-  .xs\:hover\:-translate-y-48:hover {
-    --transform-translate-y: -12rem;
-  }
-
-  .xs\:hover\:-translate-y-56:hover {
-    --transform-translate-y: -14rem;
-  }
-
-  .xs\:hover\:-translate-y-64:hover {
-    --transform-translate-y: -16rem;
-  }
-
-  .xs\:hover\:-translate-y-px:hover {
-    --transform-translate-y: -1px;
-  }
-
-  .xs\:hover\:-translate-y-full:hover {
-    --transform-translate-y: -100%;
-  }
-
-  .xs\:hover\:-translate-y-1\/2:hover {
-    --transform-translate-y: -50%;
-  }
-
-  .xs\:hover\:translate-y-1\/2:hover {
-    --transform-translate-y: 50%;
-  }
-
-  .xs\:hover\:translate-y-full:hover {
-    --transform-translate-y: 100%;
-  }
-
-  .xs\:focus\:translate-x-0:focus {
-    --transform-translate-x: 0;
-  }
-
-  .xs\:focus\:translate-x-1:focus {
-    --transform-translate-x: 0.25rem;
-  }
-
-  .xs\:focus\:translate-x-2:focus {
-    --transform-translate-x: 0.5rem;
-  }
-
-  .xs\:focus\:translate-x-3:focus {
-    --transform-translate-x: 0.75rem;
-  }
-
-  .xs\:focus\:translate-x-4:focus {
-    --transform-translate-x: 1rem;
-  }
-
-  .xs\:focus\:translate-x-5:focus {
-    --transform-translate-x: 1.25rem;
-  }
-
-  .xs\:focus\:translate-x-6:focus {
-    --transform-translate-x: 1.5rem;
-  }
-
-  .xs\:focus\:translate-x-8:focus {
-    --transform-translate-x: 2rem;
-  }
-
-  .xs\:focus\:translate-x-10:focus {
-    --transform-translate-x: 2.5rem;
-  }
-
-  .xs\:focus\:translate-x-12:focus {
-    --transform-translate-x: 3rem;
-  }
-
-  .xs\:focus\:translate-x-16:focus {
-    --transform-translate-x: 4rem;
-  }
-
-  .xs\:focus\:translate-x-20:focus {
-    --transform-translate-x: 5rem;
-  }
-
-  .xs\:focus\:translate-x-24:focus {
-    --transform-translate-x: 6rem;
-  }
-
-  .xs\:focus\:translate-x-32:focus {
-    --transform-translate-x: 8rem;
-  }
-
-  .xs\:focus\:translate-x-40:focus {
-    --transform-translate-x: 10rem;
-  }
-
-  .xs\:focus\:translate-x-48:focus {
-    --transform-translate-x: 12rem;
-  }
-
-  .xs\:focus\:translate-x-56:focus {
-    --transform-translate-x: 14rem;
-  }
-
-  .xs\:focus\:translate-x-64:focus {
-    --transform-translate-x: 16rem;
-  }
-
-  .xs\:focus\:translate-x-px:focus {
-    --transform-translate-x: 1px;
-  }
-
-  .xs\:focus\:-translate-x-1:focus {
-    --transform-translate-x: -0.25rem;
-  }
-
-  .xs\:focus\:-translate-x-2:focus {
-    --transform-translate-x: -0.5rem;
-  }
-
-  .xs\:focus\:-translate-x-3:focus {
-    --transform-translate-x: -0.75rem;
-  }
-
-  .xs\:focus\:-translate-x-4:focus {
-    --transform-translate-x: -1rem;
-  }
-
-  .xs\:focus\:-translate-x-5:focus {
-    --transform-translate-x: -1.25rem;
-  }
-
-  .xs\:focus\:-translate-x-6:focus {
-    --transform-translate-x: -1.5rem;
-  }
-
-  .xs\:focus\:-translate-x-8:focus {
-    --transform-translate-x: -2rem;
-  }
-
-  .xs\:focus\:-translate-x-10:focus {
-    --transform-translate-x: -2.5rem;
-  }
-
-  .xs\:focus\:-translate-x-12:focus {
-    --transform-translate-x: -3rem;
-  }
-
-  .xs\:focus\:-translate-x-16:focus {
-    --transform-translate-x: -4rem;
-  }
-
-  .xs\:focus\:-translate-x-20:focus {
-    --transform-translate-x: -5rem;
-  }
-
-  .xs\:focus\:-translate-x-24:focus {
-    --transform-translate-x: -6rem;
-  }
-
-  .xs\:focus\:-translate-x-32:focus {
-    --transform-translate-x: -8rem;
-  }
-
-  .xs\:focus\:-translate-x-40:focus {
-    --transform-translate-x: -10rem;
-  }
-
-  .xs\:focus\:-translate-x-48:focus {
-    --transform-translate-x: -12rem;
-  }
-
-  .xs\:focus\:-translate-x-56:focus {
-    --transform-translate-x: -14rem;
-  }
-
-  .xs\:focus\:-translate-x-64:focus {
-    --transform-translate-x: -16rem;
-  }
-
-  .xs\:focus\:-translate-x-px:focus {
-    --transform-translate-x: -1px;
-  }
-
-  .xs\:focus\:-translate-x-full:focus {
-    --transform-translate-x: -100%;
-  }
-
-  .xs\:focus\:-translate-x-1\/2:focus {
-    --transform-translate-x: -50%;
-  }
-
-  .xs\:focus\:translate-x-1\/2:focus {
-    --transform-translate-x: 50%;
-  }
-
-  .xs\:focus\:translate-x-full:focus {
-    --transform-translate-x: 100%;
-  }
-
-  .xs\:focus\:translate-y-0:focus {
-    --transform-translate-y: 0;
-  }
-
-  .xs\:focus\:translate-y-1:focus {
-    --transform-translate-y: 0.25rem;
-  }
-
-  .xs\:focus\:translate-y-2:focus {
-    --transform-translate-y: 0.5rem;
-  }
-
-  .xs\:focus\:translate-y-3:focus {
-    --transform-translate-y: 0.75rem;
-  }
-
-  .xs\:focus\:translate-y-4:focus {
-    --transform-translate-y: 1rem;
-  }
-
-  .xs\:focus\:translate-y-5:focus {
-    --transform-translate-y: 1.25rem;
-  }
-
-  .xs\:focus\:translate-y-6:focus {
-    --transform-translate-y: 1.5rem;
-  }
-
-  .xs\:focus\:translate-y-8:focus {
-    --transform-translate-y: 2rem;
-  }
-
-  .xs\:focus\:translate-y-10:focus {
-    --transform-translate-y: 2.5rem;
-  }
-
-  .xs\:focus\:translate-y-12:focus {
-    --transform-translate-y: 3rem;
-  }
-
-  .xs\:focus\:translate-y-16:focus {
-    --transform-translate-y: 4rem;
-  }
-
-  .xs\:focus\:translate-y-20:focus {
-    --transform-translate-y: 5rem;
-  }
-
-  .xs\:focus\:translate-y-24:focus {
-    --transform-translate-y: 6rem;
-  }
-
-  .xs\:focus\:translate-y-32:focus {
-    --transform-translate-y: 8rem;
-  }
-
-  .xs\:focus\:translate-y-40:focus {
-    --transform-translate-y: 10rem;
-  }
-
-  .xs\:focus\:translate-y-48:focus {
-    --transform-translate-y: 12rem;
-  }
-
-  .xs\:focus\:translate-y-56:focus {
-    --transform-translate-y: 14rem;
-  }
-
-  .xs\:focus\:translate-y-64:focus {
-    --transform-translate-y: 16rem;
-  }
-
-  .xs\:focus\:translate-y-px:focus {
-    --transform-translate-y: 1px;
-  }
-
-  .xs\:focus\:-translate-y-1:focus {
-    --transform-translate-y: -0.25rem;
-  }
-
-  .xs\:focus\:-translate-y-2:focus {
-    --transform-translate-y: -0.5rem;
-  }
-
-  .xs\:focus\:-translate-y-3:focus {
-    --transform-translate-y: -0.75rem;
-  }
-
-  .xs\:focus\:-translate-y-4:focus {
-    --transform-translate-y: -1rem;
-  }
-
-  .xs\:focus\:-translate-y-5:focus {
-    --transform-translate-y: -1.25rem;
-  }
-
-  .xs\:focus\:-translate-y-6:focus {
-    --transform-translate-y: -1.5rem;
-  }
-
-  .xs\:focus\:-translate-y-8:focus {
-    --transform-translate-y: -2rem;
-  }
-
-  .xs\:focus\:-translate-y-10:focus {
-    --transform-translate-y: -2.5rem;
-  }
-
-  .xs\:focus\:-translate-y-12:focus {
-    --transform-translate-y: -3rem;
-  }
-
-  .xs\:focus\:-translate-y-16:focus {
-    --transform-translate-y: -4rem;
-  }
-
-  .xs\:focus\:-translate-y-20:focus {
-    --transform-translate-y: -5rem;
-  }
-
-  .xs\:focus\:-translate-y-24:focus {
-    --transform-translate-y: -6rem;
-  }
-
-  .xs\:focus\:-translate-y-32:focus {
-    --transform-translate-y: -8rem;
-  }
-
-  .xs\:focus\:-translate-y-40:focus {
-    --transform-translate-y: -10rem;
-  }
-
-  .xs\:focus\:-translate-y-48:focus {
-    --transform-translate-y: -12rem;
-  }
-
-  .xs\:focus\:-translate-y-56:focus {
-    --transform-translate-y: -14rem;
-  }
-
-  .xs\:focus\:-translate-y-64:focus {
-    --transform-translate-y: -16rem;
-  }
-
-  .xs\:focus\:-translate-y-px:focus {
-    --transform-translate-y: -1px;
-  }
-
-  .xs\:focus\:-translate-y-full:focus {
-    --transform-translate-y: -100%;
-  }
-
-  .xs\:focus\:-translate-y-1\/2:focus {
-    --transform-translate-y: -50%;
-  }
-
-  .xs\:focus\:translate-y-1\/2:focus {
-    --transform-translate-y: 50%;
-  }
-
-  .xs\:focus\:translate-y-full:focus {
-    --transform-translate-y: 100%;
-  }
-
-  .xs\:skew-x-0 {
-    --transform-skew-x: 0;
-  }
-
-  .xs\:skew-x-1 {
-    --transform-skew-x: 1deg;
-  }
-
-  .xs\:skew-x-2 {
-    --transform-skew-x: 2deg;
-  }
-
-  .xs\:skew-x-3 {
-    --transform-skew-x: 3deg;
-  }
-
-  .xs\:skew-x-6 {
-    --transform-skew-x: 6deg;
-  }
-
-  .xs\:skew-x-12 {
-    --transform-skew-x: 12deg;
-  }
-
-  .xs\:-skew-x-12 {
-    --transform-skew-x: -12deg;
-  }
-
-  .xs\:-skew-x-6 {
-    --transform-skew-x: -6deg;
-  }
-
-  .xs\:-skew-x-3 {
-    --transform-skew-x: -3deg;
-  }
-
-  .xs\:-skew-x-2 {
-    --transform-skew-x: -2deg;
-  }
-
-  .xs\:-skew-x-1 {
-    --transform-skew-x: -1deg;
-  }
-
-  .xs\:skew-y-0 {
-    --transform-skew-y: 0;
-  }
-
-  .xs\:skew-y-1 {
-    --transform-skew-y: 1deg;
-  }
-
-  .xs\:skew-y-2 {
-    --transform-skew-y: 2deg;
-  }
-
-  .xs\:skew-y-3 {
-    --transform-skew-y: 3deg;
-  }
-
-  .xs\:skew-y-6 {
-    --transform-skew-y: 6deg;
-  }
-
-  .xs\:skew-y-12 {
-    --transform-skew-y: 12deg;
-  }
-
-  .xs\:-skew-y-12 {
-    --transform-skew-y: -12deg;
-  }
-
-  .xs\:-skew-y-6 {
-    --transform-skew-y: -6deg;
-  }
-
-  .xs\:-skew-y-3 {
-    --transform-skew-y: -3deg;
-  }
-
-  .xs\:-skew-y-2 {
-    --transform-skew-y: -2deg;
-  }
-
-  .xs\:-skew-y-1 {
-    --transform-skew-y: -1deg;
-  }
-
-  .xs\:hover\:skew-x-0:hover {
-    --transform-skew-x: 0;
-  }
-
-  .xs\:hover\:skew-x-1:hover {
-    --transform-skew-x: 1deg;
-  }
-
-  .xs\:hover\:skew-x-2:hover {
-    --transform-skew-x: 2deg;
-  }
-
-  .xs\:hover\:skew-x-3:hover {
-    --transform-skew-x: 3deg;
-  }
-
-  .xs\:hover\:skew-x-6:hover {
-    --transform-skew-x: 6deg;
-  }
-
-  .xs\:hover\:skew-x-12:hover {
-    --transform-skew-x: 12deg;
-  }
-
-  .xs\:hover\:-skew-x-12:hover {
-    --transform-skew-x: -12deg;
-  }
-
-  .xs\:hover\:-skew-x-6:hover {
-    --transform-skew-x: -6deg;
-  }
-
-  .xs\:hover\:-skew-x-3:hover {
-    --transform-skew-x: -3deg;
-  }
+.hover\:skew-y-1:hover {
+  --transform-skew-y: 1deg;
+}
 
-  .xs\:hover\:-skew-x-2:hover {
-    --transform-skew-x: -2deg;
-  }
+.hover\:skew-y-2:hover {
+  --transform-skew-y: 2deg;
+}
 
-  .xs\:hover\:-skew-x-1:hover {
-    --transform-skew-x: -1deg;
-  }
+.hover\:skew-y-3:hover {
+  --transform-skew-y: 3deg;
+}
 
-  .xs\:hover\:skew-y-0:hover {
-    --transform-skew-y: 0;
-  }
+.hover\:skew-y-6:hover {
+  --transform-skew-y: 6deg;
+}
 
-  .xs\:hover\:skew-y-1:hover {
-    --transform-skew-y: 1deg;
-  }
+.hover\:skew-y-12:hover {
+  --transform-skew-y: 12deg;
+}
 
-  .xs\:hover\:skew-y-2:hover {
-    --transform-skew-y: 2deg;
-  }
+.hover\:-skew-y-12:hover {
+  --transform-skew-y: -12deg;
+}
 
-  .xs\:hover\:skew-y-3:hover {
-    --transform-skew-y: 3deg;
-  }
+.hover\:-skew-y-6:hover {
+  --transform-skew-y: -6deg;
+}
 
-  .xs\:hover\:skew-y-6:hover {
-    --transform-skew-y: 6deg;
-  }
+.hover\:-skew-y-3:hover {
+  --transform-skew-y: -3deg;
+}
 
-  .xs\:hover\:skew-y-12:hover {
-    --transform-skew-y: 12deg;
-  }
+.hover\:-skew-y-2:hover {
+  --transform-skew-y: -2deg;
+}
 
-  .xs\:hover\:-skew-y-12:hover {
-    --transform-skew-y: -12deg;
-  }
+.hover\:-skew-y-1:hover {
+  --transform-skew-y: -1deg;
+}
 
-  .xs\:hover\:-skew-y-6:hover {
-    --transform-skew-y: -6deg;
-  }
+.focus\:skew-x-0:focus {
+  --transform-skew-x: 0;
+}
 
-  .xs\:hover\:-skew-y-3:hover {
-    --transform-skew-y: -3deg;
-  }
+.focus\:skew-x-1:focus {
+  --transform-skew-x: 1deg;
+}
 
-  .xs\:hover\:-skew-y-2:hover {
-    --transform-skew-y: -2deg;
-  }
+.focus\:skew-x-2:focus {
+  --transform-skew-x: 2deg;
+}
 
-  .xs\:hover\:-skew-y-1:hover {
-    --transform-skew-y: -1deg;
-  }
+.focus\:skew-x-3:focus {
+  --transform-skew-x: 3deg;
+}
 
-  .xs\:focus\:skew-x-0:focus {
-    --transform-skew-x: 0;
-  }
+.focus\:skew-x-6:focus {
+  --transform-skew-x: 6deg;
+}
 
-  .xs\:focus\:skew-x-1:focus {
-    --transform-skew-x: 1deg;
-  }
+.focus\:skew-x-12:focus {
+  --transform-skew-x: 12deg;
+}
 
-  .xs\:focus\:skew-x-2:focus {
-    --transform-skew-x: 2deg;
-  }
+.focus\:-skew-x-12:focus {
+  --transform-skew-x: -12deg;
+}
 
-  .xs\:focus\:skew-x-3:focus {
-    --transform-skew-x: 3deg;
-  }
+.focus\:-skew-x-6:focus {
+  --transform-skew-x: -6deg;
+}
 
-  .xs\:focus\:skew-x-6:focus {
-    --transform-skew-x: 6deg;
-  }
+.focus\:-skew-x-3:focus {
+  --transform-skew-x: -3deg;
+}
 
-  .xs\:focus\:skew-x-12:focus {
-    --transform-skew-x: 12deg;
-  }
+.focus\:-skew-x-2:focus {
+  --transform-skew-x: -2deg;
+}
 
-  .xs\:focus\:-skew-x-12:focus {
-    --transform-skew-x: -12deg;
-  }
+.focus\:-skew-x-1:focus {
+  --transform-skew-x: -1deg;
+}
 
-  .xs\:focus\:-skew-x-6:focus {
-    --transform-skew-x: -6deg;
-  }
+.focus\:skew-y-0:focus {
+  --transform-skew-y: 0;
+}
 
-  .xs\:focus\:-skew-x-3:focus {
-    --transform-skew-x: -3deg;
-  }
+.focus\:skew-y-1:focus {
+  --transform-skew-y: 1deg;
+}
 
-  .xs\:focus\:-skew-x-2:focus {
-    --transform-skew-x: -2deg;
-  }
+.focus\:skew-y-2:focus {
+  --transform-skew-y: 2deg;
+}
 
-  .xs\:focus\:-skew-x-1:focus {
-    --transform-skew-x: -1deg;
-  }
+.focus\:skew-y-3:focus {
+  --transform-skew-y: 3deg;
+}
 
-  .xs\:focus\:skew-y-0:focus {
-    --transform-skew-y: 0;
-  }
+.focus\:skew-y-6:focus {
+  --transform-skew-y: 6deg;
+}
 
-  .xs\:focus\:skew-y-1:focus {
-    --transform-skew-y: 1deg;
-  }
+.focus\:skew-y-12:focus {
+  --transform-skew-y: 12deg;
+}
 
-  .xs\:focus\:skew-y-2:focus {
-    --transform-skew-y: 2deg;
-  }
+.focus\:-skew-y-12:focus {
+  --transform-skew-y: -12deg;
+}
 
-  .xs\:focus\:skew-y-3:focus {
-    --transform-skew-y: 3deg;
-  }
+.focus\:-skew-y-6:focus {
+  --transform-skew-y: -6deg;
+}
 
-  .xs\:focus\:skew-y-6:focus {
-    --transform-skew-y: 6deg;
-  }
+.focus\:-skew-y-3:focus {
+  --transform-skew-y: -3deg;
+}
 
-  .xs\:focus\:skew-y-12:focus {
-    --transform-skew-y: 12deg;
-  }
+.focus\:-skew-y-2:focus {
+  --transform-skew-y: -2deg;
+}
 
-  .xs\:focus\:-skew-y-12:focus {
-    --transform-skew-y: -12deg;
-  }
+.focus\:-skew-y-1:focus {
+  --transform-skew-y: -1deg;
+}
 
-  .xs\:focus\:-skew-y-6:focus {
-    --transform-skew-y: -6deg;
-  }
+.transition-none {
+  transition-property: none;
+}
 
-  .xs\:focus\:-skew-y-3:focus {
-    --transform-skew-y: -3deg;
-  }
+.transition-all {
+  transition-property: all;
+}
 
-  .xs\:focus\:-skew-y-2:focus {
-    --transform-skew-y: -2deg;
-  }
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
 
-  .xs\:focus\:-skew-y-1:focus {
-    --transform-skew-y: -1deg;
-  }
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+}
 
-  .xs\:transition-none {
-    transition-property: none;
-  }
+.transition-opacity {
+  transition-property: opacity;
+}
 
-  .xs\:transition-all {
-    transition-property: all;
-  }
+.transition-shadow {
+  transition-property: box-shadow;
+}
 
-  .xs\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  }
+.transition-transform {
+  transition-property: transform;
+}
 
-  .xs\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
-  }
+.ease-linear {
+  transition-timing-function: linear;
+}
 
-  .xs\:transition-opacity {
-    transition-property: opacity;
-  }
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
 
-  .xs\:transition-shadow {
-    transition-property: box-shadow;
-  }
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 
-  .xs\:transition-transform {
-    transition-property: transform;
-  }
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 
-  .xs\:ease-linear {
-    transition-timing-function: linear;
-  }
+.duration-75 {
+  transition-duration: 75ms;
+}
 
-  .xs\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-  }
+.duration-100 {
+  transition-duration: 100ms;
+}
 
-  .xs\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
+.duration-150 {
+  transition-duration: 150ms;
+}
 
-  .xs\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
+.duration-200 {
+  transition-duration: 200ms;
+}
 
-  .xs\:duration-75 {
-    transition-duration: 75ms;
-  }
+.duration-300 {
+  transition-duration: 300ms;
+}
 
-  .xs\:duration-100 {
-    transition-duration: 100ms;
-  }
+.duration-500 {
+  transition-duration: 500ms;
+}
 
-  .xs\:duration-150 {
-    transition-duration: 150ms;
-  }
+.duration-700 {
+  transition-duration: 700ms;
+}
 
-  .xs\:duration-200 {
-    transition-duration: 200ms;
-  }
+.duration-1000 {
+  transition-duration: 1000ms;
+}
 
-  .xs\:duration-300 {
-    transition-duration: 300ms;
-  }
+.delay-75 {
+  transition-delay: 75ms;
+}
 
-  .xs\:duration-500 {
-    transition-duration: 500ms;
-  }
+.delay-100 {
+  transition-delay: 100ms;
+}
 
-  .xs\:duration-700 {
-    transition-duration: 700ms;
-  }
+.delay-150 {
+  transition-delay: 150ms;
+}
 
-  .xs\:duration-1000 {
-    transition-duration: 1000ms;
-  }
+.delay-200 {
+  transition-delay: 200ms;
+}
 
-  .xs\:delay-75 {
-    transition-delay: 75ms;
-  }
+.delay-300 {
+  transition-delay: 300ms;
+}
 
-  .xs\:delay-100 {
-    transition-delay: 100ms;
-  }
+.delay-500 {
+  transition-delay: 500ms;
+}
 
-  .xs\:delay-150 {
-    transition-delay: 150ms;
-  }
+.delay-700 {
+  transition-delay: 700ms;
+}
 
-  .xs\:delay-200 {
-    transition-delay: 200ms;
-  }
+.delay-1000 {
+  transition-delay: 1000ms;
+}
 
-  .xs\:delay-300 {
-    transition-delay: 300ms;
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
   }
+}
 
-  .xs\:delay-500 {
-    transition-delay: 500ms;
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
   }
+}
 
-  .xs\:delay-700 {
-    transition-delay: 700ms;
+@keyframes pulse {
+  50% {
+    opacity: .5;
   }
+}
 
-  .xs\:delay-1000 {
-    transition-delay: 1000ms;
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
   }
 
-  .xs\:animate-none {
-    animation: none;
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
   }
+}
 
-  .xs\:animate-spin {
-    animation: spin 1s linear infinite;
-  }
+.animate-none {
+  animation: none;
+}
 
-  .xs\:animate-ping {
-    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-  }
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
 
-  .xs\:animate-pulse {
-    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  }
+.animate-ping {
+  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+}
 
-  .xs\:animate-bounce {
-    animation: bounce 1s infinite;
-  }
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.animate-bounce {
+  animation: bounce 1s infinite;
 }
 
 @media (min-width: 640px) {
@@ -51674,20 +32740,6 @@ video {
     left: 0;
   }
 
-  .sm\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .sm\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .sm\:inset-auto {
     top: auto;
     right: auto;
@@ -51695,13 +32747,6 @@ video {
     left: auto;
   }
 
-  .sm\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .sm\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -51712,26 +32757,6 @@ video {
     left: 0;
   }
 
-  .sm\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .sm\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .sm\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .sm\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .sm\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -51742,16 +32767,6 @@ video {
     left: auto;
   }
 
-  .sm\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .sm\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .sm\:top-0 {
     top: 0;
   }
@@ -51768,38 +32783,6 @@ video {
     left: 0;
   }
 
-  .sm\:top-30 {
-    top: 30%;
-  }
-
-  .sm\:right-30 {
-    right: 30%;
-  }
-
-  .sm\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .sm\:left-30 {
-    left: 30%;
-  }
-
-  .sm\:top-60 {
-    top: 60%;
-  }
-
-  .sm\:right-60 {
-    right: 60%;
-  }
-
-  .sm\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .sm\:left-60 {
-    left: 60%;
-  }
-
   .sm\:top-auto {
     top: auto;
   }
@@ -51816,22 +32799,6 @@ video {
     left: auto;
   }
 
-  .sm\:top-1\/2 {
-    top: 50%;
-  }
-
-  .sm\:right-1\/2 {
-    right: 50%;
-  }
-
-  .sm\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .sm\:left-1\/2 {
-    left: 50%;
-  }
-
   .sm\:resize-none {
     resize: none;
   }
@@ -70509,20 +51476,6 @@ video {
     left: 0;
   }
 
-  .md\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .md\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .md\:inset-auto {
     top: auto;
     right: auto;
@@ -70530,13 +51483,6 @@ video {
     left: auto;
   }
 
-  .md\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .md\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -70547,26 +51493,6 @@ video {
     left: 0;
   }
 
-  .md\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .md\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .md\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .md\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .md\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -70577,16 +51503,6 @@ video {
     left: auto;
   }
 
-  .md\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .md\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .md\:top-0 {
     top: 0;
   }
@@ -70603,38 +51519,6 @@ video {
     left: 0;
   }
 
-  .md\:top-30 {
-    top: 30%;
-  }
-
-  .md\:right-30 {
-    right: 30%;
-  }
-
-  .md\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .md\:left-30 {
-    left: 30%;
-  }
-
-  .md\:top-60 {
-    top: 60%;
-  }
-
-  .md\:right-60 {
-    right: 60%;
-  }
-
-  .md\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .md\:left-60 {
-    left: 60%;
-  }
-
   .md\:top-auto {
     top: auto;
   }
@@ -70651,22 +51535,6 @@ video {
     left: auto;
   }
 
-  .md\:top-1\/2 {
-    top: 50%;
-  }
-
-  .md\:right-1\/2 {
-    right: 50%;
-  }
-
-  .md\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .md\:left-1\/2 {
-    left: 50%;
-  }
-
   .md\:resize-none {
     resize: none;
   }
@@ -89344,20 +70212,6 @@ video {
     left: 0;
   }
 
-  .lg\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .lg\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .lg\:inset-auto {
     top: auto;
     right: auto;
@@ -89365,13 +70219,6 @@ video {
     left: auto;
   }
 
-  .lg\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .lg\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -89382,26 +70229,6 @@ video {
     left: 0;
   }
 
-  .lg\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .lg\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .lg\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .lg\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .lg\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -89412,16 +70239,6 @@ video {
     left: auto;
   }
 
-  .lg\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .lg\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .lg\:top-0 {
     top: 0;
   }
@@ -89438,38 +70255,6 @@ video {
     left: 0;
   }
 
-  .lg\:top-30 {
-    top: 30%;
-  }
-
-  .lg\:right-30 {
-    right: 30%;
-  }
-
-  .lg\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .lg\:left-30 {
-    left: 30%;
-  }
-
-  .lg\:top-60 {
-    top: 60%;
-  }
-
-  .lg\:right-60 {
-    right: 60%;
-  }
-
-  .lg\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .lg\:left-60 {
-    left: 60%;
-  }
-
   .lg\:top-auto {
     top: auto;
   }
@@ -89486,22 +70271,6 @@ video {
     left: auto;
   }
 
-  .lg\:top-1\/2 {
-    top: 50%;
-  }
-
-  .lg\:right-1\/2 {
-    right: 50%;
-  }
-
-  .lg\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .lg\:left-1\/2 {
-    left: 50%;
-  }
-
   .lg\:resize-none {
     resize: none;
   }
@@ -108179,20 +88948,6 @@ video {
     left: 0;
   }
 
-  .xl\:inset-30 {
-    top: 30%;
-    right: 30%;
-    bottom: 30%;
-    left: 30%;
-  }
-
-  .xl\:inset-60 {
-    top: 60%;
-    right: 60%;
-    bottom: 60%;
-    left: 60%;
-  }
-
   .xl\:inset-auto {
     top: auto;
     right: auto;
@@ -108200,13 +88955,6 @@ video {
     left: auto;
   }
 
-  .xl\:inset-1\/2 {
-    top: 50%;
-    right: 50%;
-    bottom: 50%;
-    left: 50%;
-  }
-
   .xl\:inset-y-0 {
     top: 0;
     bottom: 0;
@@ -108217,26 +88965,6 @@ video {
     left: 0;
   }
 
-  .xl\:inset-y-30 {
-    top: 30%;
-    bottom: 30%;
-  }
-
-  .xl\:inset-x-30 {
-    right: 30%;
-    left: 30%;
-  }
-
-  .xl\:inset-y-60 {
-    top: 60%;
-    bottom: 60%;
-  }
-
-  .xl\:inset-x-60 {
-    right: 60%;
-    left: 60%;
-  }
-
   .xl\:inset-y-auto {
     top: auto;
     bottom: auto;
@@ -108247,16 +88975,6 @@ video {
     left: auto;
   }
 
-  .xl\:inset-y-1\/2 {
-    top: 50%;
-    bottom: 50%;
-  }
-
-  .xl\:inset-x-1\/2 {
-    right: 50%;
-    left: 50%;
-  }
-
   .xl\:top-0 {
     top: 0;
   }
@@ -108273,38 +88991,6 @@ video {
     left: 0;
   }
 
-  .xl\:top-30 {
-    top: 30%;
-  }
-
-  .xl\:right-30 {
-    right: 30%;
-  }
-
-  .xl\:bottom-30 {
-    bottom: 30%;
-  }
-
-  .xl\:left-30 {
-    left: 30%;
-  }
-
-  .xl\:top-60 {
-    top: 60%;
-  }
-
-  .xl\:right-60 {
-    right: 60%;
-  }
-
-  .xl\:bottom-60 {
-    bottom: 60%;
-  }
-
-  .xl\:left-60 {
-    left: 60%;
-  }
-
   .xl\:top-auto {
     top: auto;
   }
@@ -108321,22 +89007,6 @@ video {
     left: auto;
   }
 
-  .xl\:top-1\/2 {
-    top: 50%;
-  }
-
-  .xl\:right-1\/2 {
-    right: 50%;
-  }
-
-  .xl\:bottom-1\/2 {
-    bottom: 50%;
-  }
-
-  .xl\:left-1\/2 {
-    left: 50%;
-  }
-
   .xl\:resize-none {
     resize: none;
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index 4902e5d..188e578 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,7 +10,6 @@ module.exports = {
     separator: ':',
     theme: {
         screens: {
-            xs: [{ 'max': '639px' }],
             sm: '640px',
             md: '768px',
             lg: '1024px',
@@ -309,9 +308,6 @@ module.exports = {
         inset: {
             0: '0',
             auto: 'auto',
-            '1/2': '50%',
-            '60': '60%',
-            '30': '30%',
         },
         letterSpacing: {
             tighter: '-0.05em',

From 177739e86d9a73d1fe1d4556ff2cb7714e8f95d0 Mon Sep 17 00:00:00 2001
From: maqalaqil <maheralaqil1993@gmail.com>
Date: Tue, 17 Nov 2020 01:07:15 +0300
Subject: [PATCH 14/15] Revert "fix: edit some translation issues"

This reverts commit ef1ca5a5536e748b9152fb78cb47a3f83d246d88.
---
 package.json                                  |   2 +-
 src/components/ContactUs/ContactUsForm.jsx    |   4 +-
 src/components/Footer/Footer.jsx              |   2 +-
 .../MissedPersonOtherData.jsx                 |  32 ++-
 .../MissingPersonCard/MissingPersonCard.jsx   |   2 +-
 src/components/Search/Search.js               |   2 +-
 src/components/navbar/NavBar.jsx              |   2 +-
 .../ContactUs/ContactUsContainer.jsx          |   4 +-
 src/translations/ar/common.json               |  53 ++---
 src/translations/en/common.json               |  15 +-
 yarn.lock                                     | 182 +++++++++++-------
 11 files changed, 162 insertions(+), 138 deletions(-)

diff --git a/package.json b/package.json
index 207b16a..416b0de 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-elastic-carousel": "^0.9.1",
-    "react-i18next": "^11.7.3",
+    "react-i18next": "^9.0.10",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
     "react-scroll-up-button": "^1.6.4",
diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index 16a4f73..f3c7242 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -100,8 +100,8 @@ export default function ContactUsForm() {
           multi={false}
         />
         <Input
-          name="subject"
-          label={t('translation.subject')}
+          name={t('translation.subject')}
+          label="Subject"
           value={values.subject}
           onChange={handleInputChange}
           error={errors.subject}
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 5161f20..3b23add 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -78,7 +78,7 @@ const Footer = () => {
                 <p className="text-white uppercase	">
                   {' '}
                   <span className="mr mr-3 md:mr-5">
-                  {t('translation.followUs')}{' '}
+                  {t('translation.followUs')}:{' '}
                   </span>
                   <Icon path="#" srcName={facebook} srcAlt="facebook" />
                   <Icon path="#" srcName={twitter} srcAlt="twitter" />
diff --git a/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx b/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
index 2e8b8b5..0248130 100644
--- a/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
+++ b/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
@@ -3,32 +3,28 @@ import React from 'react';
 import RowOfData from '../RowOfData/RowOfData';
 import Data from '../../Data';
 
-import {useTranslation} from "react-i18next";
-
 const MissedPersonOtherData = () => {
-  const [t, i18n] = useTranslation('common');
-
   return (
     <div className="lg:w-2/4 ml-4 lg:ml-0">
       <div className="mb-4">
-        <p className="text-gray-500">{t('translation.informations')}</p>
+        <p className="text-gray-500">Informations</p>
         <hr className="x" />
       </div>
       {/* Informations Section */}
       <div className="flex flex-col text-sm sm:flex-row lg:text-md">
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label={t('translation.locationOfLossD')} data={Data[1].locationOfLose} />
-          <RowOfData label={t('translation.lostSinceD')} data={Data[1].lostSince} />
-          <RowOfData label={t('translation.ageD')} data={Data[1].age} />
-          <RowOfData label={t('translation.notesD')} data={Data[1].notes} />
+          <RowOfData label="Location of lose:" data={Data[1].locationOfLose} />
+          <RowOfData label="Lost since:" data={Data[1].lostSince} />
+          <RowOfData label="Age:" data={Data[1].age} />
+          <RowOfData label="Notes:" data={Data[1].notes} />
         </div>
 
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label={t('translation.lastPlaceSeenD')} data={Data[1].lastPlaceSeen} />
-          <RowOfData label={t('translation.lastUpdateD')} data={Data[1].lastUpdate} />
-          <RowOfData label={t('translation.genderD')} data={Data[1].gender} />
+          <RowOfData label="Last place seen:" data={Data[1].lastPlaceSeen} />
+          <RowOfData label="Last update:" data={Data[1].lastUpdate} />
+          <RowOfData label="Gender:" data={Data[1].gender} />
           <RowOfData
-            label={t('translation.specialSituationD')}
+            label="Special situation:"
             data={Data[1].specialSituation}
           />
         </div>
@@ -36,17 +32,17 @@ const MissedPersonOtherData = () => {
 
       {/* Poster and Contact Info Section */}
       <div className="my-4">
-        <p className="text-gray-500">{t('translation.posterAndContactInfo')}</p>
+        <p className="text-gray-500">Poster and Contact Info</p>
         <hr className="x" />
       </div>
       <div className="flex flex-col text-sm sm:flex-row lg:text-md mb-8 sm:mb-20">
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label={t('translation.nameD')} data={Data[1].contactName} />
-          <RowOfData label={t('translation.phoneNumberD')} data={Data[1].phoneNumber} />
+          <RowOfData label="Name:" data={Data[1].contactName} />
+          <RowOfData label="Phone number:" data={Data[1].phoneNumber} />
         </div>
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label={t('translation.relationshipD')} data={Data[1].realtionship} />
-          <RowOfData label={t('translation.phoneNumber2D')} data={Data[1].phoneNumber2} />
+          <RowOfData label="Realtionship:" data={Data[1].realtionship} />
+          <RowOfData label="Phone number 2:" data={Data[1].phoneNumber2} />
         </div>
       </div>
     </div>
diff --git a/src/components/MissingPersonCard/MissingPersonCard.jsx b/src/components/MissingPersonCard/MissingPersonCard.jsx
index 1c30997..fec608d 100644
--- a/src/components/MissingPersonCard/MissingPersonCard.jsx
+++ b/src/components/MissingPersonCard/MissingPersonCard.jsx
@@ -37,7 +37,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
         </div>
         <div className="px-6 py-4 text-left">
           <div className="font-bold text-xl mb-2">{cardInfo.userName}</div>
-          <p className="text-base font-light">{t('translation.lostSince:')}{`${cardInfo.lostSince}`}</p>
+          <p className="text-base font-light">{t('translation.lostSince')}{`${cardInfo.lostSince}`}</p>
         </div>
       </div>
     </div>
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index b4360a5..123013d 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -164,7 +164,7 @@ const Search = () => {
                 <TextField
                   id=""
                   className={Classes.goneMissingOnInput}
-                  label={t('translation.lostSince')}
+                  label="Gone missing on"
                   value={searchInfo.goneMissingOn}
                   onChange={function (e) {
                     handleUserInput('goneMissingOn', e.target.value);
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index de71a76..d11f4b1 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -195,7 +195,7 @@ const Navbar = (props) => {
                     alt="post icon"
                     className="pr-5 h-5"
                   ></img>
-                  {t('translation.post')}
+                  Post
                 </button>
               </Link>
             </li>
diff --git a/src/containers/ContactUs/ContactUsContainer.jsx b/src/containers/ContactUs/ContactUsContainer.jsx
index bc602e6..87149b5 100644
--- a/src/containers/ContactUs/ContactUsContainer.jsx
+++ b/src/containers/ContactUs/ContactUsContainer.jsx
@@ -2,12 +2,10 @@ import React from 'react';
 import ContactUsForm from '../../components/ContactUs/ContactUsForm';
 import contact from '../../images/contact.svg';
 import GridBg from '../../images/repeat-grid-4.svg';
-import {useTranslation} from "react-i18next";
 //This is the container of Contact Us page
 //It contans a vector and the form components
 //It imports ContactUsForm react components which grap all the comonents of contact us form
 export default function ContactUs() {
-  const [t, i18n] = useTranslation('common');
   return (
     <div className="items-center xl:h-screen lg:h-screen sm:h-auto h-auto xl:h-screen lg:h-screen xl:pl-12 xl:pr-12 lg:pl-10 lg:pr-10 sm:pl-8 sm:pr-8 pl-4 pr-4">
       <div className="flex  xl:flex-row lg:flex-row  flex-col sm:flex-col pl-12 pr-12 xl:space-x-8 lg:space-x-4 space-y-8 sm:space-y-8 ">
@@ -23,7 +21,7 @@ export default function ContactUs() {
           ></img>
 
           <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">
-          {t('translation.letsTalk')}
+            Let's talk
           </p>
           <ContactUsForm className="h-auto " />
         </div>
diff --git a/src/translations/ar/common.json b/src/translations/ar/common.json
index cf786f4..3b9c520 100644
--- a/src/translations/ar/common.json
+++ b/src/translations/ar/common.json
@@ -3,9 +3,9 @@
       "home": "الرئيسية",
       "missingPeople": "المفقودون",
       "aboutUs": "حول الموقع",
-      "contactUs": "تواصل بنا",
+      "contactUs": "اتصل بنا",
       "search": "ابحث",
-      "post": "انشر",
+      "post": "اعلن عن مفقود",
       "signInWithGoogle": "سجّل باستخدام جوجل",
       "signOut": "سجل الخروج",
       "quote": ".لقد ساعدني هذا الموقع في العثور على ابني ، وسأكون دائمًا ممتنًا لذلك", 
@@ -13,28 +13,29 @@
       "statisticsFoundPeople": "شخص وُجد",
       "statisticsNumberOfLost": "مفقود",
       "lostSomeone": "هل فقدت أحدهم؟",
-      "searchHereToFind": "ابحث عنه لإيجاده",
+      "searchHereToFind": "ابحث عنها لإيجاده/ا",
       "websiteBrief":
         ".موقعنا هو خدمة تصل المفقودين مع أي أحد يبحث عنهم. لدينا سيناريوهين في موقعنا، النوع الأولي يكون الشخص مفقودًا، والنوع الثاني يكون الشخص باحثًا عن أهله أو من يعوله",
-      "findMeButton": "جدني",
+      "findMeButton": "ابحث عني",
       "found": "موجود",
       "lost": "مفقود",
       "location": "الموقع",
       "age": "العمر",
-      "moreDetails": "المزيد من التفاصيل",
-      "moreMissingPeopleLink": "المزيد من المفقودين",
+      "moreDetails": "مزيدًا من التفاصيل",
+      "moreMissingPeopleLink": "مزيدًا من المفقودين",
       "links": "الروابط",
       "lostSince": "مفقود منذ",
       "letsTalk": "لنتحدث",
       "name": "الاسم",
       "fullName": "الاسم كاملاً",
-      "enterYourName": "أدخل اسمك",
+      "enterYourName": "ادخل اسمك",
       "email": "البريد الإلكتروني",
       "enterYourEmail": "أدخل بريدك الإلكتروني",
       "subject": "الموضوع",
       "message": "الرسالة",
-      "enterYourMessage": "اكتب رسالة",
+      "enterYourMessage": "اكتب رسالتك",
       "sendMessage": "ارسل الرسالة",
+      "goneMissingOn": "Gone missing on",
       "lastSeenAt": "شوهد آخر مرة في",
       "gender": "النوع",
       "male": "ذكر",
@@ -46,14 +47,14 @@
       "clear": "امسح",
       "send": "ارسل",
       "addAMissingPerson": "أضف شخص مفقود",
-      "showMore": "أظهر المزيد",
+      "showMore": "أضهر المزيد",
       "firstName": "الإسم الأول",
       "secondName": "الإسم الثاني",
       "thirdName": "الإسم الثالث",
       "surname": "اللقب",
-      "phoneNumber": "رقم الهاتف",
-      "phoneNumber2": "رقم الهاتف 2",
-      "locationOfLoss": "فُقد في",
+      "phoneNumber": "رقم التلفون",
+      "phoneNumber2": "رقم التلفون 2",
+      "locationOfLoss": "مكان الذي ضاع فيه",
       "lastPlaceSeen": "آخر مكان شوهد فيه",
       "lastUpdate": "اخر تحديث",
       "relationship": "العلاقة",
@@ -63,39 +64,27 @@
       "markedFieldsAreRequired": "الحقول المعلمة مطلوبة",
       "cancel": "الغي",
       "save": "حفظ",
-      "informations": "بيانات المفقود",
-      "locationOfLossD": "فُقد في:",
-      "lastPlaceSeenD": "آخر مكان شوهد فيه:",
-      "lostSinceD": "مفقود منذ:",
-      "lastUpdateD": "اخر تحديث:",
-      "ageD": "العمر:",
-      "genderD": "النوع:",
-      "notesD": "ملاحظات:",
-      "specialSituationD": "حالة خاصة:",
-      "nameD": "الاسم:",
-      "relationshipD": "العلاقة:",
-      "phoneNumberD": "رقم الهاتف:",
-      "phoneNumber2D": "رقم الهاتف 2:",
-      "posterAndContactInfo": "بيانات الناشر",
+      "informations": "معلومات",
+      "posterAndContactInfo": "معلومات الناشر",
       "aboutTheWebsite": "حول الموقع",
       "aboutFindMe": "©حول جدني",
-      "aboutTheWebsiteParagraph": "نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير،هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة،الأمر الذي سيساعد بلادنا على المدى الطويل ",
+      "aboutTheWebsiteParagraph": ".نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير.هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة. الأمر الذي سيساعد بلادنا على المدى الطويل ",
       "aBigThanksFor": ": شكراً جزيلاً لـ",
-      "aBigThanksForPara": "خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
+      "aBigThanksForPara": ".خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
       "mohamed": "محمد العودي",
       "maher": "ماهر العاقل",
       "salah": "صلاح الظافري",
       "muhanned": "مهند نعمان",
-      "andAllRecodedTeam": "وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
+      "andAllRecodedTeam": ".وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
       "ourStory": "قصتنا",
-      "aboutFindMePara": "جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين،سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
+      "aboutFindMePara": ".جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين. سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
       "abdulateefAlradaee": "عبداللطيف الرداعي",
       "ahmedAlMajidi": "أحمد المجيدي",
       "asmaKolaib": "أسماء كليب",
       "basilHomadi": "باسل حمادي",
-      "sondosAhmed": "سندس أحمد",
+      "sondosAhmed": "ٍسندس أحمد",
       "watheqAlshowaiter": "واثق الشويطر",
-      "footerWebsiteBrief": "موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
+      "footerWebsiteBrief": ".موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
       "followUs": "تابعنا على وسائل التواصل الإجتماعي"
     }
 }
\ No newline at end of file
diff --git a/src/translations/en/common.json b/src/translations/en/common.json
index 8af299d..ff2fd59 100644
--- a/src/translations/en/common.json
+++ b/src/translations/en/common.json
@@ -34,6 +34,7 @@
       "message": "Message",
       "enterYourMessage": "Enter your message",
       "sendMessage": "Send Message",
+      "goneMissingOn": "Gone missing on",
       "lastSeenAt": "Last seen at",
       "gender": "Gender",
       "male": "Male",
@@ -64,18 +65,6 @@
       "cancel": "Cancel",
       "save": "Save",
       "informations": "Informations",
-      "locationOfLossD": "Location of Loss:",
-      "lastPlaceSeenD": "Last Place Seen:",
-      "lostSinceD": "Lost since:",
-      "lastUpdateD": "Lost since:",
-      "ageD": "Age:",
-      "genderD": "Gender:",
-      "notesD": "Notes:",
-      "specialSituationD": "Special situation:",
-      "nameD": "Name:",
-      "relationshipD": "Relationship:",
-      "phoneNumberD": "Phone number:",
-      "phoneNumber2D": "Phone number 2:",
       "posterAndContactInfo": "Poster and Contact Info",
       "aboutTheWebsite": "About the Website",
       "aboutFindMe": "About Find Me ©",
@@ -96,6 +85,6 @@
       "sondosAhmed": "Sondos Ahmed",
       "watheqAlshowaiter": "Watheq Alshowaiter",
       "footerWebsiteBrief": "Our website is a service that connects lost people with anyone who is looking for them. We have two scenarios on our website of loss, the first type is a lost person and the other type is people who are found but missing their relatives or anyone that takes care of them.",
-      "followUs": "follow us on social media: "
+      "followUs": "follow us on social media"
     }
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 4b66216..c0adae2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1248,10 +1248,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/auth-types/-/auth-types-0.10.1.tgz#7815e71c9c6f072034415524b29ca8f1d1770660"
   integrity sha512-/+gBHb1O9x/YlG7inXfxff/6X3BPZt4zgBv4kql6HEmdzNQCodIRlEYnI+/da+lN+dha7PjaFH7C7ewMmfV7rw==
 
-"@firebase/auth@0.15.2":
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.15.2.tgz#9ada3f37620d131a1c56994138a599b5c9f9ca2e"
-  integrity sha512-2n32PBi6x9jVhc0E/ewKLUCYYTzFEXL4PNkvrrlGKbzeTBEkkyzfgUX7OV9UF5wUOG+gurtUthuur1zspZ/9hg==
+"@firebase/auth@0.15.1":
+  version "0.15.1"
+  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.15.1.tgz#2e0e7397d6f754d81916babd9bce21a51f4b25a3"
+  integrity sha512-qVJTmq/6l3/o6V93nAD+n1ExTywbKEFYbuuI1TZIUryy5KSXOFnxilmZI4yJeQSZ3ee06YiJsIRYRaYUeg6JQQ==
   dependencies:
     "@firebase/auth-types" "0.10.1"
 
@@ -1288,10 +1288,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/firestore-types/-/firestore-types-2.0.0.tgz#1f6212553b240f1a8905bb8dcf1f87769138c5c0"
   integrity sha512-ZGb7p1SSQJP0Z+kc9GAUi+Fx5rJatFddBrS1ikkayW+QHfSIz0omU23OgSHcBGTxe8dJCeKiKA2Yf+tkDKO/LA==
 
-"@firebase/firestore@2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-2.0.2.tgz#300e7430a08d8c8779471e43c892a2cefe405b62"
-  integrity sha512-6kO/vWUmTOANA/ql+i16DFMc63gamU76Nycyt7k0r8QfcdXu93Cwizw4ff4DNMnpnkAJkTk36fPAxBxEvBXkzw==
+"@firebase/firestore@2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-2.0.1.tgz#2d4734ecd5d165582eedea8487849c5535a55c0e"
+  integrity sha512-7WMv3b+2P/6SOE0RxPB+S6k75/vYTDhOpPBp6JH6nPQjS9mGtR9m0adKtXjOBBugcbK6sBgPMzxmQGwQl8lW4w==
   dependencies:
     "@firebase/component" "0.1.21"
     "@firebase/firestore-types" "2.0.0"
@@ -1405,10 +1405,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/storage-types/-/storage-types-0.3.13.tgz#cd43e939a2ab5742e109eb639a313673a48b5458"
   integrity sha512-pL7b8d5kMNCCL0w9hF7pr16POyKkb3imOW7w0qYrhBnbyJTdVxMWZhb0HxCFyQWC0w3EiIFFmxoz8NTFZDEFog==
 
-"@firebase/storage@0.4.2":
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.4.2.tgz#bc5924b87bd2fdd4ab0de49851c0125ebc236b89"
-  integrity sha512-87CrvKrf8kijVekRBmUs8htsNz7N5X/pDhv3BvJBqw8K65GsUolpyjx0f4QJRkCRUYmh3MSkpa5P08lpVbC6nQ==
+"@firebase/storage@0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.4.1.tgz#b86973a8ab3ef52f38d6463fcc7613f5801ff8e4"
+  integrity sha512-/l05Dn3UYynPELt0ZFJz24H49sQ8c8KnOEGR/Pk1AOjLmc71vjjobVEkgkHyy1eyfmYuAZtsc6ePOwc89YnBTg==
   dependencies:
     "@firebase/component" "0.1.21"
     "@firebase/storage-types" "0.3.13"
@@ -1436,12 +1436,13 @@
     purgecss "^2.3.0"
 
 "@grpc/grpc-js@^1.0.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.2.0.tgz#4ff1ac4cdf7eb2af80d3c67316be9c2308d8d9bf"
-  integrity sha512-09H50V7rmz0gFrGz6IbP49z9A8+2p4yZYcNDEb7bytr90vWn52VBQE1a+LMBlrucmNN0wSsiCr3TJx+dStHTng==
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.1.8.tgz#2845f0fc3d1bfbb150ed7a78a76bdf41b126d367"
+  integrity sha512-64hg5rmEm6F/NvlWERhHmmgxbWU8nD2TMWE+9TvG7/WcOrFT3fzg/Uu631pXRFwmJ4aWO/kp9vVSlr8FUjBDLA==
   dependencies:
+    "@grpc/proto-loader" "^0.6.0-pre14"
     "@types/node" "^12.12.47"
-    google-auth-library "^6.1.1"
+    google-auth-library "^6.0.0"
     semver "^6.2.0"
 
 "@grpc/proto-loader@^0.5.0":
@@ -1452,6 +1453,17 @@
     lodash.camelcase "^4.3.0"
     protobufjs "^6.8.6"
 
+"@grpc/proto-loader@^0.6.0-pre14":
+  version "0.6.0-pre9"
+  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.6.0-pre9.tgz#0c6fe42f6c5ef9ce1b3cef7be64d5b09d6fe4d6d"
+  integrity sha512-oM+LjpEjNzW5pNJjt4/hq1HYayNeQT+eGrOPABJnYHv7TyNPDNzkQ76rDYZF86X5swJOa4EujEMzQ9iiTdPgww==
+  dependencies:
+    "@types/long" "^4.0.1"
+    lodash.camelcase "^4.3.0"
+    long "^4.0.0"
+    protobufjs "^6.9.0"
+    yargs "^15.3.1"
+
 "@hapi/address@2.x.x":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
@@ -2010,9 +2022,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__template@*":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.0.tgz#0c888dd70b3ee9eebb6e4f200e809da0076262be"
-  integrity sha512-NTPErx4/FiPCGScH7foPyr+/1Dkzkni+rHiYHHoTjvwou7AQzJkNeD60A9CXRy+ZEN2B1bggmkTMCDb+Mv5k+A==
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.3.tgz#b8aaeba0a45caca7b56a5de9459872dde3727214"
+  integrity sha512-uCoznIPDmnickEi6D0v11SBpW0OuVqHJCa7syXqQHy5uktSCreIlt0iglsCnmvz8yCb38hGcWeseA8cWJSwv5Q==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
@@ -3034,9 +3046,9 @@ balanced-match@^1.0.0:
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
 base64-js@^1.0.2, base64-js@^1.3.0:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.0.tgz#2d03045876d9e2b68a7a0f87d6bd163595e3b6af"
+  integrity sha512-Jrdy04F2EKcNggUDfubMUPNAZg2vMquLQSm8sKLYJvz40ClFL1S8GKyDshGkNsbNNE5Z+fQavzU7nSK1I9JUGA==
 
 base@^0.11.1:
   version "0.11.2"
@@ -3107,7 +3119,7 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
   integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
 
-bn.js@^5.0.0, bn.js@^5.1.1:
+bn.js@^5.1.1:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
   integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
@@ -3225,11 +3237,11 @@ browserify-des@^1.0.0:
     safe-buffer "^5.1.2"
 
 browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
-  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
   dependencies:
-    bn.js "^5.0.0"
+    bn.js "^4.1.0"
     randombytes "^2.0.1"
 
 browserify-sign@^4.0.0:
@@ -3475,9 +3487,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001157:
-  version "1.0.30001158"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001158.tgz#fce86d321369603c2bc855ee0e901a7f49f8310b"
-  integrity sha512-s5loVYY+yKpuVA3HyW8BarzrtJvwHReuzugQXlv1iR3LKSReoFXRm86mT6hT7PEF5RxW+XQZg+6nYjlywYzQ+g==
+  version "1.0.30001157"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001157.tgz#2d11aaeb239b340bc1aa730eca18a37fdb07a9ab"
+  integrity sha512-gOerH9Wz2IRZ2ZPdMfBvyOi3cjaz4O4dgNwPGzx8EhqAs4+2IL/O+fJsbt+znSigujoZG8bVcIAUM/I/E5K3MA==
 
 capture-exit@^2.0.0:
   version "2.0.0"
@@ -3662,6 +3674,15 @@ cliui@^5.0.0:
     strip-ansi "^5.2.0"
     wrap-ansi "^5.1.0"
 
+cliui@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
+  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^6.2.0"
+
 cliui@^7.0.2:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
@@ -4209,9 +4230,9 @@ css-tree@1.0.0-alpha.37:
     source-map "^0.6.1"
 
 css-tree@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.1.tgz#7726678dfe2a57993a018d9dce519bf1760e3b6d"
-  integrity sha512-WroX+2MvsYcRGP8QA0p+rxzOniT/zpAoQ/DTKDSJzh5T3IQKUkFHeIIfgIapm2uaP178GWY3Mime1qbk8GO/tA==
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0.tgz#21993fa270d742642a90409a2c0cb3ac0298adf6"
+  integrity sha512-CdVYz/Yuqw0VdKhXPBIgi8DO3NicJVYZNWeX9XcIuSp9ZoFT5IcleVRW07O5rMjdcx1mb+MEJPknTTEW7DdsYw==
   dependencies:
     mdn-data "2.0.12"
     source-map "^0.6.1"
@@ -4357,14 +4378,14 @@ cssstyle@^1.0.0, cssstyle@^1.1.1:
     cssom "0.3.x"
 
 csstype@^2.5.2:
-  version "2.6.14"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.14.tgz#004822a4050345b55ad4dcc00be1d9cf2f4296de"
-  integrity sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A==
+  version "2.6.13"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
+  integrity sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==
 
 csstype@^3.0.2:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.5.tgz#7fdec6a28a67ae18647c51668a9ff95bb2fa7bb8"
-  integrity sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ==
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.4.tgz#b156d7be03b84ff425c9a0a4b1e5f4da9c5ca888"
+  integrity sha512-xc8DUsCLmjvCfoD7LTGE0ou2MIWLx0K9RCZwSHMOdynqRsP4MtUcLeqh1HcQ2dInwDTqn+3CE0/FZh1et+p4jA==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
@@ -4800,9 +4821,9 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.378, electron-to-chromium@^1.3.591:
-  version "1.3.596"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.596.tgz#c7ed98512c7ff36ddcbfed9e54e6355335c35257"
-  integrity sha512-nLO2Wd2yU42eSoNJVQKNf89CcEGqeFZd++QsnN2XIgje1s/19AgctfjLIbPORlvcCO8sYjLwX4iUgDdusOY8Sg==
+  version "1.3.592"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.592.tgz#4621521b223bf6e5469373528321e185d3c24670"
+  integrity sha512-kGNowksvqQiPb1pUSQKpd8JFoGPLxYOwduNRCqCxGh/2Q1qE2JdmwouCW41lUzDxOb/2RIV4lR0tVIfboWlO9A==
 
 elliptic@^6.5.3:
   version "6.5.3"
@@ -4981,7 +5002,7 @@ escape-html@~1.0.3:
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
-escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0:
+escape-string-regexp@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
   integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
@@ -5746,7 +5767,7 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-up@4.1.0, find-up@^4.0.0:
+find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
@@ -5784,23 +5805,23 @@ find-versions@^3.2.0:
     semver-regex "^2.0.0"
 
 firebase@^8.0.1:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.0.2.tgz#7bc8a220ce6b206121c4a9740eca1ad4be23ff86"
-  integrity sha512-tPtXQ8sifo82f7bOxYcR/yEdJ4IbL4/fpQrophRHFAaYCsYGp2Q/c1zz0voX9cLap8MH2uwh5LIVBqZ8nyT5ZQ==
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.0.1.tgz#24836c654c8577abd640439a5f1bc707bbd9f236"
+  integrity sha512-7QQKw+ycoR3LhMlxhPM+ND1F2Fx1eDlf3E55xYbmooxFW1t0p94HNENBc3JZytR1H0VoG9nSm2QEHsdr/Ca1Rg==
   dependencies:
     "@firebase/analytics" "0.6.2"
     "@firebase/app" "0.6.13"
     "@firebase/app-types" "0.6.1"
-    "@firebase/auth" "0.15.2"
+    "@firebase/auth" "0.15.1"
     "@firebase/database" "0.7.1"
-    "@firebase/firestore" "2.0.2"
+    "@firebase/firestore" "2.0.1"
     "@firebase/functions" "0.6.1"
     "@firebase/installations" "0.4.19"
     "@firebase/messaging" "0.7.3"
     "@firebase/performance" "0.4.4"
     "@firebase/polyfill" "0.3.36"
     "@firebase/remote-config" "0.1.30"
-    "@firebase/storage" "0.4.2"
+    "@firebase/storage" "0.4.1"
     "@firebase/util" "0.3.4"
 
 flat-cache@^2.0.1:
@@ -6212,7 +6233,7 @@ globule@^1.0.0:
     lodash "~4.17.10"
     minimatch "~3.0.2"
 
-google-auth-library@^6.1.1:
+google-auth-library@^6.0.0:
   version "6.1.3"
   resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-6.1.3.tgz#39d868140b70d0c4b32c6f6d8f4ccc1400d84dca"
   integrity sha512-m9mwvY3GWbr7ZYEbl61isWmk+fvTmOt0YNUfPOUY2VH8K5pZlAIWJjxEi0PqR3OjMretyiQLI6GURMrPSwHQ2g==
@@ -6398,6 +6419,13 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
+hoist-non-react-statics@3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.2.1.tgz#c09c0555c84b38a7ede6912b61efddafd6e75e1e"
+  integrity sha512-TFsu3TV3YLY+zFTZDrN8L2DTFanObwmBLpWvJs1qfUuEQ5bTAdFcwfx2T/bsCXfM9QHSLvjfP+nihEl0yvozxw==
+  dependencies:
+    react-is "^16.3.2"
+
 hoist-non-react-statics@^2.3.1:
   version "2.5.5"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
@@ -10529,7 +10557,7 @@ prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2:
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-protobufjs@^6.8.6:
+protobufjs@^6.8.6, protobufjs@^6.9.0:
   version "6.10.1"
   resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-6.10.1.tgz#e6a484dd8f04b29629e9053344e3970cccf13cd2"
   integrity sha512-pb8kTchL+1Ceg4lFd5XUpK8PdWacbvV5SK2ULH2ebrYtl4GjJmS24m6CKME67jzV53tbJxHlnNOSqQHbTsR9JQ==
@@ -10761,9 +10789,9 @@ react-dom@^16.14.0:
     scheduler "^0.19.1"
 
 react-elastic-carousel@^0.9.1:
-  version "0.9.5"
-  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.5.tgz#09fe1d82638d32d36e53847dfaef893329edc726"
-  integrity sha512-U64QzuVPXEFJ+czzxgvMIGOSUKvC01Unl99gDzhdOj/Ypz1iVh49XBo428Z3LvIYx1n2CtrJFjpx0i2TBPD4Ug==
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.4.tgz#842ce633667e5dde3944999b4cc4138ad8da4d74"
+  integrity sha512-hritruwiAFp4/xcwv005rqxiwlIttcepDqhP9XMqioERRRRZED9Sl65l+7tl0B7wQH+M2Dfu3C82Josce6AWhQ==
   dependencies:
     classnames "^2.2.6"
     react-only-when "^1.0.2"
@@ -10775,15 +10803,16 @@ react-error-overlay@^6.0.7:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.8.tgz#474ed11d04fc6bda3af643447d85e9127ed6b5de"
   integrity sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==
 
-react-i18next@^11.7.3:
-  version "11.7.3"
-  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-11.7.3.tgz#256461c46baf5b3208c3c6860ca4e569fc7ed053"
-  integrity sha512-7sYZqVZgdaS9Z0ZH6nuJFErCD0zz5wK3jR4/xCrWjZcxHHF3GRu7BXdicbSPprZV4ZYz7LJzxxMHO7dg5Qb70A==
+react-i18next@^9.0.10:
+  version "9.0.10"
+  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-9.0.10.tgz#ba596b98e8dd06dbb805cf720147459ad55a3ada"
+  integrity sha512-xpeCWNut7ylQLs3Qqyo7dT13kgZbML1CdftbdnswLCv0RbRT16bRP16ma59iLe1KHIbn92VJo0Q8LSKYoXVNvg==
   dependencies:
     "@babel/runtime" "^7.3.1"
+    hoist-non-react-statics "3.2.1"
     html-parse-stringify2 "2.0.1"
 
-react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
+react-is@^16.12.0, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -12030,11 +12059,9 @@ stable@^0.1.8:
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.3.tgz#db7a475733b5b8bf6521907b18891d29006f7751"
-  integrity sha512-WldO+YmqhEpjp23eHZRhOT1NQF51STsbxZ+/AdpFD+EhheFxAe5d0WoK4DQVJkSHacPrJJX3OqRAl9CgHf78pg==
-  dependencies:
-    escape-string-regexp "^2.0.0"
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
+  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
 
 static-extend@^0.1.1:
   version "0.1.2"
@@ -13495,6 +13522,14 @@ yargs-parser@^13.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^18.1.2:
+  version "18.1.3"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^20.2.2:
   version "20.2.4"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
@@ -13516,6 +13551,23 @@ yargs@^13.3.0, yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
+yargs@^15.3.1:
+  version "15.4.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^18.1.2"
+
 yargs@^16.0.0:
   version "16.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.1.0.tgz#fc333fe4791660eace5a894b39d42f851cd48f2a"

From 467745452f6bba09c8db190bdddb93ae4b3051a4 Mon Sep 17 00:00:00 2001
From: maqalaqil <maheralaqil1993@gmail.com>
Date: Tue, 17 Nov 2020 01:18:29 +0300
Subject: [PATCH 15/15] revert

---
 package.json                                  |   2 +-
 src/components/ContactUs/ContactUsForm.jsx    |   4 +-
 src/components/Footer/Footer.jsx              |   2 +-
 .../MissedPersonOtherData.jsx                 |  32 +--
 .../MissingPersonCard/MissingPersonCard.jsx   |   2 +-
 src/components/Search/Search.js               |   2 +-
 src/components/navbar/NavBar.jsx              |   2 +-
 .../ContactUs/ContactUsContainer.jsx          |   4 +-
 src/translations/ar/common.json               |  53 +++--
 src/translations/en/common.json               |  15 +-
 yarn.lock                                     | 182 +++++++-----------
 11 files changed, 138 insertions(+), 162 deletions(-)

diff --git a/package.json b/package.json
index 416b0de..207b16a 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "react-elastic-carousel": "^0.9.1",
-    "react-i18next": "^9.0.10",
+    "react-i18next": "^11.7.3",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
     "react-scroll-up-button": "^1.6.4",
diff --git a/src/components/ContactUs/ContactUsForm.jsx b/src/components/ContactUs/ContactUsForm.jsx
index f3c7242..16a4f73 100644
--- a/src/components/ContactUs/ContactUsForm.jsx
+++ b/src/components/ContactUs/ContactUsForm.jsx
@@ -100,8 +100,8 @@ export default function ContactUsForm() {
           multi={false}
         />
         <Input
-          name={t('translation.subject')}
-          label="Subject"
+          name="subject"
+          label={t('translation.subject')}
           value={values.subject}
           onChange={handleInputChange}
           error={errors.subject}
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 3b23add..5161f20 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -78,7 +78,7 @@ const Footer = () => {
                 <p className="text-white uppercase	">
                   {' '}
                   <span className="mr mr-3 md:mr-5">
-                  {t('translation.followUs')}:{' '}
+                  {t('translation.followUs')}{' '}
                   </span>
                   <Icon path="#" srcName={facebook} srcAlt="facebook" />
                   <Icon path="#" srcName={twitter} srcAlt="twitter" />
diff --git a/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx b/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
index 0248130..2e8b8b5 100644
--- a/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
+++ b/src/components/MissedPersonOtherData/MissedPersonOtherData.jsx
@@ -3,28 +3,32 @@ import React from 'react';
 import RowOfData from '../RowOfData/RowOfData';
 import Data from '../../Data';
 
+import {useTranslation} from "react-i18next";
+
 const MissedPersonOtherData = () => {
+  const [t, i18n] = useTranslation('common');
+
   return (
     <div className="lg:w-2/4 ml-4 lg:ml-0">
       <div className="mb-4">
-        <p className="text-gray-500">Informations</p>
+        <p className="text-gray-500">{t('translation.informations')}</p>
         <hr className="x" />
       </div>
       {/* Informations Section */}
       <div className="flex flex-col text-sm sm:flex-row lg:text-md">
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Location of lose:" data={Data[1].locationOfLose} />
-          <RowOfData label="Lost since:" data={Data[1].lostSince} />
-          <RowOfData label="Age:" data={Data[1].age} />
-          <RowOfData label="Notes:" data={Data[1].notes} />
+          <RowOfData label={t('translation.locationOfLossD')} data={Data[1].locationOfLose} />
+          <RowOfData label={t('translation.lostSinceD')} data={Data[1].lostSince} />
+          <RowOfData label={t('translation.ageD')} data={Data[1].age} />
+          <RowOfData label={t('translation.notesD')} data={Data[1].notes} />
         </div>
 
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Last place seen:" data={Data[1].lastPlaceSeen} />
-          <RowOfData label="Last update:" data={Data[1].lastUpdate} />
-          <RowOfData label="Gender:" data={Data[1].gender} />
+          <RowOfData label={t('translation.lastPlaceSeenD')} data={Data[1].lastPlaceSeen} />
+          <RowOfData label={t('translation.lastUpdateD')} data={Data[1].lastUpdate} />
+          <RowOfData label={t('translation.genderD')} data={Data[1].gender} />
           <RowOfData
-            label="Special situation:"
+            label={t('translation.specialSituationD')}
             data={Data[1].specialSituation}
           />
         </div>
@@ -32,17 +36,17 @@ const MissedPersonOtherData = () => {
 
       {/* Poster and Contact Info Section */}
       <div className="my-4">
-        <p className="text-gray-500">Poster and Contact Info</p>
+        <p className="text-gray-500">{t('translation.posterAndContactInfo')}</p>
         <hr className="x" />
       </div>
       <div className="flex flex-col text-sm sm:flex-row lg:text-md mb-8 sm:mb-20">
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Name:" data={Data[1].contactName} />
-          <RowOfData label="Phone number:" data={Data[1].phoneNumber} />
+          <RowOfData label={t('translation.nameD')} data={Data[1].contactName} />
+          <RowOfData label={t('translation.phoneNumberD')} data={Data[1].phoneNumber} />
         </div>
         <div className="flex flex-col justify-center w-full md:w-2/4">
-          <RowOfData label="Realtionship:" data={Data[1].realtionship} />
-          <RowOfData label="Phone number 2:" data={Data[1].phoneNumber2} />
+          <RowOfData label={t('translation.relationshipD')} data={Data[1].realtionship} />
+          <RowOfData label={t('translation.phoneNumber2D')} data={Data[1].phoneNumber2} />
         </div>
       </div>
     </div>
diff --git a/src/components/MissingPersonCard/MissingPersonCard.jsx b/src/components/MissingPersonCard/MissingPersonCard.jsx
index fec608d..1c30997 100644
--- a/src/components/MissingPersonCard/MissingPersonCard.jsx
+++ b/src/components/MissingPersonCard/MissingPersonCard.jsx
@@ -37,7 +37,7 @@ const MissingPersonCard = ({ cardInfo, i }) => {
         </div>
         <div className="px-6 py-4 text-left">
           <div className="font-bold text-xl mb-2">{cardInfo.userName}</div>
-          <p className="text-base font-light">{t('translation.lostSince')}{`${cardInfo.lostSince}`}</p>
+          <p className="text-base font-light">{t('translation.lostSince:')}{`${cardInfo.lostSince}`}</p>
         </div>
       </div>
     </div>
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index 123013d..b4360a5 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -164,7 +164,7 @@ const Search = () => {
                 <TextField
                   id=""
                   className={Classes.goneMissingOnInput}
-                  label="Gone missing on"
+                  label={t('translation.lostSince')}
                   value={searchInfo.goneMissingOn}
                   onChange={function (e) {
                     handleUserInput('goneMissingOn', e.target.value);
diff --git a/src/components/navbar/NavBar.jsx b/src/components/navbar/NavBar.jsx
index d11f4b1..de71a76 100644
--- a/src/components/navbar/NavBar.jsx
+++ b/src/components/navbar/NavBar.jsx
@@ -195,7 +195,7 @@ const Navbar = (props) => {
                     alt="post icon"
                     className="pr-5 h-5"
                   ></img>
-                  Post
+                  {t('translation.post')}
                 </button>
               </Link>
             </li>
diff --git a/src/containers/ContactUs/ContactUsContainer.jsx b/src/containers/ContactUs/ContactUsContainer.jsx
index 87149b5..bc602e6 100644
--- a/src/containers/ContactUs/ContactUsContainer.jsx
+++ b/src/containers/ContactUs/ContactUsContainer.jsx
@@ -2,10 +2,12 @@ import React from 'react';
 import ContactUsForm from '../../components/ContactUs/ContactUsForm';
 import contact from '../../images/contact.svg';
 import GridBg from '../../images/repeat-grid-4.svg';
+import {useTranslation} from "react-i18next";
 //This is the container of Contact Us page
 //It contans a vector and the form components
 //It imports ContactUsForm react components which grap all the comonents of contact us form
 export default function ContactUs() {
+  const [t, i18n] = useTranslation('common');
   return (
     <div className="items-center xl:h-screen lg:h-screen sm:h-auto h-auto xl:h-screen lg:h-screen xl:pl-12 xl:pr-12 lg:pl-10 lg:pr-10 sm:pl-8 sm:pr-8 pl-4 pr-4">
       <div className="flex  xl:flex-row lg:flex-row  flex-col sm:flex-col pl-12 pr-12 xl:space-x-8 lg:space-x-4 space-y-8 sm:space-y-8 ">
@@ -21,7 +23,7 @@ export default function ContactUs() {
           ></img>
 
           <p className="xl:text-4xl lg:text-4xl md:text-4xl sm:text-3xl text-3xl mb-8 font-bold ">
-            Let's talk
+          {t('translation.letsTalk')}
           </p>
           <ContactUsForm className="h-auto " />
         </div>
diff --git a/src/translations/ar/common.json b/src/translations/ar/common.json
index 3b9c520..cf786f4 100644
--- a/src/translations/ar/common.json
+++ b/src/translations/ar/common.json
@@ -3,9 +3,9 @@
       "home": "الرئيسية",
       "missingPeople": "المفقودون",
       "aboutUs": "حول الموقع",
-      "contactUs": "اتصل بنا",
+      "contactUs": "تواصل بنا",
       "search": "ابحث",
-      "post": "اعلن عن مفقود",
+      "post": "انشر",
       "signInWithGoogle": "سجّل باستخدام جوجل",
       "signOut": "سجل الخروج",
       "quote": ".لقد ساعدني هذا الموقع في العثور على ابني ، وسأكون دائمًا ممتنًا لذلك", 
@@ -13,29 +13,28 @@
       "statisticsFoundPeople": "شخص وُجد",
       "statisticsNumberOfLost": "مفقود",
       "lostSomeone": "هل فقدت أحدهم؟",
-      "searchHereToFind": "ابحث عنها لإيجاده/ا",
+      "searchHereToFind": "ابحث عنه لإيجاده",
       "websiteBrief":
         ".موقعنا هو خدمة تصل المفقودين مع أي أحد يبحث عنهم. لدينا سيناريوهين في موقعنا، النوع الأولي يكون الشخص مفقودًا، والنوع الثاني يكون الشخص باحثًا عن أهله أو من يعوله",
-      "findMeButton": "ابحث عني",
+      "findMeButton": "جدني",
       "found": "موجود",
       "lost": "مفقود",
       "location": "الموقع",
       "age": "العمر",
-      "moreDetails": "مزيدًا من التفاصيل",
-      "moreMissingPeopleLink": "مزيدًا من المفقودين",
+      "moreDetails": "المزيد من التفاصيل",
+      "moreMissingPeopleLink": "المزيد من المفقودين",
       "links": "الروابط",
       "lostSince": "مفقود منذ",
       "letsTalk": "لنتحدث",
       "name": "الاسم",
       "fullName": "الاسم كاملاً",
-      "enterYourName": "ادخل اسمك",
+      "enterYourName": "أدخل اسمك",
       "email": "البريد الإلكتروني",
       "enterYourEmail": "أدخل بريدك الإلكتروني",
       "subject": "الموضوع",
       "message": "الرسالة",
-      "enterYourMessage": "اكتب رسالتك",
+      "enterYourMessage": "اكتب رسالة",
       "sendMessage": "ارسل الرسالة",
-      "goneMissingOn": "Gone missing on",
       "lastSeenAt": "شوهد آخر مرة في",
       "gender": "النوع",
       "male": "ذكر",
@@ -47,14 +46,14 @@
       "clear": "امسح",
       "send": "ارسل",
       "addAMissingPerson": "أضف شخص مفقود",
-      "showMore": "أضهر المزيد",
+      "showMore": "أظهر المزيد",
       "firstName": "الإسم الأول",
       "secondName": "الإسم الثاني",
       "thirdName": "الإسم الثالث",
       "surname": "اللقب",
-      "phoneNumber": "رقم التلفون",
-      "phoneNumber2": "رقم التلفون 2",
-      "locationOfLoss": "مكان الذي ضاع فيه",
+      "phoneNumber": "رقم الهاتف",
+      "phoneNumber2": "رقم الهاتف 2",
+      "locationOfLoss": "فُقد في",
       "lastPlaceSeen": "آخر مكان شوهد فيه",
       "lastUpdate": "اخر تحديث",
       "relationship": "العلاقة",
@@ -64,27 +63,39 @@
       "markedFieldsAreRequired": "الحقول المعلمة مطلوبة",
       "cancel": "الغي",
       "save": "حفظ",
-      "informations": "معلومات",
-      "posterAndContactInfo": "معلومات الناشر",
+      "informations": "بيانات المفقود",
+      "locationOfLossD": "فُقد في:",
+      "lastPlaceSeenD": "آخر مكان شوهد فيه:",
+      "lostSinceD": "مفقود منذ:",
+      "lastUpdateD": "اخر تحديث:",
+      "ageD": "العمر:",
+      "genderD": "النوع:",
+      "notesD": "ملاحظات:",
+      "specialSituationD": "حالة خاصة:",
+      "nameD": "الاسم:",
+      "relationshipD": "العلاقة:",
+      "phoneNumberD": "رقم الهاتف:",
+      "phoneNumber2D": "رقم الهاتف 2:",
+      "posterAndContactInfo": "بيانات الناشر",
       "aboutTheWebsite": "حول الموقع",
       "aboutFindMe": "©حول جدني",
-      "aboutTheWebsiteParagraph": ".نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير.هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة. الأمر الذي سيساعد بلادنا على المدى الطويل ",
+      "aboutTheWebsiteParagraph": "نحن مجموعة من الطلاب لدينا شغف بالبرمجة والتطوير،هذا الموقع هو أحد مشاريعنا المصنفة ضمن مشاريع الأمم المتحدة للتنمية المستدامة،الأمر الذي سيساعد بلادنا على المدى الطويل ",
       "aBigThanksFor": ": شكراً جزيلاً لـ",
-      "aBigThanksForPara": ".خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
+      "aBigThanksForPara": "خلال رحلتنا الطويلة في حل المشاكل وتعلم كيفية البرمجة ، هناك بعض الأسماء الخاصة التي تتألق مثل النجوم ، لتوجيهنا إلى الأراضي الآمنة. نحن ممتنون لهم حقًا لأنهم أمسكوا بأيدينا في الظلام الحالك",
       "mohamed": "محمد العودي",
       "maher": "ماهر العاقل",
       "salah": "صلاح الظافري",
       "muhanned": "مهند نعمان",
-      "andAllRecodedTeam": ".وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
+      "andAllRecodedTeam": "وكل عائلة ريكودد والتي بدونها لم نكن هنا اليوم",
       "ourStory": "قصتنا",
-      "aboutFindMePara": ".جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين. سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
+      "aboutFindMePara": "جدني © هو موقع ويب للمساعدة في العثور على الأشخاص المفقودين،سواءً كنت تبحث عن عائلتك أو تبحث عن شخص ضائع فقد جئت إلى المكان الصحيح ",
       "abdulateefAlradaee": "عبداللطيف الرداعي",
       "ahmedAlMajidi": "أحمد المجيدي",
       "asmaKolaib": "أسماء كليب",
       "basilHomadi": "باسل حمادي",
-      "sondosAhmed": "ٍسندس أحمد",
+      "sondosAhmed": "سندس أحمد",
       "watheqAlshowaiter": "واثق الشويطر",
-      "footerWebsiteBrief": ".موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
+      "footerWebsiteBrief": "موقعنا الإلكتروني هو خدمة تربط الأشخاص المفقودين بأي شخص يبحث عنهم. لدينا سيناريوهان على موقعنا للخسارة ، النوع الأول هو شخص ضائع والنوع الآخر هو الأشخاص الذين تم العثور عليهم ولكنهم فقدوا أقاربهم أو أي شخص يعتني بهم",
       "followUs": "تابعنا على وسائل التواصل الإجتماعي"
     }
 }
\ No newline at end of file
diff --git a/src/translations/en/common.json b/src/translations/en/common.json
index ff2fd59..8af299d 100644
--- a/src/translations/en/common.json
+++ b/src/translations/en/common.json
@@ -34,7 +34,6 @@
       "message": "Message",
       "enterYourMessage": "Enter your message",
       "sendMessage": "Send Message",
-      "goneMissingOn": "Gone missing on",
       "lastSeenAt": "Last seen at",
       "gender": "Gender",
       "male": "Male",
@@ -65,6 +64,18 @@
       "cancel": "Cancel",
       "save": "Save",
       "informations": "Informations",
+      "locationOfLossD": "Location of Loss:",
+      "lastPlaceSeenD": "Last Place Seen:",
+      "lostSinceD": "Lost since:",
+      "lastUpdateD": "Lost since:",
+      "ageD": "Age:",
+      "genderD": "Gender:",
+      "notesD": "Notes:",
+      "specialSituationD": "Special situation:",
+      "nameD": "Name:",
+      "relationshipD": "Relationship:",
+      "phoneNumberD": "Phone number:",
+      "phoneNumber2D": "Phone number 2:",
       "posterAndContactInfo": "Poster and Contact Info",
       "aboutTheWebsite": "About the Website",
       "aboutFindMe": "About Find Me ©",
@@ -85,6 +96,6 @@
       "sondosAhmed": "Sondos Ahmed",
       "watheqAlshowaiter": "Watheq Alshowaiter",
       "footerWebsiteBrief": "Our website is a service that connects lost people with anyone who is looking for them. We have two scenarios on our website of loss, the first type is a lost person and the other type is people who are found but missing their relatives or anyone that takes care of them.",
-      "followUs": "follow us on social media"
+      "followUs": "follow us on social media: "
     }
 }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index c0adae2..4b66216 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1248,10 +1248,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/auth-types/-/auth-types-0.10.1.tgz#7815e71c9c6f072034415524b29ca8f1d1770660"
   integrity sha512-/+gBHb1O9x/YlG7inXfxff/6X3BPZt4zgBv4kql6HEmdzNQCodIRlEYnI+/da+lN+dha7PjaFH7C7ewMmfV7rw==
 
-"@firebase/auth@0.15.1":
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.15.1.tgz#2e0e7397d6f754d81916babd9bce21a51f4b25a3"
-  integrity sha512-qVJTmq/6l3/o6V93nAD+n1ExTywbKEFYbuuI1TZIUryy5KSXOFnxilmZI4yJeQSZ3ee06YiJsIRYRaYUeg6JQQ==
+"@firebase/auth@0.15.2":
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.15.2.tgz#9ada3f37620d131a1c56994138a599b5c9f9ca2e"
+  integrity sha512-2n32PBi6x9jVhc0E/ewKLUCYYTzFEXL4PNkvrrlGKbzeTBEkkyzfgUX7OV9UF5wUOG+gurtUthuur1zspZ/9hg==
   dependencies:
     "@firebase/auth-types" "0.10.1"
 
@@ -1288,10 +1288,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/firestore-types/-/firestore-types-2.0.0.tgz#1f6212553b240f1a8905bb8dcf1f87769138c5c0"
   integrity sha512-ZGb7p1SSQJP0Z+kc9GAUi+Fx5rJatFddBrS1ikkayW+QHfSIz0omU23OgSHcBGTxe8dJCeKiKA2Yf+tkDKO/LA==
 
-"@firebase/firestore@2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-2.0.1.tgz#2d4734ecd5d165582eedea8487849c5535a55c0e"
-  integrity sha512-7WMv3b+2P/6SOE0RxPB+S6k75/vYTDhOpPBp6JH6nPQjS9mGtR9m0adKtXjOBBugcbK6sBgPMzxmQGwQl8lW4w==
+"@firebase/firestore@2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-2.0.2.tgz#300e7430a08d8c8779471e43c892a2cefe405b62"
+  integrity sha512-6kO/vWUmTOANA/ql+i16DFMc63gamU76Nycyt7k0r8QfcdXu93Cwizw4ff4DNMnpnkAJkTk36fPAxBxEvBXkzw==
   dependencies:
     "@firebase/component" "0.1.21"
     "@firebase/firestore-types" "2.0.0"
@@ -1405,10 +1405,10 @@
   resolved "https://registry.yarnpkg.com/@firebase/storage-types/-/storage-types-0.3.13.tgz#cd43e939a2ab5742e109eb639a313673a48b5458"
   integrity sha512-pL7b8d5kMNCCL0w9hF7pr16POyKkb3imOW7w0qYrhBnbyJTdVxMWZhb0HxCFyQWC0w3EiIFFmxoz8NTFZDEFog==
 
-"@firebase/storage@0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.4.1.tgz#b86973a8ab3ef52f38d6463fcc7613f5801ff8e4"
-  integrity sha512-/l05Dn3UYynPELt0ZFJz24H49sQ8c8KnOEGR/Pk1AOjLmc71vjjobVEkgkHyy1eyfmYuAZtsc6ePOwc89YnBTg==
+"@firebase/storage@0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.4.2.tgz#bc5924b87bd2fdd4ab0de49851c0125ebc236b89"
+  integrity sha512-87CrvKrf8kijVekRBmUs8htsNz7N5X/pDhv3BvJBqw8K65GsUolpyjx0f4QJRkCRUYmh3MSkpa5P08lpVbC6nQ==
   dependencies:
     "@firebase/component" "0.1.21"
     "@firebase/storage-types" "0.3.13"
@@ -1436,13 +1436,12 @@
     purgecss "^2.3.0"
 
 "@grpc/grpc-js@^1.0.0":
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.1.8.tgz#2845f0fc3d1bfbb150ed7a78a76bdf41b126d367"
-  integrity sha512-64hg5rmEm6F/NvlWERhHmmgxbWU8nD2TMWE+9TvG7/WcOrFT3fzg/Uu631pXRFwmJ4aWO/kp9vVSlr8FUjBDLA==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.2.0.tgz#4ff1ac4cdf7eb2af80d3c67316be9c2308d8d9bf"
+  integrity sha512-09H50V7rmz0gFrGz6IbP49z9A8+2p4yZYcNDEb7bytr90vWn52VBQE1a+LMBlrucmNN0wSsiCr3TJx+dStHTng==
   dependencies:
-    "@grpc/proto-loader" "^0.6.0-pre14"
     "@types/node" "^12.12.47"
-    google-auth-library "^6.0.0"
+    google-auth-library "^6.1.1"
     semver "^6.2.0"
 
 "@grpc/proto-loader@^0.5.0":
@@ -1453,17 +1452,6 @@
     lodash.camelcase "^4.3.0"
     protobufjs "^6.8.6"
 
-"@grpc/proto-loader@^0.6.0-pre14":
-  version "0.6.0-pre9"
-  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.6.0-pre9.tgz#0c6fe42f6c5ef9ce1b3cef7be64d5b09d6fe4d6d"
-  integrity sha512-oM+LjpEjNzW5pNJjt4/hq1HYayNeQT+eGrOPABJnYHv7TyNPDNzkQ76rDYZF86X5swJOa4EujEMzQ9iiTdPgww==
-  dependencies:
-    "@types/long" "^4.0.1"
-    lodash.camelcase "^4.3.0"
-    long "^4.0.0"
-    protobufjs "^6.9.0"
-    yargs "^15.3.1"
-
 "@hapi/address@2.x.x":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
@@ -2022,9 +2010,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__template@*":
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.3.tgz#b8aaeba0a45caca7b56a5de9459872dde3727214"
-  integrity sha512-uCoznIPDmnickEi6D0v11SBpW0OuVqHJCa7syXqQHy5uktSCreIlt0iglsCnmvz8yCb38hGcWeseA8cWJSwv5Q==
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.0.tgz#0c888dd70b3ee9eebb6e4f200e809da0076262be"
+  integrity sha512-NTPErx4/FiPCGScH7foPyr+/1Dkzkni+rHiYHHoTjvwou7AQzJkNeD60A9CXRy+ZEN2B1bggmkTMCDb+Mv5k+A==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
@@ -3046,9 +3034,9 @@ balanced-match@^1.0.0:
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
 base64-js@^1.0.2, base64-js@^1.3.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.0.tgz#2d03045876d9e2b68a7a0f87d6bd163595e3b6af"
-  integrity sha512-Jrdy04F2EKcNggUDfubMUPNAZg2vMquLQSm8sKLYJvz40ClFL1S8GKyDshGkNsbNNE5Z+fQavzU7nSK1I9JUGA==
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
 base@^0.11.1:
   version "0.11.2"
@@ -3119,7 +3107,7 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
   integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
 
-bn.js@^5.1.1:
+bn.js@^5.0.0, bn.js@^5.1.1:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
   integrity sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==
@@ -3237,11 +3225,11 @@ browserify-des@^1.0.0:
     safe-buffer "^5.1.2"
 
 browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
+  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
   dependencies:
-    bn.js "^4.1.0"
+    bn.js "^5.0.0"
     randombytes "^2.0.1"
 
 browserify-sign@^4.0.0:
@@ -3487,9 +3475,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001157:
-  version "1.0.30001157"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001157.tgz#2d11aaeb239b340bc1aa730eca18a37fdb07a9ab"
-  integrity sha512-gOerH9Wz2IRZ2ZPdMfBvyOi3cjaz4O4dgNwPGzx8EhqAs4+2IL/O+fJsbt+znSigujoZG8bVcIAUM/I/E5K3MA==
+  version "1.0.30001158"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001158.tgz#fce86d321369603c2bc855ee0e901a7f49f8310b"
+  integrity sha512-s5loVYY+yKpuVA3HyW8BarzrtJvwHReuzugQXlv1iR3LKSReoFXRm86mT6hT7PEF5RxW+XQZg+6nYjlywYzQ+g==
 
 capture-exit@^2.0.0:
   version "2.0.0"
@@ -3674,15 +3662,6 @@ cliui@^5.0.0:
     strip-ansi "^5.2.0"
     wrap-ansi "^5.1.0"
 
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
 cliui@^7.0.2:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
@@ -4230,9 +4209,9 @@ css-tree@1.0.0-alpha.37:
     source-map "^0.6.1"
 
 css-tree@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0.tgz#21993fa270d742642a90409a2c0cb3ac0298adf6"
-  integrity sha512-CdVYz/Yuqw0VdKhXPBIgi8DO3NicJVYZNWeX9XcIuSp9ZoFT5IcleVRW07O5rMjdcx1mb+MEJPknTTEW7DdsYw==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.1.tgz#7726678dfe2a57993a018d9dce519bf1760e3b6d"
+  integrity sha512-WroX+2MvsYcRGP8QA0p+rxzOniT/zpAoQ/DTKDSJzh5T3IQKUkFHeIIfgIapm2uaP178GWY3Mime1qbk8GO/tA==
   dependencies:
     mdn-data "2.0.12"
     source-map "^0.6.1"
@@ -4378,14 +4357,14 @@ cssstyle@^1.0.0, cssstyle@^1.1.1:
     cssom "0.3.x"
 
 csstype@^2.5.2:
-  version "2.6.13"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
-  integrity sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==
+  version "2.6.14"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.14.tgz#004822a4050345b55ad4dcc00be1d9cf2f4296de"
+  integrity sha512-2mSc+VEpGPblzAxyeR+vZhJKgYg0Og0nnRi7pmRXFYYxSfnOnW8A5wwQb4n4cE2nIOzqKOAzLCaEX6aBmNEv8A==
 
 csstype@^3.0.2:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.4.tgz#b156d7be03b84ff425c9a0a4b1e5f4da9c5ca888"
-  integrity sha512-xc8DUsCLmjvCfoD7LTGE0ou2MIWLx0K9RCZwSHMOdynqRsP4MtUcLeqh1HcQ2dInwDTqn+3CE0/FZh1et+p4jA==
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.5.tgz#7fdec6a28a67ae18647c51668a9ff95bb2fa7bb8"
+  integrity sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
@@ -4821,9 +4800,9 @@ ee-first@1.1.1:
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
 electron-to-chromium@^1.3.378, electron-to-chromium@^1.3.591:
-  version "1.3.592"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.592.tgz#4621521b223bf6e5469373528321e185d3c24670"
-  integrity sha512-kGNowksvqQiPb1pUSQKpd8JFoGPLxYOwduNRCqCxGh/2Q1qE2JdmwouCW41lUzDxOb/2RIV4lR0tVIfboWlO9A==
+  version "1.3.596"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.596.tgz#c7ed98512c7ff36ddcbfed9e54e6355335c35257"
+  integrity sha512-nLO2Wd2yU42eSoNJVQKNf89CcEGqeFZd++QsnN2XIgje1s/19AgctfjLIbPORlvcCO8sYjLwX4iUgDdusOY8Sg==
 
 elliptic@^6.5.3:
   version "6.5.3"
@@ -5002,7 +4981,7 @@ escape-html@~1.0.3:
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
-escape-string-regexp@2.0.0:
+escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
   integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
@@ -5767,7 +5746,7 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
+find-up@4.1.0, find-up@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
@@ -5805,23 +5784,23 @@ find-versions@^3.2.0:
     semver-regex "^2.0.0"
 
 firebase@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.0.1.tgz#24836c654c8577abd640439a5f1bc707bbd9f236"
-  integrity sha512-7QQKw+ycoR3LhMlxhPM+ND1F2Fx1eDlf3E55xYbmooxFW1t0p94HNENBc3JZytR1H0VoG9nSm2QEHsdr/Ca1Rg==
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/firebase/-/firebase-8.0.2.tgz#7bc8a220ce6b206121c4a9740eca1ad4be23ff86"
+  integrity sha512-tPtXQ8sifo82f7bOxYcR/yEdJ4IbL4/fpQrophRHFAaYCsYGp2Q/c1zz0voX9cLap8MH2uwh5LIVBqZ8nyT5ZQ==
   dependencies:
     "@firebase/analytics" "0.6.2"
     "@firebase/app" "0.6.13"
     "@firebase/app-types" "0.6.1"
-    "@firebase/auth" "0.15.1"
+    "@firebase/auth" "0.15.2"
     "@firebase/database" "0.7.1"
-    "@firebase/firestore" "2.0.1"
+    "@firebase/firestore" "2.0.2"
     "@firebase/functions" "0.6.1"
     "@firebase/installations" "0.4.19"
     "@firebase/messaging" "0.7.3"
     "@firebase/performance" "0.4.4"
     "@firebase/polyfill" "0.3.36"
     "@firebase/remote-config" "0.1.30"
-    "@firebase/storage" "0.4.1"
+    "@firebase/storage" "0.4.2"
     "@firebase/util" "0.3.4"
 
 flat-cache@^2.0.1:
@@ -6233,7 +6212,7 @@ globule@^1.0.0:
     lodash "~4.17.10"
     minimatch "~3.0.2"
 
-google-auth-library@^6.0.0:
+google-auth-library@^6.1.1:
   version "6.1.3"
   resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-6.1.3.tgz#39d868140b70d0c4b32c6f6d8f4ccc1400d84dca"
   integrity sha512-m9mwvY3GWbr7ZYEbl61isWmk+fvTmOt0YNUfPOUY2VH8K5pZlAIWJjxEi0PqR3OjMretyiQLI6GURMrPSwHQ2g==
@@ -6419,13 +6398,6 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.2.1.tgz#c09c0555c84b38a7ede6912b61efddafd6e75e1e"
-  integrity sha512-TFsu3TV3YLY+zFTZDrN8L2DTFanObwmBLpWvJs1qfUuEQ5bTAdFcwfx2T/bsCXfM9QHSLvjfP+nihEl0yvozxw==
-  dependencies:
-    react-is "^16.3.2"
-
 hoist-non-react-statics@^2.3.1:
   version "2.5.5"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
@@ -10557,7 +10529,7 @@ prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2:
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-protobufjs@^6.8.6, protobufjs@^6.9.0:
+protobufjs@^6.8.6:
   version "6.10.1"
   resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-6.10.1.tgz#e6a484dd8f04b29629e9053344e3970cccf13cd2"
   integrity sha512-pb8kTchL+1Ceg4lFd5XUpK8PdWacbvV5SK2ULH2ebrYtl4GjJmS24m6CKME67jzV53tbJxHlnNOSqQHbTsR9JQ==
@@ -10789,9 +10761,9 @@ react-dom@^16.14.0:
     scheduler "^0.19.1"
 
 react-elastic-carousel@^0.9.1:
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.4.tgz#842ce633667e5dde3944999b4cc4138ad8da4d74"
-  integrity sha512-hritruwiAFp4/xcwv005rqxiwlIttcepDqhP9XMqioERRRRZED9Sl65l+7tl0B7wQH+M2Dfu3C82Josce6AWhQ==
+  version "0.9.5"
+  resolved "https://registry.yarnpkg.com/react-elastic-carousel/-/react-elastic-carousel-0.9.5.tgz#09fe1d82638d32d36e53847dfaef893329edc726"
+  integrity sha512-U64QzuVPXEFJ+czzxgvMIGOSUKvC01Unl99gDzhdOj/Ypz1iVh49XBo428Z3LvIYx1n2CtrJFjpx0i2TBPD4Ug==
   dependencies:
     classnames "^2.2.6"
     react-only-when "^1.0.2"
@@ -10803,16 +10775,15 @@ react-error-overlay@^6.0.7:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.8.tgz#474ed11d04fc6bda3af643447d85e9127ed6b5de"
   integrity sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==
 
-react-i18next@^9.0.10:
-  version "9.0.10"
-  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-9.0.10.tgz#ba596b98e8dd06dbb805cf720147459ad55a3ada"
-  integrity sha512-xpeCWNut7ylQLs3Qqyo7dT13kgZbML1CdftbdnswLCv0RbRT16bRP16ma59iLe1KHIbn92VJo0Q8LSKYoXVNvg==
+react-i18next@^11.7.3:
+  version "11.7.3"
+  resolved "https://registry.yarnpkg.com/react-i18next/-/react-i18next-11.7.3.tgz#256461c46baf5b3208c3c6860ca4e569fc7ed053"
+  integrity sha512-7sYZqVZgdaS9Z0ZH6nuJFErCD0zz5wK3jR4/xCrWjZcxHHF3GRu7BXdicbSPprZV4ZYz7LJzxxMHO7dg5Qb70A==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    hoist-non-react-statics "3.2.1"
     html-parse-stringify2 "2.0.1"
 
-react-is@^16.12.0, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
+react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -12059,9 +12030,11 @@ stable@^0.1.8:
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
 stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.3.tgz#db7a475733b5b8bf6521907b18891d29006f7751"
+  integrity sha512-WldO+YmqhEpjp23eHZRhOT1NQF51STsbxZ+/AdpFD+EhheFxAe5d0WoK4DQVJkSHacPrJJX3OqRAl9CgHf78pg==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
 static-extend@^0.1.1:
   version "0.1.2"
@@ -13522,14 +13495,6 @@ yargs-parser@^13.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
 yargs-parser@^20.2.2:
   version "20.2.4"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.4.tgz#b42890f14566796f85ae8e3a25290d205f154a54"
@@ -13551,23 +13516,6 @@ yargs@^13.3.0, yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.3.1:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
-
 yargs@^16.0.0:
   version "16.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.1.0.tgz#fc333fe4791660eace5a894b39d42f851cd48f2a"